From fb04cb12d7b55945f573227781418d520178a2d3 Mon Sep 17 00:00:00 2001 From: Gnotic Date: Tue, 5 Aug 2025 12:17:48 +0200 Subject: [PATCH 1/3] Added files for the single event page --- events/individual_event.qmd | 117 ++++++++++++++++++++++++++ events/styles.css | 158 ++++++++++++++++++++++++++++++++++++ 2 files changed, 275 insertions(+) create mode 100644 events/individual_event.qmd create mode 100644 events/styles.css diff --git a/events/individual_event.qmd b/events/individual_event.qmd new file mode 100644 index 0000000..fdb8b9e --- /dev/null +++ b/events/individual_event.qmd @@ -0,0 +1,117 @@ +--- +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: "malika.ihle@lmu.de" +--- + + + +```{=html} +
{{< meta event.title >}}
+
+
+ +
Date & Time
+
{{< meta event.date >}}
{{< meta event.time >}}
+
+
+ +
Location
+
+ +
{{< meta event.location.name >}}
{{< meta event.location.address >}}
+ +
+
+
+ +
Format
+
{{< meta event.format.type >}}
{{< meta event.format.detail >}}
+
+
+ +
Language
+
{{< meta event.language.primary >}}
{{< meta event.language.detail >}}
+
+
+
+
+ Register +
+
+ Materials +
+
+ +
+

Overview

+

{{< meta event_description >}}

+

See the workshop website for more details.

+
+ +
+

Instructors

+ +
+ +
+

Helpers

+

{{< meta helpers >}}

+
+ +
+

Questions?

+

If you have any questions, please contact {{< meta contact.name >}}.

+
+``` \ No newline at end of file diff --git a/events/styles.css b/events/styles.css new file mode 100644 index 0000000..1b9e115 --- /dev/null +++ b/events/styles.css @@ -0,0 +1,158 @@ +/* css styles */ +*{ + font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; +} + + +.event-heading{ + font-size: 2.5rem; + font-weight: 700; + color: #2b864b; + margin: 1em 0 0.5em; + position: relative; + text-align: center; + line-height: 1.2; + padding-bottom: 0.5em; +} + +.event-detail{ + display: flex; + flex-direction: row; + width: 100%; + padding: 0.5em; + gap: 10px; +} + +.meta-item { + background: white; + flex: 1; + padding: 20px; + border-radius: 12px; + backdrop-filter: blur(10px); + border: 2px solid #028c3e; + transition: all 0.3s ease; + cursor: pointer; +} + +.meta-item:hover { + background: rgba(21, 130, 68, 0.1); + transform: translateY(-5px); + box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2); + border: 2px solid #09b54e; +} + +.meta-label { + font-weight: 600; + margin-bottom: 5px; + font-size: 0.9em; + text-transform: uppercase; + letter-spacing: 1px; + opacity: 1; +} + +.meta-value { + font-size: 1.1em; + font-weight: 400; +} + +.event-item { + display: flex; + align-items: center; + gap: 0.8em; + margin: 0.3em 0; +} + +.event-item i { + font-size: 1.2em; + } + +.event-item span{ + padding-left: 8px; + font-weight: 400; +} +.event-item p { + margin: 0; + font-weight: 400; + } + +.event-item .bi{ + font-size: larger; +} + +a{ + color: #006633; + text-decoration: none; +} + + +.location-text:hover { + transform: scale(1.02); + color: #06793f;; + transition: transform 0.2s ease, color 0.2s ease; +} + + +.register-box { + display: inline-block; + width: 100%; + text-align: center; +} + +.register-button { + display: inline-block; + padding: 0.75rem 1.5rem; + font-size: 1.25rem; + min-width: 160px; + text-align: center; + background-color: #028c3e; + border-radius: 8px; + font-weight: 600; + margin: 0.7em auto 0; + transition: transform 0.3s ease, background-color 0.3s; +} + +.register-button a { + display: block; + color: white; + text-decoration: none; + line-height: 1; +} + +.register-button:hover { + background-color: #045f32; + transform: scale(1.03); + transition: transform 0.3s ease, background-color 0.3s; +} + +.materials-button { + display: inline-block; + padding: 0.75rem 1.5rem; + font-size: 1.25rem; + min-width: 160px; + text-align: center; + background-color: #02658c; + border-radius: 8px; + font-weight: 600; + margin: 0.7em auto 0; + transition: transform 0.3s ease, background-color 0.3s; +} + +.materials-button a { + display: block; + color: white; + text-decoration: none; + line-height: 1; +} + +.materials-button:hover { + background-color: #025575; + transform: scale(1.03); + transition: transform 0.3s ease, background-color 0.3s; +} + + +.instructor-links a:hover { + color: #0077cc; + text-decoration: underline; + transition: color 0.2s ease; +} From 6b74e2b23da5933b6a3398c49b68ece61bcfef81 Mon Sep 17 00:00:00 2001 From: Gnotic Date: Tue, 23 Sep 2025 11:38:19 +0200 Subject: [PATCH 2/3] Modified for bootstrap and for main scss variables --- events/.DS_Store | Bin 0 -> 6148 bytes events/individual_event.qmd | 78 +++++++++++-------- events/styles.css | 149 +++--------------------------------- 3 files changed, 54 insertions(+), 173 deletions(-) create mode 100644 events/.DS_Store diff --git a/events/.DS_Store b/events/.DS_Store new file mode 100644 index 0000000000000000000000000000000000000000..5008ddfcf53c02e82d7eee2e57c38e5672ef89f6 GIT binary patch literal 6148 zcmeH~Jr2S!425mzP>H1@V-^m;4Wg<&0T*E43hX&L&p$$qDprKhvt+--jT7}7np#A3 zem<@ulZcFPQ@L2!n>{z**++&mCkOWA81W14cNZlEfg7;MkzE(HCqgga^y>{tEnwC%0;vJ&^%eQ zLs35+`xjp>T0 + + + ```{=html} -
{{< meta event.title >}}
-
-
- -
Date & Time
-
{{< meta event.date >}}
{{< meta event.time >}}
-
-
- -
Location
-
- -
{{< meta event.location.name >}}
{{< meta event.location.address >}}
- -
-
-
- -
Format
-
{{< meta event.format.type >}}
{{< meta event.format.detail >}}
-
-
- -
Language
-
{{< meta event.language.primary >}}
{{< meta event.language.detail >}}
-
-
-
-
- Register +

{{< meta event.title >}}

+ +
+
+
+
Date & Time
+

{{< meta event.date >}}
{{< meta event.time >}}

+
+
+ +
+
+
Location
+
+ +
{{< meta event.location.name >}}
{{< meta event.location.address >}}
+ +
-
- Materials +
+ +
+
+
Format
+

{{< meta event.format.type >}}
{{< meta event.format.detail >}}

+
+
+ +
+
+
Language
+

{{< meta event.language.primary >}}
{{< meta event.language.detail >}}

+
+
+ + +
+ + Register + + + Materials +
diff --git a/events/styles.css b/events/styles.css index 1b9e115..28e9219 100644 --- a/events/styles.css +++ b/events/styles.css @@ -1,89 +1,10 @@ -/* css styles */ -*{ - font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; +.event-detail-cards > .col { + flex: 0 0 14rem; + max-width: 14rem; } - - -.event-heading{ - font-size: 2.5rem; - font-weight: 700; - color: #2b864b; - margin: 1em 0 0.5em; - position: relative; - text-align: center; - line-height: 1.2; - padding-bottom: 0.5em; -} - -.event-detail{ - display: flex; - flex-direction: row; - width: 100%; - padding: 0.5em; - gap: 10px; -} - -.meta-item { - background: white; - flex: 1; - padding: 20px; - border-radius: 12px; - backdrop-filter: blur(10px); - border: 2px solid #028c3e; - transition: all 0.3s ease; - cursor: pointer; -} - -.meta-item:hover { - background: rgba(21, 130, 68, 0.1); - transform: translateY(-5px); - box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2); - border: 2px solid #09b54e; -} - -.meta-label { - font-weight: 600; - margin-bottom: 5px; - font-size: 0.9em; - text-transform: uppercase; - letter-spacing: 1px; - opacity: 1; -} - -.meta-value { - font-size: 1.1em; - font-weight: 400; -} - -.event-item { - display: flex; - align-items: center; - gap: 0.8em; - margin: 0.3em 0; -} - -.event-item i { - font-size: 1.2em; - } - -.event-item span{ - padding-left: 8px; - font-weight: 400; +.event-detail-cards .card { + width: 100%; } -.event-item p { - margin: 0; - font-weight: 400; - } - -.event-item .bi{ - font-size: larger; -} - -a{ - color: #006633; - text-decoration: none; -} - .location-text:hover { transform: scale(1.02); @@ -92,65 +13,13 @@ a{ } -.register-box { - display: inline-block; - width: 100%; - text-align: center; +.btn-pop { + transition: transform .15s ease; } - -.register-button { - display: inline-block; - padding: 0.75rem 1.5rem; - font-size: 1.25rem; - min-width: 160px; - text-align: center; - background-color: #028c3e; - border-radius: 8px; - font-weight: 600; - margin: 0.7em auto 0; - transition: transform 0.3s ease, background-color 0.3s; -} - -.register-button a { - display: block; - color: white; - text-decoration: none; - line-height: 1; +.btn-pop:hover { + transform: scale(1.05); } -.register-button:hover { - background-color: #045f32; - transform: scale(1.03); - transition: transform 0.3s ease, background-color 0.3s; -} - -.materials-button { - display: inline-block; - padding: 0.75rem 1.5rem; - font-size: 1.25rem; - min-width: 160px; - text-align: center; - background-color: #02658c; - border-radius: 8px; - font-weight: 600; - margin: 0.7em auto 0; - transition: transform 0.3s ease, background-color 0.3s; -} - -.materials-button a { - display: block; - color: white; - text-decoration: none; - line-height: 1; -} - -.materials-button:hover { - background-color: #025575; - transform: scale(1.03); - transition: transform 0.3s ease, background-color 0.3s; -} - - .instructor-links a:hover { color: #0077cc; text-decoration: underline; From 14e6739675a323b0b118537d0ae40afd1a6839ba Mon Sep 17 00:00:00 2001 From: Gnotic Date: Tue, 23 Sep 2025 11:39:19 +0200 Subject: [PATCH 3/3] removed cache files --- events/.DS_Store | Bin 6148 -> 0 bytes 1 file changed, 0 insertions(+), 0 deletions(-) delete mode 100644 events/.DS_Store diff --git a/events/.DS_Store b/events/.DS_Store deleted file mode 100644 index 5008ddfcf53c02e82d7eee2e57c38e5672ef89f6..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 6148 zcmeH~Jr2S!425mzP>H1@V-^m;4Wg<&0T*E43hX&L&p$$qDprKhvt+--jT7}7np#A3 zem<@ulZcFPQ@L2!n>{z**++&mCkOWA81W14cNZlEfg7;MkzE(HCqgga^y>{tEnwC%0;vJ&^%eQ zLs35+`xjp>T0