Merge pull request '2025 Überarbeitung auf master' (#6) from livia/Interfug-web:master into master

Reviewed-on: #6

README.md

@@ -3,10 +3,12 @@ Webseite der [Interfug](https://interfug.de)
 ## Seite bauen
 
 ## Submodules auschecken
-git submodule update --init --recursive
+`git submodule update --init --recursive`  
 
 ## Seite unter public/ generieren
-hugo
+`hugo`
 
 ## oder live testen
-hugo server --buildDrafts
+`hugo server --buildDrafts`  
+oder  
+`hugo server -D`  

content/de/_index.md

@@ -1,15 +1,15 @@
 ---
-featured_image: "img/Interfug_Banner.png"
+omit_header_text: true
+featured_image: "img/if25_banner.png"
 ---
 
-# Interfug 2024: Technikf(|l)u(g|ch)
+# Interfug 2025: Wir tauchen ab!
 
-Unter diesem Motto laden wir euch zum Auftakt der 42. Kalenderwoche vom **12. bis 13.10.2024** zu einem gemütlichen Geekend nach **Chemnitz** ins Lokomov ein.  
+Unter diesem Motto laden wir euch zum Auftakt der 41. Kalenderwoche vom **11. bis 12.10.2025** zu einem gemütlichen Geekend nach **Chemnitz** ins Lokomov ein.  
 Wenn ihr teilnehmen wollt, registriert euch bitte kostenlos unter:  
-https://tickets.chch.it/ChCh/Interfug2024/
+https://tickets.chch.it/ChCh/Interfug2025/
 
-## Fugplan:
+## Fugplan
-Check-in: Samstag 12:00  
+TBA
-Take-off: Samstag 16:00  
+
-Bordverpflegung (Frühstück): Sonntag ab 10:00  
+## Aktuelles
-Landung am Zielfughafen: Sonntag 16:00

content/de/posts/2024-05-30-War_da_nicht_was.md

@@ -2,7 +2,8 @@
 title = 'Interfug - War da nicht was?'
 date = 2024-05-30
 featured_image = "img/2015_Screensot_Webseite.png"
-#draft = true
+tags = ['2024']
+# draft = true
 +++
 Bereits 2015 hatten wir unseren ersten Versuch einer kleinen Veranstaltung unternommen. Am [29. und 30.08.2015](https://web.archive.org/web/20240430222836/https://www.interfug.de/) luden wir zu einem Mini-Kongress in die Bar Lokomov, direkt unter unserem [Space](https://chaoschemnitz.de/). Obwohl wir nicht viel Werbung gemacht hatten, gab es dennoch mehrere Vorträge und wir hatten sogar externe Gäste (zwei).
 Das wir das auch mit mehr Gästen hinbekommen, konnten wir Anfang dieses Jahres beweisen. Neben unserer jährlichen ["Trittbrettfahrer-Veranstaltung"](https://chemnitzer.linux-tage.de/2024/de/addons/linux-nacht) zu den Chemnitzer Linuxtagen, luden wir die [ChaosZone](https://chaoszone.cz/) zum [Winterchaos](https://chaoschemnitz.de/Winterchaos) an gleicher Stelle. Der gute Zuspruch mit zirka 50 Teilnehmenden beflügelte uns nun, "mal was richtiges" zu machen.

content/de/posts/2024-08-11_CfP.md

@@ -2,6 +2,7 @@
 title = 'Call for Participation'
 date = 2024-08-10
 featured_image = "img/Plakat_2024.png"
+tags = ['2024']
 # draft = true
 +++
 Unter dem Motto Technikf(|l)u(g|ch) laden wir euch zum Auftakt der 42. Kalenderwoche vom **12. bis 13.10.2024** zu einem gemütlichen Geekend nach Chemnitz ins [Lokomov](https://www.klub-solitaer.de/kulturort/lokomov/) ein. Der Fokus soll auf den Themen Medien, KI und technischen Invovationen von damals und heute liegen. Dabei soll nicht nur der Umgang mit dieser Technik, sondern auch deren Einfluss auf die Gesellschaft eine Rolle spielen. Der Eintritt ist frei, über Spenden freuen wir uns aber sehr. Wir eröffnen hiermit den Call for Participation. Eure Einreichungen könnt ihr uns gerne bis ~~08.09.2024~~ **22.09.2024**  unter cfp@interfug.de zusenden.

content/de/posts/2024-09-14_Wichtige_Updates.md

@@ -2,6 +2,7 @@
 title = 'Wichtige Updates zur Interfug'
 date = 2024-09-12
 featured_image = "img/Durchsage.png"
+tags = ['2024']
 # draft = true
 +++
 In genau vier Wochen am **12. und 13.10.2024** findet die diesjährige Interfug statt. Unser aktueller Planungsstand macht eine kurzfristige Veränderung des Veranstaltungsorts erforderlich. Die Interfug 2024 findet nun im **[Lokomov](https://www.klub-solitaer.de/kulturort/lokomov/)** auf der **Augustusburger Straße 102 in 09126 Chemnitz** statt.

content/de/posts/2024-10-07_Bordunterhaltung.md

@@ -2,6 +2,7 @@
 title = 'Bordunterhaltung'
 date = 2024-10-07
 featured_image = "img/Delta-Linux.jpg"
+tags = ['2024']
 # draft = true
 +++
 

content/de/vorjahre.md

@@ -0,0 +1,21 @@
+---
+omit_header_text: true
+title: "Vorjahre"
+featured_image: "img/if25_banner.png"
+recent_posts_number: 10
+---
+
+## 2024: Technikf(|l)u(g|ch)
+
+Unter diesem Motto laden wir euch zum Auftakt der 42. Kalenderwoche vom **12. bis 13.10.2024** zu einem gemütlichen Geekend nach **Chemnitz** ins Lokomov ein.  
+Wenn ihr teilnehmen wollt, registriert euch bitte kostenlos unter:  
+https://tickets.chch.it/ChCh/Interfug2024/
+
+### Fugplan
+
+Check-in: Samstag 12:00  
+Take-off: Samstag 16:00  
+Bordverpflegung (Frühstück): Sonntag ab 10:00  
+Landung am Zielfughafen: Sonntag 16:00
+
+{{< posts-2024 >}}

content/en/_index.md

@@ -1,17 +1,14 @@
 ---
-featured_image: "img/Interfug_Banner.png"
+featured_image: "img/if25_banner.png"
 ---
 
-# Interfug 2024: Technikf(|l)u(g|ch)
+# Interfug 2025: Deep Dive!
 
+Under this motto we invite you to the start of the 42nd calendar week from **11. to 12.10.2025** to a cozy Geekend in **Chemnitz** at Lokomov.  
+If you would like to take part, please register free of charge at:  
+https://tickets.chch.it/ChCh/Interfug2025/
 
-Under this motto we invite you to the start of the 42nd calendar week from **12 to 13.10.2024** to a cozy Geekend in **Chemnitz** at Lokomov.  
+## Fugplan:
-If you would like to take part, please register
+TBA
- free of charge at:  
-https://tickets.chch.it/ChCh/Interfug2024/
 
-# Fugplan:
+## News
-Check-in: Saturday 12:00  
-Take-off: Saturday 16:00  
-In-flight catering (breakfast): Sunday from 10:00  
-Landing at our destination airport: Sunday 16:00

content/en/index_2024.md

@@ -0,0 +1,16 @@
+---
+featured_image: "img/Interfug_Banner.png"
+---
+
+# Interfug 2024: Technikf(|l)u(g|ch)
+
+
+Under this motto we invite you to the start of the 42nd calendar week from **12 to 13.10.2024** to a cozy Geekend in **Chemnitz** at Lokomov.  
+If you would like to take part, please register free of charge at:  
+https://tickets.chch.it/ChCh/Interfug2024/
+
+# Fugplan:
+Check-in: Saturday 12:00  
+Take-off: Saturday 16:00  
+In-flight catering (breakfast): Sunday from 10:00  
+Landing at our destination airport: Sunday 16:00

content/en/posts/2024-05-30-War_da_nicht_was.md

@@ -2,6 +2,7 @@
 title = "Interfug - Wasn't there something?"
 date = 2024-05-30
 featured_image = "img/2015_Screensot_Webseite.png"
+tags = ['2024']
 #draft = true
 +++
 We made our first attempt at a small event back in 2015. On [29 and 30.08.2015](https://web.archive.org/web/20240430222836/https://www.interfug.de/) we hosted a mini-congress in the Lokomov bar, directly below our [space](https://chaoschemnitz.de/). Although we hadn't done much advertising, there were still several talks and we even had external guests (two).

content/en/posts/2024-08-11_CfP.md

@@ -2,6 +2,7 @@
 title = 'Call for Participation'
 date = 2024-08-10
 featured_image = "img/Plakat_2024.png"
+tags = ['2024']
 # draft = true
 +++
 Under the motto Technikf(|l)u(g|ch) we invite you to a cozy geekend in Chemnitz at  ~~Subbotnik~~ [Lokomov](https://www.klub-solitaer.de/kulturort/lokomov/) to kick off the 42nd calendar week from **12 to 13.10.2024**. The focus will be on the topics of media, AI and technical innovations from then and now. Not only the use of this technology, but also its influence on society will play a role. Admission is free, but donations are greatly appreciated. We hereby open the Call for Participation. You are welcome to send us your submissions by ~~08.09.2024~~ **22.09.2024** at cfp@interfug.de.

content/en/posts/2024-09-14_Wichtige_Updates.md

@@ -2,6 +2,7 @@
 title = 'Important updates about Interfug'
 date = 2024-09-12
 featured_image = "img/Durchsage.png"
+tags = ['2024']
 # draft = true
 +++
 This year's Interfug takes place in exactly four weeks on **12. and 13.10.2024**. Our current planning status makes it necessary to change the venue at short notice. Interfug 2024 will now take place at **[Lokomov](https://www.klub-solitaer.de/en/kulturort/lokomov/)** at **Augustusburger Straße 102 in 09126 Chemnitz**.

content/en/posts/2024-10-07_Bordunterhaltung.md

@@ -2,6 +2,7 @@
 title = 'On-board entertainment'
 date = 2024-10-07
 featured_image = "img/Delta-Linux.jpg"
+tags = ['2024']
 # draft = true
 +++
 As already announced, there will be on-board entertainment during our trip. Some of our fellow passengers have agreed to give talks. You can find the program in the tables below.

hugo.toml

@@ -1,36 +1,50 @@
-title = "Interfug 2024"
 copyright = "Chaostreff Chemnitz"
 baseURL = 'https://interfug.de/'
 languageCode = "de-de"
-theme = 'ananke'
+theme = "ananke"
 resourceDir = "../resources"
 
 DefaultContentLanguage = "de"
-SectionPagesMenu = "main"
+SectionPagesMenu = ""
-Paginate = 5 # this is set low for demonstrating with dummy content. Set to a higher number
+pagination.pagerSize = 5 # this is set low for demonstrating with dummy content. Set to a higher number
 googleAnalytics = ""
 enableRobotsTXT = true
 
 [languages]
   [languages.de]
-    title = ""
-    weight = 98
      contentDir = "content/de"
-    # languageDirection = 'rtl' for Right-To-Left languages
+
-       [[menu.main]]
+    [[languages.de.menu.main]]
-       Identifier= "home"
+      identifier = "home"
-       name = "2024"
+      name = "Home"
       url = "/"
-       weight = 0
+      weight = 10
-       [[menu.main]]
+
-       # Identifier= "impressum"
+    [[languages.de.menu.main]]
-       name = "Impressum"
+      identifier = "tickets"
-       url = "https://chaoschemnitz.de/ChaosChemnitz:%C3%9Cber_ChaosChemnitz"
+      name = "Tickets"
-       weight = 99
+      url = "https://tickets.chch.it/ChCh/Interfug2025/"
+      weight = 30
+
+    [[languages.de.menu.main]]
+      identifier = "vorjahre"
+      name = "Vorjahre"
+      url = "/vorjahre"
+      weight = 90
+
   [languages.en]
-    title = ""
-    weight = 98
     contentDir = "content/en"
+     # languageDirection = 'rtl' for Right-To-Left languages
+    [[languages.en.menu.main]]
+      identifier = "home"
+      name = "Home"
+      url = "/en"
+      weight = 10
+    [[languages.en.menu.main]]
+      identifier = "tickets"
+      name = "Tickets"
+      url = "https://tickets.chch.it/ChCh/Interfug2025/"
+      weight = 30
 
 [sitemap]
   changefreq = "monthly"
@@ -40,15 +54,29 @@ enableRobotsTXT = true
 [params]
   text_color = ""
   author = ""
-  favicon = ""
+  favicon = "img/if25_favicon.ico"
   site_logo = ""
   description = "Interfug"
   # choose a background color from any on this page: https://tachyons.io/docs/themes/skins/ and preface it with "bg-"
-  background_color_class = "bg-black"
+  background_color_class = "bg-navy"
   recent_posts_number = 3
-  featured_image = "static/Interfug_Banner.png"
+  logo = "img/if25_logo.png"
+  logo_small = "img/if25_favicon.png"
+  contact_url = "contact"
+  default_sharing_image = "img/if25_banner.png"
+  date_format = "02.01.2006"
+  disabled_logo = false
+  breadcrumb = true
+  cover_dimming_class = "bg-transparent"
+  featured_image_class = "cover bg-center"
 
+[params.carousel]
+    enable = true
 
-[[params.ananke_socials]]
+[params.see_more]
-# name = "twitter"
+    enable = false
-# url = "https://twitter.com/GoHugoIO"
+
+[params.widgets]
+    categories = true
+    tags = true
+    search = true

layouts/index.html

@@ -0,0 +1,45 @@
+{{ define "main" }}
+  <article class="cf ph3 ph5-l pv3 pv4-l f4 tc-l center measure-wide lh-copy {{ $.Param "text_color" | default "mid-gray" }}">
+    {{ .Content }}
+  </article>
+
+  {{/* Define section to pull recent posts from */}}
+  {{ $mainSections := site.Params.mainSections | default (slice "post") }}
+  {{ $show_recent_posts := site.Params.ananke.show_recent_posts }}
+
+  {{/* First filter by section, then by year */}}
+  {{ $filteredBySection := where $.Site.RegularPages "Section" "in" $mainSections }}
+  {{ $section := where $filteredBySection "Date.Year" 2025 }}
+  {{ $section_count := len $section }}
+
+  {{ if and ($show_recent_posts) (ge $section_count 1) }}
+    <div class="pa3 pa4-ns w-100 w-70-ns center">
+      {{ $n_posts := $.Param "recent_posts_number" | default 3 }}
+
+      <section class="w-100 mw8">
+        {{/* Range through the first $n_posts items of the section */}}
+        {{ range (first $n_posts $section) }}
+          <div class="relative w-100 mb4">
+            {{ .Render "summary-with-image" }}
+          </div>
+        {{ end }}
+      </section>
+
+      {{ if ge $section_count (add $n_posts 1) }}
+        <section class="w-100">
+          <h1 class="f3">{{ i18n "more" }}</h1>
+          {{/* Now, range through the next four after the initial $n_posts items. Nest the requirements, "after" then "first" on the outside */}}
+          {{ range (first 4 (after $n_posts $section))  }}
+            <h2 class="f5 fw4 mb4 dib {{ cond (eq $.Site.Language.LanguageDirection "rtl") "ml3" "mr3" }}">
+              <a href="{{ .RelPermalink }}" class="link black dim">
+                {{ .Title }}
+              </a>
+            </h2>
+          {{ end }}
+        </section>
+      {{ end }}
+
+    </div>
+  {{ end }}
+{{ end }}
+

layouts/partials/head-additions.html

@@ -0,0 +1,3 @@
+<link rel="stylesheet" href="/style/fonts.css">
+<link rel="stylesheet" href="/style/style.css">
+<link rel="stylesheet" href="/style/mobile.css">

layouts/partials/site-footer.html

@@ -0,0 +1,11 @@
+<footer class="{{ .Site.Params.background_color_class | default "bg-black" }} bottom-0 w-100 pa3" role="contentinfo">
+  <div class="flex justify-between">
+  <a class="f4 fw4 hover-white no-underline white-70 dn dib-ns pv2 ph3" href="{{ .Site.Home.Permalink }}" >
+    &copy; {{ with .Site.Copyright | default .Site.Title }} {{ . | safeHTML }} {{ now.Format "2006"}} {{ end }}
+  </a>
+  <a class="f4 fw4 hover-white no-underline white-70 dn dib-ns pv2 ph3" href="https://chaoschemnitz.de/ChaosChemnitz:Über_ChaosChemnitz" >
+    Impressum
+  </a>
+    <div>{{ partialCached "social/follow.html" . }}</div>
+  </div>
+</footer>

layouts/shortcodes/posts-2024.html

@@ -0,0 +1,31 @@
+{{/* Define section to pull recent posts from */}}
+{{ $mainSections := site.Params.mainSections | default (slice "post") }}
+
+{{/* First filter by section, then by year */}}
+{{ $filteredBySection := where site.RegularPages "Section" "in" $mainSections }}
+{{ $section := where $filteredBySection "Date.Year" 2024 }}
+{{ $section_count := len $section }}
+
+{{/* Use .Page to access page parameters */}}
+{{ $n_posts := .Page.Param "recent_posts_number" | default 3 }}
+
+<section class="w-100 mw8">
+  {{ range (first $n_posts $section) }}
+    <div class="relative w-100 mb4">
+      {{ .Render "summary-with-image" }}
+    </div>
+  {{ end }}
+</section>
+
+{{ if ge $section_count (add $n_posts 1) }}
+  <section class="w-100">
+    <h1 class="f3">{{ i18n "more" }}</h1>
+    {{ range (first 4 (after $n_posts $section)) }}
+      <h2 class="f5 fw4 mb4 dib {{ cond (eq site.Language.LanguageDirection "rtl") "ml3" "mr3" }}">
+        <a href="{{ .RelPermalink }}" class="link black dim">
+          {{ .Title }}
+        </a>
+      </h2>
+    {{ end }}
+  </section>
+{{ end }}

layouts/shortcodes/posts-2025.html

@@ -0,0 +1,16 @@
+{{/* Get all posts from the posts section */}}
+{{ $postsSection := site.GetPage "section" "posts" }}
+{{ $currentYearPosts := where $postsSection.Pages "Date.Year" 2025 }}
+
+{{/* Display the filtered posts */}}
+<aside class="flex-ns flex-wrap justify-around mt5">
+  {{ range first 10 $currentYearPosts }} {{/* Show first 10 or remove 'first' for all */}}
+    <div class="relative w-100 w-30-l mb4 bg-white">
+      <article>
+        <h3 class="f4"><a href="{{ .RelPermalink }}" class="link black dim">{{ .Title }}</a></h3>
+        <time class="f6 gray">{{ .Date.Format "January 2, 2006" }}</time>
+        <p class="f5 lh-copy">{{ .Summary }}</p>
+      </article>
+    </div>
+  {{ end }}
+</aside>

static/style/fonts.css

@@ -0,0 +1,71 @@
+@font-face {
+    font-family: 'IBM Plex Sans';
+    src: url('../fonts/plex/subset-IBMPlexSans-Italic.woff2') format('woff2'),
+        url('../fonts/plex/subset-IBMPlexSans-Italic.woff') format('woff');
+    font-weight: normal;
+    font-style: italic;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'IBM Plex Sans';
+    src: url('../fonts/plex/subset-IBMPlexSans-BoldItalic.woff2') format('woff2'),
+        url('../fonts/plex/subset-IBMPlexSans-BoldItalic.woff') format('woff');
+    font-weight: bold;
+    font-style: italic;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'IBM Plex Sans';
+    src: url('../fonts/plex/subset-IBMPlexSans-Bold.woff2') format('woff2'),
+        url('../fonts/plex/subset-IBMPlexSans-Bold.woff') format('woff');
+    font-weight: bold;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'IBM Plex Sans';
+    src: url('../fonts/plex/subset-IBMPlexSans-SmBld.woff2') format('woff2'),
+        url('../fonts/plex/subset-IBMPlexSans-SmBld.woff') format('woff');
+    font-weight: 600;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'IBM Plex Sans';
+    src: url('../fonts/plex/subset-IBMPlexSans.woff2') format('woff2'),
+        url('../fonts/plex/subset-IBMPlexSans.woff') format('woff');
+    font-weight: normal;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'IBM Plex Sans';
+    src: url('../fonts/plex/subset-IBMPlexSans-SmBldItalic.woff2') format('woff2'),
+        url('../fonts/plex/subset-IBMPlexSans-SmBldItalic.woff') format('woff');
+    font-weight: 600;
+    font-style: italic;
+    font-display: swap;
+}
+
+@font-face {
+  font-family: 'JetBrains Mono';
+  font-style: italic;
+  font-weight: 100 800;
+  font-display: swap;
+  src: url('../fonts/mono/JetBrainsMono-latin_ext.woff2') format('woff2');
+  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+@font-face {
+  font-family: 'JetBrains Mono';
+  font-style: italic;
+  font-weight: 100 800;
+  font-display: swap;
+  src: url('../fonts/mono/JetBrainsMono-latin.woff2') format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}

static/style/mobile.css

@@ -0,0 +1,30 @@
+/* all mobile devices */
+@media all and (min-width:0px) and (max-width: 1020px) {
+    .cover {
+        background-image: url('/img/if25_banner_no_text.png')!important;
+    }
+    .bg-transparent {
+        background-color: rgba(0, 0, 0, 0.4)!important;
+    }
+    div.flex-l.items-center {
+        text-shadow: 1px 1px 40px #000000;
+    }
+    a.hover-white.no-underline.white-90 {
+        font-size: 1.3rem;
+        line-height: 0.1;
+    }
+    ul.pl0.mr3 {
+        margin: 10px;
+    }
+}
+
+/* if edgecases occur */
+/* tablets */
+@media all and (min-width:569px) and (max-width: 768px) {
+    
+}
+
+/* mobile phone */
+@media all and (min-width:321px) and (max-width: 568px) {
+    
+}

static/style/style.css

@@ -0,0 +1,32 @@
+/* override global font */
+.avenir {
+    font-family: "IBM Plex Sans", sans-serif;
+}
+
+/* style headings */
+h1, h2 {
+    font-family: "JetBrains Mono", monospace;
+    font-weight: 800;
+    font-style: italic;
+    text-transform: uppercase;
+}
+
+h1 a {
+    font-family: "IBM Plex Sans", sans-serif;
+    font-weight: 800;
+    font-style: italic;
+}
+
+/* menu styles */
+div.flex-l.items-center {
+    text-shadow: 1px 1px 30px #000000;
+}
+a.hover-white.no-underline.white-90 {
+    font-weight: bold;
+}
+@media all and (min-width:1020px) {
+    .bg-transparent {
+        background: rgb(19,39,91);
+        background: linear-gradient(180deg, rgba(19,39,91,0.8) 0%, rgba(19,39,91,0.5) 15%, rgba(255,255,255,0) 30%);
+    }
+}

themes/ananke

@@ -1 +1 @@
-Subproject commit 33fbda0e9d3e97c92af5d195be94e8eea8003239
+Subproject commit 8e3303d0a4a485fe05ccee1c4e539ff0668f86aa