Add About landing page

about/.gitignore

@@ -0,0 +1,2 @@
+/.quarto/
+/_site/

about/_quarto.yml

@@ -0,0 +1,17 @@
+project:
+  type: website
+
+website:
+  title: "About"
+
+
+format:
+  html:
+    theme:
+      - cosmo
+      - brand
+    css: styles.css
+    toc: true
+
+
+

about/index.qmd

@@ -0,0 +1,143 @@
+---
+title: ""
+page-layout: full
+---
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.min.css">
+
+```{=html}
+
+<div class="content-wrapper">
+    <div class ="about-section">
+        <div class = "about-desc">
+            <h2>About Us</h2>
+            <p>The interdisciplinary LMU Open Science Center (OSC) has the mission to promote and foster open science practices at LMU Munich and beyond.</p>
+        </div>
+        <div class = "about-img">
+            <img src = "img/Banner1.jpg" alt = "osc logo">
+        </div>
+    </div>
+
+    <div class = "mission-section">
+        <h3>Mission Statement</h3>
+        <p>Transparency and reproducibility lie at the core of scientific integrity. Pursuing these goals through open practices, for example by preregistering studies, and by providing open data, open materials, analysis scripts for computational reproducibility, and open access versions of the published results increases the efficiency, validity, and credibility of research. We subsume these practices under the term “Open Science”. Furthermore, independent replications are vital to establish the robustness and generalizability of research findings.</p>
+    </div>
+    <div class="initiatives-section">
+        <div class="initiatives-grid">
+            <div class="initiative-card">
+                    <h4>Training Programs</h4>
+                    <p>We seek to promote open science by offering advanced training programs and workshops for early career researchers and senior faculty members, public talks, the development of core curricula on open research practices, and original research on meta-science and reproducibility.</p>
+            </div>
+            <div class="initiative-card">
+                    <h4>Research Initiatives</h4>
+                    <p>Conduct research on the research process. Here, the idea is to explore the psychological, sociological, statistical, and methodological aspects of scientific procedures, which can lead to erroneous or biased research results.</p>
+            </div>
+            <div class="initiative-card">
+                    <h4>Collaboration</h4>
+                    <p>The center’s mission includes connecting existing initiatives at LMU institutions and beyond, as well as initiating an (inter)national dialog with funding agencies, publishers, service providers, and other external stakeholders to drive open science policies forward.These steps promise to lead to a faster accumulation of knowledge and the potential to provide substantial benefits for science – and for society.</p>
+            </div>
+        </div>
+    </div>
+
+    <div class = "history-section">
+        <a href="https://www.osc.uni-muenchen.de/news/osc_portrait_2018/index.html" style="text-decoration: none; color: inherit;">
+            <div class = "history-info">
+                <div class = "history-img">
+                    <img src = "img/os_badges.png" alt = "osc logo" style ="height:100px;">
+                </div>
+                <div class = "history-desc">
+                    "For a university of excellence, the establishment of such a center is a highly pertinent and very welcome step,” says Professor Barbara Conradt, Vice-President for Research and Diversity.
+                    <i>See LMU's original press release to know more about our history.</i>
+                </div>
+            </div>
+            <div class= "history-arrow">
+                <i class="bi bi-arrow-right" style="font-size: 1.5rem;"></i>
+
+            </div>
+        </a>
+    </div>
+
+
+    <div class = "socials-card">
+        <div class="socials-links">
+            <div class = "postal-address">
+                <strong>Ludwig-Maximilians-Universität München
+                 Open Science Center</strong>
+                <br>
+                Leopoldstr. 13
+                <br>
+                80802 München
+            </div>
+            <div class="contact-list">
+                <strong>Contact</strong>
+                <br>
+                <a href="mailto:[email protected]">
+                    <i class="bi bi-envelope"></i>  
+                    Dr. Felix Schönbrodt 
+                </a>
+            </div>
+            <div class="quick-link">
+                <strong>Join Us</strong>
+
+                <div class="newsletter-link">
+                    <a href="https://lists.lrz.de/mailman/listinfo/lmu-osc" target="_blank">
+                        Newsletter
+                    </a> 
+                </div>
+
+                <div class="matrix-link">
+                    <a href="https://matrix.to/#/#lmu-open-science-center:matrix.lmu.de#/#lmu-open-science-center:matrix.lmu.de" target="_blank">
+                        LMU chat on Matrix
+                    </a>
+                </div>
+            </div>
+            <div class="socials-icons">
+                <div class="social-icon">
+                    <a href="https://www.linkedin.com/company/lmu-open-science-center/" target="_blank">
+                        <i class="bi bi-linkedin" style="font-size:2.5rem;"></i>
+                    </a>
+                </div>
+                <div class="social-icon">
+                    <a href="https://bsky.app/profile/lmu-osc.bsky.social" target="_blank">
+                        <i class="bi bi-bluesky" style="font-size:2.5rem;"></i>
+                    </a>
+                </div>
+                <div class="social-icon">
+                    <a href="https://scicomm.xyz/web/@lmu_osc" target="_blank">
+                        <i class="bi bi-mastodon" style="font-size:2.5rem;"></i>
+                    </a>
+                </div>
+            </div>
+        </div>
+        <hr>
+        <div class="extra-links">
+                <a href = "https://www.osc.uni-muenchen.de/funktionen/imprint/index.html">
+                    Imprint
+                </a>
+                <div class="divider"></div>
+                <a href="https://www.osc.uni-muenchen.de/funktionen/privacy/index.html">
+                    Privacy Policy
+                </a>
+                <div class="divider"></div>
+
+                <a href = "https://www.osc.uni-muenchen.de/funktionen/barrierefreiheit/index.html">
+                    Accessibility
+                </a>
+
+        </div>
+    </div>
+
+
+
+
+</div>
+
+
+
+
+
+```
+
+
+
+
+