Added files for the single event page

events/individual_event.qmd

@@ -0,0 +1,129 @@
+---
+format: 
+    html:
+        table-of-contents: false
+        css: styles.css
+page-layout: full
+categories: ["Workshop", "Professional Instruction"]
+
+# Event Information
+event:
+  title: "Software Carpentry - R flavored - Philologicum"
+  date: "July 15, 2025"
+  time: "14:00 - 17:00 CET"
+  location:
+    name: "Philologicum room (Veranstaltungsraum)"
+    address: "Ludwigstraße 25, 80539 Munich"
+    map_url: "https://www.google.com/maps/place/Ludwigstraße+25,+80539+München,+Germany"
+  format:
+    type: "Hybrid Event"
+    detail: "In-person & Online"
+  language:
+    primary: "English"
+    detail: "(German Transcript)"
+
+# Registration and Materials
+links:
+  registration: "https://www.pretix.osc.lmu.de/lmu-osc/swc-20250324-Hum/"
+  materials: "https://www.pretix.osc.lmu.de/lmu-osc/swc-20250324-Hum/"
+  workshop_website: "https://lmu-osc.github.io/2025-03-24-LMU-Humanities/"
+
+# Event Description
+event_description: "In this Software Carpentry Workshop you will learn the **Unix Shell**, **Git** and **R**. This example-driven **two-day workshop** will teach core computing skills that will help you be more productive and effective. We'll alternate short tutorials with hands-on practical exercises. Participants are encouraged to help one another and to apply what they are learning to their own research problems during the workshop."
+
+# Add more instructors in the same format if needed. Will need to add a new line in the html below as well
+instructors:
+  - name: "Laura Meier"
+    url: "https://www.osc.uni-muenchen.de/members/individual_members/fellows/meier/index.html"
+  - name: "Maximilian Frank"
+    url: "https://www.osc.uni-muenchen.de/members/individual_members/fellows/frank/index.html"
+  - name: "Florian Kohrt"
+    url: "https://www.osc.uni-muenchen.de/members/individual_members/fellows/kohrt/index.html"
+
+
+# Helpers
+helpers: "Pat Callahan, Sarah von Grebmer zu Wolfsthurn"
+
+# Contact Information
+contact:
+  name: "Mahlika Ihle"
+  email: "[email protected]"
+---
+
+
+
+<link rel = "stylesheet"  href = "https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css">
+
+```{=html}
+<h1 class="fs-1 text-primary"> {{< meta event.title >}} </h1>
+
+<div class="d-flex flex-nowrap justify-content-center overflow-auto gap-3 py-2 px-1">
+  <div class="card flex-shrink-0 border border-primary border-2" style="width:14rem;">
+    <div class="card-body">
+      <h5 class="card-title"><i class="bi bi-calendar-event"></i> Date &amp; Time</h5>
+      <p class="card-text">{{< meta event.date >}}<br>{{< meta event.time >}}</p>
+    </div>
+  </div>
+
+  <div class="card flex-shrink-0 border border-primary border-2" style="width:14rem;">
+    <div class="card-body">
+      <h5 class="card-title"><i class="bi bi-geo-alt"></i> Location</h5>
+      <div class="location-text">
+        <a href="{{< meta event.location.map_url >}}" target="_blank" style="text-decoration:none;color:inherit;">
+          <div class="meta-value">{{< meta event.location.name >}}<br>{{< meta event.location.address >}}</div>
+        </a>
+      </div>
+    </div>
+  </div>
+
+  <div class="card flex-shrink-0 border border-primary border-2" style="width:14rem;">
+    <div class="card-body">
+      <h5 class="card-title"><i class="bi bi-laptop"></i> Format</h5>
+      <p class="card-text">{{< meta event.format.type >}}<br>{{< meta event.format.detail >}}</p>
+    </div>
+  </div>
+
+  <div class="card flex-shrink-0 border border-primary border-2" style="width:14rem;">
+    <div class="card-body">
+      <h5 class="card-title"><i class="bi bi-translate"></i> Language</h5>
+      <p class="card-text">{{< meta event.language.primary >}}<br>{{< meta event.language.detail >}}</p>
+    </div>
+  </div>
+</div>
+
+
+<div class="register-box d-flex gap-2 justify-content-center">
+  <a href="{{< meta links.registration >}}" target="_blank" class="btn btn-primary btn-pop">
+    <i class="bi bi-box-arrow-up-left"></i> Register
+  </a>
+  <a href="{{< meta links.materials >}}" target="_blank" class="btn btn-outline-primary btn-pop">
+    <i class="bi bi-download"></i> Materials
+  </a>
+</div>
+
+<div class="event_description">
+    <h4>Overview</h4>
+    <p>{{< meta event_description >}}</p>
+    <p>See the <a href="{{< meta links.workshop_website >}}" target="_blank">workshop website</a> for more details.</p>
+</div>
+
+<div class="instructors">
+    <h4>Instructors</h4>
+    <ul>
+        <li><a href="{{< meta instructors.1.url >}}" target="_blank">{{< meta instructors.1.name >}}</a></li>
+        <li><a href="{{< meta instructors.2.url >}}" target="_blank">{{< meta instructors.2.name >}}</a></li>
+        <li><a href="{{< meta instructors.3.url >}}" target="_blank">{{< meta instructors.3.name >}}</a></li>
+
+    </ul>
+</div>
+
+<div class="helpers">
+    <h4>Helpers</h4>
+    <p>{{< meta helpers >}}</p>
+</div>
+
+<div class="contact_name">
+    <h4>Questions?</h4>
+    <p>If you have any questions, please contact <span class="instructor-links"><a href="mailto:{{< meta contact.email >}}">{{< meta contact.name >}}</a></span>.</p>
+</div>
+```

events/styles.css

@@ -0,0 +1,27 @@
+.event-detail-cards > .col {
+  flex: 0 0 14rem; 
+  max-width: 14rem;
+}
+.event-detail-cards .card {
+  width: 100%;
+}
+
+.location-text:hover {
+  transform: scale(1.02);
+  color: #06793f;; 
+  transition: transform 0.2s ease, color 0.2s ease;
+}
+
+
+.btn-pop {
+  transition: transform .15s ease;
+}
+.btn-pop:hover {
+  transform: scale(1.05);
+}
+
+.instructor-links a:hover {
+  color: #0077cc;
+  text-decoration: underline;
+  transition: color 0.2s ease;
+}