feat(archive): add link to 2025 playlist (#33)

* feat(archive): add link to 2025 playlist

* Add build and lychee commands to justfile

* remove ilbers.de from exclude list bc their TLS cert works again

* attempt fixing CI lychee job by removing unused links in CSS
(overwritten by JS on the page)

* Move link to playlist to talks section

---------

Co-authored-by: JuliDi <20155974+JuliDi@users.noreply.github.com>

Author: joelsa

.github/workflows/lychee.yml

@@ -29,4 +29,4 @@ jobs:
         uses: lycheeverse/lychee-action@v2
         with:
           fail: true # fail workflow run on error
-          args: --root-dir "$(pwd)/public" public --exclude ".+\.analog.com" --exclude "https://ilbers.de/" --accept 100..=103,200..=299,403,429
+          args: --root-dir "$(pwd)/public" public --exclude ".+\.analog.com" --accept 100..=103,200..=299,403,429

justfile

@@ -9,3 +9,11 @@ css:
 
 serve: css
     @zola serve
+
+build:
+    @zola build
+
+lychee:
+    @just build
+    @lychee --root-dir public public --exclude ".+\.analog.com" --accept 100..=103,200..=299,403,429
+    @rm -r public

static/css/style.css

@@ -1,9 +1,10 @@
-/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
 @layer properties;
 @layer theme, base, components, utilities;
 @layer theme {
   :root, :host {
     --color-red-600: oklch(57.7% 0.245 27.325);
+    --color-red-700: oklch(50.5% 0.213 27.518);
     --color-orange-100: oklch(95.4% 0.038 75.164);
     --color-orange-500: oklch(70.5% 0.213 47.604);
     --color-orange-600: oklch(64.6% 0.222 41.116);
@@ -238,6 +239,12 @@
   .sticky {
     position: sticky;
   }
+  .start {
+    inset-inline-start: var(--spacing);
+  }
+  .end {
+    inset-inline-end: var(--spacing);
+  }
   .z-0 {
     z-index: 0;
   }
@@ -747,6 +754,9 @@
   .text-orange-800 {
     color: var(--color-orange-800);
   }
+  .text-red-600 {
+    color: var(--color-red-600);
+  }
   .text-white {
     color: var(--color-white);
   }
@@ -890,6 +900,13 @@
       }
     }
   }
+  .hover\:text-red-700 {
+    &:hover {
+      @media (hover: hover) {
+        color: var(--color-red-700);
+      }
+    }
+  }
   .hover\:underline {
     &:hover {
       @media (hover: hover) {
@@ -998,7 +1015,7 @@
   }
   .lg\:w-1\/4 {
     @media (width >= 64rem) {
-      width: calc(1/4 * 100%);
+      width: calc(1 / 4 * 100%);
     }
   }
   .lg\:grid-cols-3 {

static/vendor/leaflet/leaflet.css

@@ -356,12 +356,10 @@ svg.leaflet-image-layer.leaflet-interactive path {
 	border-radius: 5px;
 	}
 .leaflet-control-layers-toggle {
-	background-image: url(images/layers.png);
 	width: 36px;
 	height: 36px;
 	}
 .leaflet-retina .leaflet-control-layers-toggle {
-	background-image: url(images/layers-2x.png);
 	background-size: 26px 26px;
 	}
 .leaflet-touch .leaflet-control-layers-toggle {
@@ -404,7 +402,6 @@ svg.leaflet-image-layer.leaflet-interactive path {
 
 /* Default icon URLs */
 .leaflet-default-icon-path { /* used only in path-guessing heuristic, see L.Icon.Default */
-	background-image: url(images/marker-icon.png);
 	}
 
 

templates/archive_2025.html

@@ -58,7 +58,13 @@ <h2 class="text-2xl md:text-3xl font-bold text-center mb-8">Impressionen Munich
         <!-- Talks -->
         <section class="py-16 bg-gray-100" id="talks">
             <div class="container mx-auto px-4">
-                <h2 class="text-2xl md:text-3xl font-bold text-center mb-8">Vorträge</h2>
+                <h2 class="text-2xl md:text-3xl font-bold text-center mb-4">Vorträge</h2>
+                <p class="text-center mb-8">
+                    <a target="_blank" href="https://www.youtube.com/watch?v=TKELvqpgKVw&list=PLacPyYQaY6_LR2wBFp3ms9WRgiglcQGuG" class="inline-flex items-center gap-1 text-red-600 hover:text-red-700 font-medium transition-colors duration-300">
+                        <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z"/></svg>
+                        Aufzeichnungen auf YouTube
+                    </a>
+                </p>
                 <div class="grid grid-cols-1 md:grid-cols-2 gap-12">
                     <!-- Lightning Talk 1 -->
                     <div class="highlighted-grid-element bg-white" id="lightning-talk-1">

templates/archive_2025_en.html

@@ -58,7 +58,13 @@ <h2 class="text-2xl md:text-3xl font-bold text-center mb-8">Highlights Munich Em
         <!-- Talks -->
         <section class="py-16 bg-gray-100" id="talks">
             <div class="container mx-auto px-4">
-                <h2 class="text-2xl md:text-3xl font-bold text-center mb-8">Talks</h2>
+                <h2 class="text-2xl md:text-3xl font-bold text-center mb-4">Talks</h2>
+                <p class="text-center mb-8">
+                    <a target="_blank" href="https://www.youtube.com/watch?v=TKELvqpgKVw&list=PLacPyYQaY6_LR2wBFp3ms9WRgiglcQGuG" class="inline-flex items-center gap-1 text-red-600 hover:text-red-700 font-medium transition-colors duration-300">
+                        <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z"/></svg>
+                        Watch recordings on YouTube
+                    </a>
+                </p>
                 <div class="grid grid-cols-1 md:grid-cols-2 gap-12">
                     <!-- Lightning Talk 1 -->
                     <div class="highlighted-grid-element bg-white" id="lightning-talk-1">