From d5c1fe2d60e4108d08a8cb6adac9af0a476d4fbf Mon Sep 17 00:00:00 2001
From: gws <glennws@pm.me>
Date: Thu, 7 Nov 2024 10:16:24 +0100
Subject: [PATCH] sv/en toggle

---
 content/blog/_index.sv.md |  6 ++++
 content/contact.sv.md     | 41 +++++++++++++++++++++
 content/it.sv.md          | 14 ++++++++
 content/software.sv.md    | 14 ++++++++
 templates/_macros.html    | 27 ++++++++++----
 templates/contact.html    |  2 +-
 templates/index.html      | 75 ++++++++++++++++++++++-----------------
 templates/page.html       | 22 ++++++++++++
 templates/section.html    |  8 ++++-
 9 files changed, 168 insertions(+), 41 deletions(-)
 create mode 100644 content/blog/_index.sv.md
 create mode 100644 content/contact.sv.md
 create mode 100644 content/it.sv.md
 create mode 100644 content/software.sv.md
 create mode 100644 templates/page.html

diff --git a/content/blog/_index.sv.md b/content/blog/_index.sv.md
new file mode 100644
index 0000000..59cecaa
--- /dev/null
+++ b/content/blog/_index.sv.md
@@ -0,0 +1,6 @@
++++
+title = "Blog"
+sort_by = "date"
+weight = 5
++++
+
diff --git a/content/contact.sv.md b/content/contact.sv.md
new file mode 100644
index 0000000..b680fb2
--- /dev/null
+++ b/content/contact.sv.md
@@ -0,0 +1,41 @@
++++
+title = "Contact"
+description = "How to get in contact"
+weight = 10
+template = "contact.html"
+[extra]
+disable_toc = true
++++
+
+<div class="contact-form">
+  <div class="first-container">
+    <div class="info-container">
+      <div><img class="icon" />
+        <h3>Address</h3>
+        <p>Mada Center 8th floor, 379 Hudson St, New York, NY 10018 US</p>
+      </div>
+      <div> <img class="icon" />
+        <h3>Lets Talk</h3>
+        <p>+1 800 1236879</p>
+      </div>
+      <div><img class="icon" />
+        <h3>General Support</h3>
+        <p>contact@example.com</p>
+      </div>
+    </div>
+  </div>
+  <div class="second-container">
+    <h2>Send Us A Message</h2>
+    <form>
+      <div class="form-group"><label for="name-input">Tell us your name*</label><input id="name-input" type="text"
+          placeholder="First name" required="required" /><input type="text" placeholder="Last name"
+          required="required" /></div>
+      <div class="form-group"><label for="email-input">Enter your email*</label><input id="email-input" type="text"
+          placeholder="Eg. example@email.com" required="required" /></div>
+      <div class="form-group"><label for="phone-input">Enter phone number*</label><input id="phone-input" type="text"
+          placeholder="Eg. +1 800 000000" required="required" /></div>
+      <div class="form-group"><label for="message-textarea">Message</label><textarea id="message-textarea"
+          placeholder="Write us a message"></textarea></div><button>Send message</button>
+    </form>
+  </div>
+</div>
diff --git a/content/it.sv.md b/content/it.sv.md
new file mode 100644
index 0000000..08cde47
--- /dev/null
+++ b/content/it.sv.md
@@ -0,0 +1,14 @@
++++
+title = "IT"
+description = "IT Services and Consulting"
+weight = 3
++++
+
+## TODO
+
+```rust
+fn main() {
+  println!("Hello, World!");
+}
+  
+```
diff --git a/content/software.sv.md b/content/software.sv.md
new file mode 100644
index 0000000..3733233
--- /dev/null
+++ b/content/software.sv.md
@@ -0,0 +1,14 @@
++++
+title = "Software"
+description = "Software Development Consulting"
+weight = 1
++++
+
+## TODO
+
+```rust
+fn main() {
+  println!("Hello, World!");
+}
+  
+```
diff --git a/templates/_macros.html b/templates/_macros.html
index d705800..b51f43f 100644
--- a/templates/_macros.html
+++ b/templates/_macros.html
@@ -1,6 +1,6 @@
-{% macro render_header() %}
-{% set section = get_section(path="_index.md") %}
-<a href="{{ section.permalink | safe }}">
+{% macro render_header(path) %}
+{% set root = get_section(path="_index.md") %}
+<a href="{{ root.permalink | safe }}">
   <div class="logo">
     <img src="{{ get_url(path=config.extra.juice_logo_path) }}" alt="logo">
     {{ config.extra.juice_logo_name }}
@@ -15,14 +15,29 @@
   {% endif %}
 
 
-  {% for page in section.pages %}
+  {% for page in root.pages %}
+  {% if lang == "en" %}
   <a class="nav-item subtitle-text" href="{{ page.permalink | safe }}">{{ page.title }}</a>
+  {% else %}
+  <a class="nav-item subtitle-text" href="/{{lang}}{{ page.path }}">{{ page.title }}</a>
+  {% endif %}
   {% endfor %}
 
-  {% for path in section.subsections %}
+  {% for path in root.subsections %}
   {% set child = get_section(path=path) %}
-  <a class="nav-item subtitle-text" href="{{ child.permalink }}">{{ child.title }}</a>
+  {% if lang == "en"%}
+  <a class="nav-item subtitle-text" href="{{ child.permalink | safe }}">{{ child.title }}</a>
+  {% else %}
+  <a class="nav-item subtitle-text" href="/{{lang}}{{ child.path }}">{{ child.title }}</a>
+  {% endif %}
   {% endfor %}
+
+  {% if lang == "en"%}
+  <a class="nav-item subtitle-text" href="/sv{{ path }}">sv</a>
+  {% else %}
+  <a class="nav-item subtitle-text" href="{{ path }}">en</a>
+  {% endif %}
+
 </nav>
 
 
diff --git a/templates/contact.html b/templates/contact.html
index 9758387..d2e431d 100644
--- a/templates/contact.html
+++ b/templates/contact.html
@@ -29,7 +29,7 @@
 
 {% block header %}
 <header class="box-shadow">
-  {{ macros::render_header() }}
+  {{ macros::render_header(path=page.path) }}
 </header>
 {% endblock header %}
 
diff --git a/templates/index.html b/templates/index.html
index 4bf97eb..bc9a21b 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -23,50 +23,59 @@
 
 {% endblock head %}
 
+<body>
+  {% block header %}
 
-<div class="hero">
+  <header class="pos-absolute" style="background-color: transparent">
+    {{ macros::render_header(path = section.path ) }}
+  </header>
 
-  {% block hero %}
+  <div class="hero">
 
-  <script async defer src="https://buttons.github.io/buttons.js"></script>
-  <section class="text-center">
-    <h1 class="heading-text" style="font-size: 50px">
-      {{ config.extra.slogan }}
-    </h1>
-    <h3 class="title-text">
-      {{ section.extra.intro | safe }}
-    </h3>
-    <div>
-      <!-- <a class="github-button" href="https://github.com/huhu/juice" data-size="large" data-show-count="true" -->
-      <!-- aria-label="Star huhu/juice on GitHub">Star</a> -->
-      <!-- <a class="github-button" href="https://github.com/huhu/juice/fork" data-size="large" data-show-count="true" -->
-      <!-- aria-label="Fork huhu/juice on GitHub">Repos</a> -->
+    {% block hero %}
+
+    <script async defer src="https://buttons.github.io/buttons.js"></script>
+    <section class="text-center">
+      <h1 class="heading-text" style="font-size: 50px">
+        {{ config.extra.slogan }}
+      </h1>
+      <h3 class="title-text">
+        {{ section.extra.intro | safe }}
+      </h3>
+      <div>
+        <!-- <a class="github-button" href="https://github.com/huhu/juice" data-size="large" data-show-count="true" -->
+        <!-- aria-label="Star huhu/juice on GitHub">Star</a> -->
+        <!-- <a class="github-button" href="https://github.com/huhu/juice/fork" data-size="large" data-show-count="true" -->
+        <!-- aria-label="Fork huhu/juice on GitHub">Repos</a> -->
+      </div>
+    </section>
+    <img class="hero-image" style="width: 50%" src="{{ get_url(path='build-blocks.svg') }}">
+
+    <div class="explore-more text" onclick="document.getElementById('features').scrollIntoView({behavior: 'smooth'})">
+      Explore More ⇩
     </div>
-  </section>
-  <img class="hero-image" style="width: 50%" src="{{ get_url(path='build-blocks.svg') }}">
-
-  <div class="explore-more text" onclick="document.getElementById('features').scrollIntoView({behavior: 'smooth'})">
-    Explore More ⇩
-  </div>
-  <style>
-    .hero section {
-      padding: 0 5rem;
-    }
-
-    @media screen and (max-width: 768px) {
+    <style>
       .hero section {
-        padding: 0 2rem;
+        padding: 0 5rem;
       }
 
-      .hero-image {
-        display: none
+      @media screen and (max-width: 768px) {
+        .hero section {
+          padding: 0 2rem;
+        }
+
+        .hero-image {
+          display: none
+        }
       }
-    }
-  </style>
+    </style>
 
-  {% endblock hero %}
+    {% endblock hero %}
 
 
+  </div>
+
+  {% endblock header %}
 
 
 
diff --git a/templates/page.html b/templates/page.html
new file mode 100644
index 0000000..7e1f4b3
--- /dev/null
+++ b/templates/page.html
@@ -0,0 +1,22 @@
+{% import "_macros.html" as macros %}
+{% extends "index.html" %}
+
+{% block title %}{{ page.title }} | {{ super() }} {% endblock title %}
+
+
+{% block header %}
+<header class="box-shadow">
+  {% if lang =="en" %}
+  {% set path = [""] | concat(with=page.components) | join(sep="/") %}
+  {% else %}
+  {% set path = [""] | concat(with=page.components | slice(start=1)) | join(sep="/") %}
+  {% endif %}
+  {{ macros::render_header(path=path) }}
+</header>
+{% endblock header %}
+
+{% block content %}
+
+<div class="heading-text">{{ page.description }}</div>
+{{ page.content | safe }}
+{% endblock content %}
\ No newline at end of file
diff --git a/templates/section.html b/templates/section.html
index 51b438d..c9ebfa5 100644
--- a/templates/section.html
+++ b/templates/section.html
@@ -5,7 +5,13 @@
 
 {% block header %}
 <header class="box-shadow">
-  {{ macros::render_header() }}
+  {% if lang =="en" %}
+  {% set path = [""] | concat(with=section.components) | join(sep="/") %}
+  {% else %}
+  {% set path = [""] | concat(with=section.components | slice(start=1)) | join(sep="/") %}
+  {% endif %}
+
+  {{ macros::render_header(path=path) }}
 </header>
 {% endblock header %}