Update with logo, design resources

assets/sass/_custom.scss

@@ -1,3 +1,10 @@
+.header__intro_headline {
+  font: bold var(--fs-xxl) "Arial";
+  padding-bottom: 10px;
+}
+.header__intro_text {
+  font-family: var(--ff-body)
+}
 table, th, td {
     border: 1px solid;
   }

content/de/_index.md

@@ -1,12 +1,26 @@
 ---
 title: hacker.tours (de)
+type: home
+params:
+  headline: Willkommen bei den Hackertours – euer Anbieter für Sightseeing für Technik-Enthusiasten!
+  intro: |
+    Bei verschiedenen Chaos-Veranstaltungen organisiert der lokale Erfa/Chaostreff Touren zu interessanten Orten in der Stand und Umgebung. Hier findet ihr Informationen zu aktuellen und früheren Veranstaltungen!
+  logowidth: 500
+  logoheight: 500
+cascade:
+  params:
+    intro: Euer Anbieter für Sightseeing für Technik-Enthusiasten!  
 ---
 
-## Willkommen bei den Hackertours – euer Anbieter für Sightseeing für Technik-Enthusiasten!
+# Aktuelle Events
 
-Bei verschiedenen Chaos-Veranstaltungen organisiert der lokale Erfa/Chaostreff Touren zu interessanten Orten in der Stand und Umgebung. Hier findet ihr Informationen zu aktuellen und früheren Veranstaltungen!
+## 38. Chaos Communication Congress in Hamburg (38c3)
 
-### 2023
+Der CCC Hansestadt Hamburg e.V. organisert auch zum 38c3 wieder Hackertours. Alle Infos findet ihr auf [hackertours.hamburg.ccc.de](https://hackertours.hamburg.ccc.de/de/)!
+
+# Frühere Events
+
+## 2023
 
 * [37C3 Hackertours](https://hackertours.hamburg.ccc.de/de/tours/)
 * [Easterhegg 2022](https://eh20.easterhegg.eu/doku.php?id=hackertours)

content/de/posts/2024-06-13-hello.md

@@ -7,4 +7,4 @@ summary: |
 
 Mit der neuen Website schaffen wir eine dauerhafte Heimat für Infos rund um die Touren.
 
-Wenn ihr Hackertours für euren Chaos-Event plant und die hier veröffentlichen wollt, meldet euch einfach bei hackertours at hamburg.ccc.de!
+Wenn ihr Hackertours für euren Chaos-Event plant und die hier veröffentlichen wollt, mailt uns unter hackertours at hamburg.ccc.de!

content/de/posts/2024-10-12-design.md

@@ -0,0 +1,16 @@
+---
+title: 'Logo und Design-Ressourcen'
+date: 2024-06-13T18:00:00+02:00
+summary: |
+  Sachen, die ihr für die Gestaltung eurer Hackertours-Events verwenden könnt.
+---
+
+# Logo
+
+Um eine einfachere Wiedererkennbarkeit auch über Veranstaltungen hinweg zu erreichen, haben wir ein Logo entworfen, das ihr für eure Veranstaltungen nutzen könnt.
+
+![hacker.tours logo](/img/hackertours-2024-color.svg)
+
+Weitere Varianten findet ihr im [ZIP-Archiv hackertours-20224-logo](/hackertours-20224-logo.zip).
+
+Das Logo ist (c) 2024 Stefan Bethke, CC-BY-SA 4.0.

content/de/posts/_index.md

@@ -4,4 +4,4 @@ weight: 1
 
 ---
 
-Aktuelle Informationen zu den Hackertours.
+Aktuelle Informationen rund um hacker.tours.

content/en/_index.md

@@ -1,10 +1,25 @@
 ---
 title: hacker.tours (en)
+type: home
+params:
+  headline: Willkommen bei den Hackertours – your provider of sightseeing tours for technical enthusiasts!
+  intro: |
+    At various Chaos events the local club organizes tours to interesting places in the city and surroundings. Here you will find infos about current and past events!
+  logowidth: 500
+  logoheight: 500
+cascade:
+  params:
+    intro: Your provider of sightseeing tours for technical enthusiasts!
+    
 ---
 
-## Welcome to Hackertours – your provider of sightseeing tours for technical enthusiasts!
+# Current Events
 
-At various Chaos events the local club organizes tours to interesting places in the city and surroundings. You will find infos about current and past events!
+## 38. Chaos Communication Congress in Hamburg (38c3)
+
+CCC Hansestadt Hamburg e.V. again organizes Hackertours for 38c3. You can find all information at [hackertours.hamburg.ccc.de](https://hackertours.hamburg.ccc.de/en/)!
+
+# Previous Events
 
 ## 2023
 

content/en/posts/2024-06-13-hello.md

@@ -7,4 +7,4 @@ summary: |
 
 With this new web site we create a new permanent home for infos about the tours.
 
-If you are planning tours for your Chaos event, and you would like to publish information here, please get in touch at hackertours at hamburg.ccc.de!
+If you are planning tours for your Chaos event, and you would like to publish information here, please email us at hackertours at hamburg.ccc.de!

content/en/posts/2024-10-12-design.md

@@ -0,0 +1,16 @@
+---
+title: 'Logo and Design Resources'
+date: 2024-06-13T18:00:00+02:00
+summary: |
+  Things that you can use for your own hackertours events.
+---
+
+# Logo
+
+We have created a logo that you can use for your own events that enables recognition across events.
+
+![hacker.tours logo](/img/hackertours-2024-color.svg)
+
+You will find more variations in the [hackertours-20224-logo ZIP Archive](/hackertours-20224-logo.zip).
+
+The Logo is (c) 2024 Stefan Bethke, CC-BY-SA 4.0.

content/en/posts/_index.md

@@ -4,4 +4,4 @@ weight: 1
 
 ---
 
-Important infos for the tours.
+News about hacker.tours.

hugo.yaml

@@ -8,15 +8,15 @@ theme: "zen"
 #https://themes.gohugo.io/themes/hugo-theme-zen/#configuration
 params:
     contact: "hackertours@hamburg.ccc.de"
-    copyright: "[CCC Hansestadt Hamburg e.V.](https://hamburg.ccc.de) ist nur der Vermittler, für die Touren sind die jeweiligen Veranstalter verantwortlich"
+    copyright: "[CCC Hansestadt Hamburg e.V.](https://hamburg.ccc.de)"
     description: "hacker.tours"
     favicon: favicon
     realfavicongenerator: true
     footer: "[Impressum & Datenschutz](https://hamburg.ccc.de/imprint/)"
     logo: true
     logoPath: img/hackertours-2024-color.svg
-    logoHeight: 200
-    logoWidth: 200
+    logoHeight: 100
+    logoWidth: 100
     mainSections:
       - posts
     mobileMenu: true

layouts/_default/baseof.html

@@ -0,0 +1,58 @@
+<!DOCTYPE html>
+<html class="nojs" lang="{{ site.LanguageCode | default site.Language.Lang }}" dir="{{ site.Language.LanguageDirection | default "ltr" }}">
+<head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width">
+<title>{{ block "title" . }}{{ .Title }} – {{ site.Title }}{{ end }}</title>
+{{ partial "meta.html" . }}
+{{ partialCached "styles.html" . }}
+{{ partial "meta_json_ld.html" . }}
+{{ partial "scripts.html" . }}
+{{ partial "math.html" . }}
+{{ partialCached "tracking.html" . }}
+{{ if templates.Exists "partials/head.html" -}}
+{{ partial "head.html" . }}
+{{ end -}}
+{{ block "head" . }}{{ end }}
+</head>
+
+<body class="{{ if .IsPage }}single-page{{ else }}list-page{{ end }}{{ if .IsHome }} front{{ end }}{{ with $.Param "bodyclass" }} {{ . }}{{ end }}">
+<div class="page layout__page{{ if $.Param "sidebar" }} layout__sidebar-second{{ end }}">
+<header class="header layout__header">
+{{ if $.Param "logo" | default true -}}
+<a href="{{ site.Home.RelPermalink }}" title="Home" rel="home" class="header__logo">
+<img src="{{ with $.Param "logopath" }}{{ . | relURL }}{{ else }}{{ "images/logo.png" | relURL }}{{ end }}"{{ with $.Param "logowidth" }} width="{{ . }}"{{ end }}{{ with $.Param "logoheight" }} height="{{ . }}"{{ end }} alt="Home" class="header__logo-image">
+</a>
+{{ end -}}
+<div class="header__intro">
+    <div class="header__intro_headline"><a href="{{ site.Home.RelPermalink }}" title="Home" class="header__site-link" rel="home"><span>{{ site.Title }}</span></a></div>
+    <div class="header__intro_text">{{ .Param "intro" }}</div>
+</div>
+<div class="region header__region">
+{{ if hugo.IsMultilingual }}{{ partial "language-selector.html" . }}{{ end -}}
+{{ if $.Param "menuinheader" }}{{ partial "menu.html" . }}{{ end -}}
+</div>
+</header>
+
+{{ if not ($.Param "menuinheader") }}{{ partial "menu.html" . }}{{ end -}}
+{{ if $.Param "mobilemenu" }}{{ partial "mobilemenu.html" . }}{{ end -}}
+
+{{ block "main" . }}{{ end }}
+
+{{ if $.Param "sidebar" }}{{ partial "sidebar.html" . }}{{ end -}}
+
+<footer class="footer layout__footer mt--l">
+{{ if templates.Exists "partials/footer.html" -}}
+{{ partial "footer.html" . }}
+{{ else -}}
+{{ if $.Param "feedlinks" }}{{ partial "feedlinks.html" . }}{{ end -}}
+<p>{{ with $.Param "copyright" }}{{ . | markdownify }}{{ else }}<span>© {{ site.Title }}</span>{{ end }}</p>
+{{ with $.Param "footer" }}<p>{{ . | markdownify }}</p>{{ end }}
+{{ if $.Param "poweredby" }}<p>Powered by <a href="https://gohugo.io/">Hugo</a> and the <a href="https://github.com/frjo/hugo-theme-zen">Zen theme</a>.</p>{{ end }}
+{{ end -}}
+</footer>
+
+{{ if $.Param "cookieconsent" }}{{ partialCached "cookieconsent.html" . }}{{ end -}}
+</div>
+</body>
+</html>

layouts/home/baseof.html

@@ -0,0 +1,60 @@
+<!DOCTYPE html>
+<html class="nojs" lang="{{ site.LanguageCode | default site.Language.Lang }}" dir="{{ site.Language.LanguageDirection | default "ltr" }}">
+<head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width">
+<title>{{ block "title" . }}{{ .Title }} – {{ site.Title }}{{ end }}</title>
+{{ partial "meta.html" . }}
+{{ partialCached "styles.html" . }}
+{{ partial "meta_json_ld.html" . }}
+{{ partial "scripts.html" . }}
+{{ partial "math.html" . }}
+{{ partialCached "tracking.html" . }}
+{{ if templates.Exists "partials/head.html" -}}
+{{ partial "head.html" . }}
+{{ end -}}
+{{ block "head" . }}{{ end }}
+</head>
+
+<body class="{{ if .IsPage }}single-page{{ else }}list-page{{ end }}{{ if .IsHome }} front{{ end }}{{ with $.Param "bodyclass" }} {{ . }}{{ end }}">
+<div class="page layout__page{{ if $.Param "sidebar" }} layout__sidebar-second{{ end }}">
+<header class="header layout__header">
+{{ if $.Param "logo" | default true -}}
+<a href="{{ site.Home.RelPermalink }}" title="Home" rel="home" class="header__logo">
+<img src="{{ with $.Param "logopath" }}{{ . | relURL }}{{ else }}{{ "images/logo.png" | relURL }}{{ end }}"{{ with $.Param "logowidth" }} width="{{ . }}"{{ end }}{{ with $.Param "logoheight" }} height="{{ . }}"{{ end }} alt="Home" class="header__logo-image">
+</a>
+{{ end -}}
+<div class="header__intro">
+    <div class="header__intro_headline">{{ .Param "headline" }}</div>
+    {{ if .Param "intro" }}
+    <div class="header__intro_text">{{ .Param "intro" }}</div>
+    {{ end }}
+</div>
+<div class="region header__region">
+{{ if hugo.IsMultilingual }}{{ partial "language-selector.html" . }}{{ end -}}
+{{ if $.Param "menuinheader" }}{{ partial "menu.html" . }}{{ end -}}
+</div>
+</header>
+
+{{ if not ($.Param "menuinheader") }}{{ partial "menu.html" . }}{{ end -}}
+{{ if $.Param "mobilemenu" }}{{ partial "mobilemenu.html" . }}{{ end -}}
+
+{{ block "main" . }}{{ end }}
+
+{{ if $.Param "sidebar" }}{{ partial "sidebar.html" . }}{{ end -}}
+
+<footer class="footer layout__footer mt--l">
+{{ if templates.Exists "partials/footer.html" -}}
+{{ partial "footer.html" . }}
+{{ else -}}
+{{ if $.Param "feedlinks" }}{{ partial "feedlinks.html" . }}{{ end -}}
+<p>{{ with $.Param "copyright" }}{{ . | markdownify }}{{ else }}<span>© {{ site.Title }}</span>{{ end }}</p>
+{{ with $.Param "footer" }}<p>{{ . | markdownify }}</p>{{ end }}
+{{ if $.Param "poweredby" }}<p>Powered by <a href="https://gohugo.io/">Hugo</a> and the <a href="https://github.com/frjo/hugo-theme-zen">Zen theme</a>.</p>{{ end }}
+{{ end -}}
+</footer>
+
+{{ if $.Param "cookieconsent" }}{{ partialCached "cookieconsent.html" . }}{{ end -}}
+</div>
+</body>
+</html>