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

Reviewed-on: #5

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,13 +1,15 @@
 ---
 omit_header_text: true
-featured_image: "img/Interfug_Banner.png"
+featured_image: "img/if25_banner.png"
 ---
 
-# Interfug 2025
+# Interfug 2025: Wir tauchen ab!
 
-Unter diesem Motto laden wir euch zum Auftakt der 42. Kalenderwoche vom **11. bis 12.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/Interfug2025/
 
-## Fugplan:
+## Fugplan
 TBA
+
+## Aktuelles

content/en/_index.md

@@ -1,13 +1,14 @@
 ---
-featured_image: "img/Interfug_Banner.png"
+featured_image: "img/if25_banner.png"
 ---
 
-# Interfug 2025
+# Interfug 2025: Deep Dive!
 
-
-Under this motto we invite you to the start of the 42nd calendar week from **11 to 12.10.2024** to a cozy Geekend in **Chemnitz** at Lokomov.  
+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/
 
-# Fugplan:
+## Fugplan:
 TBA
+
+## News

hugo.toml

@@ -48,7 +48,7 @@ enableRobotsTXT = true
   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
   logo = "img/Interfug_Banner.png"
   logo_small = "img/Interfug_Banner.png"

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">

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,29 @@
+/* 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;
+        
+    }
+}
+
+/* if edgecases occur */
+/* tablets */
+@media all and (min-width:569px) and (max-width: 768px) {
+    
+}
+
+/* phablet */
+@media all and (min-width:481px) and (max-width: 568px) {
+    
+}
+
+/* mobile phone */
+@media all and (min-width:321px) and (max-width: 480px) {
+
+}

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.9) 0%, rgba(19,39,91,0.7) 14%, rgba(255,255,255,0) 28%);
+    }
+}