Add english version

config/_default/hugo.yaml

@@ -1,69 +1,60 @@
 baseURL: https://hoppydicetactics.ch
 title: Hoppy Dice Tactics
-languageCode: de
-defaultContentLanguage: de
 module:
   imports:
     path: github.com/526avijitgupta/gokarna
 enableEmoji: true
 enableRobotsTXT: true
 
+defaultContentLanguage: de
+defaultContentLanguageInSubdir: true
+languages:
+  de:
+    contentDir: content/de
+    dateFormat: "2. January 2006"
+    disabled: false
+    languageCode: de
+    languageDirection: ltr
+    languageName: DE
+    params:
+      customFooterHTML: |
+        <span><a href="/de/privacy-policy/">Datenschutzerklärung</a></span>
+    weight: 1
+  en:
+    contentDir: content/en
+    dateFormat: "2 January, 2006"
+    disabled: false
+    languageCode: en
+    languageDirection: ltr
+    languageName: EN
+    params:
+      customFooterHTML: |
+        <span><a href="/en/privacy-policy/">Privacy Policy</a></span>
+    weight: 2
+
 params:
   description: Warhammer 40,000 Team in Bern
-  dateFormat: "2. January 2006"
   accentColor: "#E08A33"
   avatarURL: /images/logo.webp
   AvatarAltText: Hoppy Dice Tactics
   avatarSize: size-l
   socialIcons:
     - name: email
-      url: /contact/
+      url: contact/
     - name: discord
       url: https://discord.gg/Z8qSE5QNu6
   metaKeywords:
     - Hoppy Dice Tactics
     - Warhammer 40000
     - Warhammer 40k
     - Bern
+    - Breitenrain
   customHeadHTML: |
     <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
         <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
         <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
         <link rel="manifest" href="/site.webmanifest">
         <link rel="stylesheet" type="text/css" href="/css/hoppy.css">
-  customFooterHTML: |
-    <span><a href="/privacy-policy/">Datenschutzerklärung</a></span>
-
-menu:
-  main:
-    - name: Home
-      pre: <span data-feather='home'></span>
-      url: /
-      weight: 1
-    - name: Starten mit Warhammer 40.000
-      pre: <span data-feather='play'></span>
-      url: /getting-started/
-      weight: 2
-    - name: Terrain Layouts
-      pre: <span data-feather='map'></span>
-      url: /terrain-layouts/
-      weight: 3
-    - identifier: contact
-      pre: <img class='svg-inject' src='/svg/icons/email.svg' />
-      url: /contact/
-      weight: 11
-    - identifier: discord
-      pre: <img class='svg-inject' src='/svg/icons/discord.svg' />
-      url: https://discord.gg/Z8qSE5QNu6
-      weight: 12
-      params:
-        newPage: true
-    - identifier: github
-      pre: <img class='svg-inject' src='/svg/icons/github.svg' />
-      url: https://github.com/hoppydicetactics/website
-      weight: 13
-      params:
-        newPage: true
 
 markup:
   goldmark:

config/_default/menus.de.yaml

@@ -0,0 +1,29 @@
+main:
+  - name: Über uns
+    pre: <span data-feather='users'></span>
+    url: /de/about/
+    weight: 1
+  - name: Starten mit Warhammer 40.000
+    pre: <span data-feather='play'></span>
+    url: /de/getting-started/
+    weight: 2
+  - name: Terrain Layouts
+    pre: <span data-feather='map'></span>
+    url: /de/terrain-layouts/
+    weight: 3
+  - identifier: contact
+    pre: <img class='svg-inject' src='/svg/icons/email.svg' />
+    url: /de/contact/
+    weight: 11
+  - identifier: discord
+    pre: <img class='svg-inject' src='/svg/icons/discord.svg' />
+    url: https://discord.gg/Z8qSE5QNu6
+    weight: 12
+    params:
+      newPage: true
+  - identifier: github
+    pre: <img class='svg-inject' src='/svg/icons/github.svg' />
+    url: https://github.com/hoppydicetactics/website
+    weight: 13
+    params:
+      newPage: true

config/_default/menus.en.yaml

@@ -0,0 +1,25 @@
+main:
+  - name: About us
+    pre: <span data-feather='users'></span>
+    url: /en/about/
+    weight: 1
+  - name: Terrain Layouts
+    pre: <span data-feather='map'></span>
+    url: /en/terrain-layouts/
+    weight: 3
+  - identifier: contact
+    pre: <img class='svg-inject' src='/svg/icons/email.svg' />
+    url: /en/contact/
+    weight: 11
+  - identifier: discord
+    pre: <img class='svg-inject' src='/svg/icons/discord.svg' />
+    url: https://discord.gg/Z8qSE5QNu6
+    weight: 12
+    params:
+      newPage: true
+  - identifier: github
+    pre: <img class='svg-inject' src='/svg/icons/github.svg' />
+    url: https://github.com/hoppydicetactics/website
+    weight: 13
+    params:
+      newPage: true

content/index-about.md → content/de/about.md

@@ -1,8 +1,10 @@
+---
+title: Über uns
+type: page
+---
 Wir sind eine Gruppe von Warhammer 40,000-Enthusiast\*innen mit dem Ziel, dieses fantastische Hobby mit Spass und Freude auszuüben.
 Wir treffen uns regelmässig im Breitenrain in Bern für spannende und lustige Spiele.
 
 {{< figure src="/images/team.webp" alt="Team" >}}
 
-Möchtest du mal bei uns reinschauen, mitmachen oder [frisch mit Warhammer 40,000 starten](/getting-started)?
-
-Kontaktiere uns:
+Möchtest du mal bei uns reinschauen, mitmachen oder [frisch mit Warhammer 40,000 starten](/de/getting-started/)? Kontaktiere uns!

content/en/about.md

@@ -0,0 +1,10 @@
+---
+title: About us
+type: page
+---
+We are a group of Warhammer 40,000 enthusiasts with the aim of having fun and enjoying this fantastic hobby.
+We meet regularly at the Breitenrain in Bern for exciting and fun games.
+
+{{< figure src="/images/team.webp" alt="Team" >}}
+
+Would you like to join us, take part or start fresh with Warhammer 40,000? Get in touch with us!

content/en/contact-success.md

@@ -0,0 +1,5 @@
+---
+title: Contact
+type: page
+---
+Thank you for contacting us. We'll respond as soon as possible.

content/en/contact.md

@@ -0,0 +1,31 @@
+---
+title: Contact
+type: page
+---
+<form method="post" action="https://forms.un-static.com/forms/edabbc7e6afca6f165ce36fc7b6fa6997859c092">
+  <div>
+    <span data-feather='user'></span> Name:
+    <div class="col-8">
+        <input id="name" name="name" type="text" required="required">
+    </div>
+  </div>
+  <div>
+    <span data-feather='mail'></span> Email address:
+    <div>
+      <input id="email" name="email" type="text" required="required">
+    </div>
+  </div>
+  <div>
+    <span data-feather='message-square'></span> Message:
+    <div>
+      <textarea id="message" name="message" cols="40" rows="10" required="required"></textarea>
+    </div>
+  </div>
+  <div class="form-group row">
+    <button name="submit" type="submit"><span data-feather='send'></span> Send</button>
+  </div>
+</form>
+
+<div>
+  <p><small>(Powered by <a rel="nofollow" href="Un-static Forms">Un-static Forms</a>)</small></p>
+</div>

content/en/privacy-policy.md

@@ -0,0 +1,5 @@
+---
+type: page
+---
+<script src="https://www.privacybee.ch/widget.js"></script>
+<privacybee-widget website-id="cljn8ijv41251220ue3zcs0dfq" lang="en"></privacybee-widget>

content/en/terrain-layouts.md

@@ -0,0 +1,14 @@
+---
+title: Terrain Layouts
+type: post
+date: 2023-06-09
+lastmod: 2024-05-03
+showTableOfContents: true
+---
+
+Popular terrain layouts for 10th edition used at tournaments:
+
+* [Games Workshop Leviathan Tournament Companion](https://www.warhammer-community.com/wp-content/uploads/2023/06/hlF8WKv4gJpXPZha.pdf)
+* [UKTC Terrain and Mission Pack](https://docs.google.com/document/d/1WV085gGnMPOF-zprcri-9HDW5BWBE34HGc9ndIGRJHM)
+* [Frontline Gaming Static Terrain Layouts](https://drive.google.com/file/d/1YPdSC9mtcSgQ1Zn3qddpP5kSxuSeWjvI)
+* [WTC Map Pack](https://worldteamchampionship.com/map-pack/)

layouts/partials/header.html

@@ -0,0 +1,71 @@
+<header class="header">
+    <nav class="header-nav">
+
+        {{ if isset .Site.Params "avatarurl" }}
+        <div class="avatar">
+            <a href="{{ .Site.BaseURL }}">
+                <img src='{{ .Scratch.Get "avatarImgSrc" }}' alt="{{ .Site.Params.AvatarAltText|default "avatar" }}">
+            </a>
+        </div>
+        {{ end }}
+
+        <div class="nav-title">
+            <a class="nav-brand" href="{{ .Site.BaseURL }}">{{ .Site.Title }}</a>
+        </div>
+
+        <div class="nav-links">
+            {{ range .Site.Menus.main }}
+            <div class="nav-link">
+                <a href="{{ .URL | absURL }}" {{- if .Params.NewPage -}}target="_blank"{{- end -}}>
+                    {{- .Pre | safeHTML }} {{ .Name }} {{ .Post | safeHTML -}}
+                </a>
+            </div>
+            {{ end }}
+
+            <span class="nav-icons-divider"></span>
+            <div class="nav-link">
+            {{ if .IsTranslated }}
+                {{ range .Translations }}
+                <a href="{{ .RelPermalink }}"><span data-feather='globe'></span> {{ .Language.LanguageName }}</a>
+                {{ end }}
+            {{ else }}
+                {{ range .Site.Home.Translations }}
+                <a href="{{ .RelPermalink }}"><span data-feather='globe'></span> {{ .Language.LanguageName }}</a>
+                {{ end }}
+            {{ end }}
+            </div>
+
+            <div class="nav-link dark-theme-toggle">
+                <span class="sr-only dark-theme-toggle-screen-reader-target"></span>
+                <a>
+                    <span class="theme-toggle-icon" data-feather="moon"></span>
+                </a>
+            </div>
+
+            <div class="nav-link" id="hamburger-menu-toggle">
+                <span class="sr-only hamburger-menu-toggle-screen-reader-target">menu</span>
+                <a>
+                    <span data-feather="menu"></span>
+                </a>
+            </div>
+
+            <!-- For mobile -->
+            <ul class="nav-hamburger-list visibility-hidden">
+                {{ range .Site.Menus.main }}
+                <li class="nav-item">
+                    <a href="{{ .URL | absURL }}" {{- if .Params.NewPage -}}target="_blank"{{- end -}}>
+                        {{- .Pre | safeHTML }} {{ .Name }} {{ .Post | safeHTML -}}
+                    </a>
+                </li>
+                {{ end }}
+                <li class="nav-item dark-theme-toggle">
+                    <span class="sr-only dark-theme-toggle-screen-reader-target">theme</span>
+                    <a>
+                        <span class="theme-toggle-icon" data-feather="moon"></span>
+                    </a>
+                </li>
+            </ul>
+
+        </div>
+    </nav>
+</header>