Merge pull request '2025' (#7) from livia/Interfug-web:2025 into 2025

Reviewed-on: #7

.gitignore

@@ -1,3 +1,4 @@
 /.hugo_build.lock
 /public
 /resources
+**Test.md

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

@@ -2,6 +2,8 @@
 title = 'Interfug - War da nicht was?'
 date = 2024-05-30
 featured_image = "img/2015_Screensot_Webseite.png"
+tags = ['2024']
+omit_header_text = true
 # 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).

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

@@ -2,6 +2,8 @@
 title = 'Call for Participation'
 date = 2024-08-10
 featured_image = "img/Plakat_2024.png"
+tags = ['2024']
+omit_header_text = true
 # 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,8 @@
 title = 'Wichtige Updates zur Interfug'
 date = 2024-09-12
 featured_image = "img/Durchsage.png"
+tags = ['2024']
+omit_header_text = true
 # 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,8 @@
 title = 'Bordunterhaltung'
 date = 2024-10-07
 featured_image = "img/Delta-Linux.jpg"
+tags = ['2024']
+omit_header_text = true
 # draft = true
 +++
 

content/de/vorjahre.md

@@ -1,16 +1,21 @@
 ---
 omit_header_text: true
-featured_image: "img/Interfug_Banner.png"
+title: "Vorjahre"
-date: 2024-01-01
+featured_image: "img/if25_banner.png"
+recent_posts_number: 10
 ---
-# Interfug 2024: Technikf(|l)u(g|ch)
+
+## 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:
+### 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/de/vorjahre/_index.md

@@ -1,8 +0,0 @@
----
-title: "Vorjahre"
-weight: 80
-
-#display blog entries in this subdirectory
-#display_pages: "vorjahre"
-
----

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

@@ -2,6 +2,8 @@
 title = "Interfug - Wasn't there something?"
 date = 2024-05-30
 featured_image = "img/2015_Screensot_Webseite.png"
+tags = ['2024']
+omit_header_text = true
 #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,8 @@
 title = 'Call for Participation'
 date = 2024-08-10
 featured_image = "img/Plakat_2024.png"
+tags = ['2024']
+omit_header_text = true
 # 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,8 @@
 title = 'Important updates about Interfug'
 date = 2024-09-12
 featured_image = "img/Durchsage.png"
+tags = ['2024']
+omit_header_text = true
 # 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,8 @@
 title = 'On-board entertainment'
 date = 2024-10-07
 featured_image = "img/Delta-Linux.jpg"
+tags = ['2024']
+omit_header_text = true
 # 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

@@ -5,7 +5,7 @@ theme = "ananke"
 resourceDir = "../resources"
 
 DefaultContentLanguage = "de"
-SectionPagesMenu = "main"
+SectionPagesMenu = ""
 pagination.pagerSize = 5 # this is set low for demonstrating with dummy content. Set to a higher number
 googleAnalytics = ""
 enableRobotsTXT = true
@@ -16,7 +16,7 @@ enableRobotsTXT = true
 
     [[languages.de.menu.main]]
       identifier = "home"
-      name = "Interfug 2025"
+      name = "Home"
       url = "/"
       weight = 10
 
@@ -27,14 +27,24 @@ enableRobotsTXT = true
       weight = 30
 
     [[languages.de.menu.main]]
-      identifier = "impressum"
+      identifier = "vorjahre"
-      name = "Impressum"
+      name = "Vorjahre"
-      url = "https://chaoschemnitz.de/ChaosChemnitz:%C3%9Cber_ChaosChemnitz"
+      url = "/vorjahre"
       weight = 90
 
   [languages.en]
     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"
@@ -44,16 +54,16 @@ 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-navy"
   recent_posts_number = 3
-  logo = "img/Interfug_Banner.png"
+  logo = "img/if25_logo.png"
-  logo_small = "img/Interfug_Banner.png"
+  logo_small = "img/if25_favicon.png"
   contact_url = "contact"
-  default_sharing_image = "img/Interfug_Banner.png"
+  default_sharing_image = "img/if25_banner.png"
   date_format = "02.01.2006"
   disabled_logo = false
   breadcrumb = true

layouts/_default/summary-with-image.html

@@ -0,0 +1,29 @@
+{{ $featured_image := partial "func/GetFeaturedImage.html" . }}
+<article class="bb b--black-10">
+  <div class="db pv4 ph3 ph0-l no-underline dark-gray">
+    <div class="flex flex-column flex-row-ns">
+      {{ if $featured_image }}
+          {{/* Trimming the slash and adding absURL make sure the image works no matter where our site lives */}}
+        <div class="{{ cond (eq $.Site.Language.LanguageDirection "rtl") "pl3-ns" "pr3-ns" }} mb4 mb0-ns w-100 w-40-ns">
+          <a href="{{.RelPermalink}}" class="db grow">
+            <img src="{{ $featured_image }}" class="img" alt="image from {{ .Title }}">
+          </a>
+        </div>
+      {{ end }}
+      <div class="blah w-100{{ if $featured_image }} w-60-ns {{ cond (eq $.Site.Language.LanguageDirection "rtl") "pr3-ns" "pl3-ns" }}{{ end }}">
+        <h1 class="f3 fw1 athelas mt0 lh-title">
+          <a href="{{.RelPermalink}}" class="color-inherit dim link">
+            {{ .Title }}
+            </a>
+        </h1>
+        <div class="f6 f5-l lh-copy nested-copy-line-height nested-links">
+          {{ .Summary }}
+        </div>
+        {{ with .Params.author | default .Site.Params.author }}
+          <p class="f6 lh-copy mv0">By {{ . }}</p>
+        {{- end -}}
+        <a href="{{.RelPermalink}}" class="ba b--none bg-blue br2 color-inherit dib f7 hover-bg-navy link mt2 ph2 pv1">{{ $.Param "read_more_copy" | default (i18n "readMore") }}</a>
+      </div>
+    </div>
+  </div>
+</article>

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/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/mobile.css

@@ -8,7 +8,13 @@
     }
     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;
     }
 }
 
@@ -18,12 +24,7 @@
     
 }
 
-/* phablet */
-@media all and (min-width:481px) and (max-width: 568px) {
-    
-}
-
 /* mobile phone */
-@media all and (min-width:321px) and (max-width: 480px) {
+@media all and (min-width:321px) and (max-width: 568px) {
     
 }

static/style/style.css

@@ -1,14 +1,10 @@
-/* override global font */
-.avenir {
-    font-family: "IBM Plex Sans", sans-serif;
-}
-
 /* style headings */
 h1, h2 {
-    font-family: "JetBrains Mono", monospace;
+    font-family: "JetBrains Mono", monospace!important;
     font-weight: 800;
     font-style: italic;
     text-transform: uppercase;
+    color: #001b44;
 }
 
 h1 a {
@@ -17,6 +13,26 @@ h1 a {
     font-style: italic;
 }
 
+/* override global font */
+.avenir, body, p, td, th, li {
+    font-family: "IBM Plex Sans", sans-serif!important;
+}
+
+/* tables */
+th {
+    color: #001b44;
+}
+
+/* arcticle cards */
+/* read more button */
+a.ba.b--none.bg-blue.br2.color-inherit.dib.f7.hover-bg-navy.link.mt2.ph2.pv1 {
+    color: white;
+}
+/* headlines */
+a.color-inherit.dim.link:hover, .nested-links a:focus, .nested-links a:hover {
+    color: #001b44;
+}
+
 /* menu styles */
 div.flex-l.items-center {
     text-shadow: 1px 1px 30px #000000;
@@ -27,6 +43,6 @@ a.hover-white.no-underline.white-90 {
 @media all and (min-width:1020px) {
     .bg-transparent {
         background: rgb(19,39,91);
-        background: linear-gradient(180deg, rgba(19,39,91,0.9) 0%, rgba(19,39,91,0.7) 14%, rgba(255,255,255,0) 28%);
+        background: linear-gradient(180deg, rgba(19,39,91,0.8) 0%, rgba(19,39,91,0.5) 15%, rgba(255,255,255,0) 30%);
     }
 }