Begin Defining Mainframe Template

ktt-ol · Mar 5, 2024 · 989a652 · 989a652
1 parent 79eb7a2
commit 989a652
Show file tree

Hide file tree

Showing 20 changed files with 369 additions and 4 deletions.
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,2 @@
+/public
+/.idea
diff --git a/config.toml b/config.toml
@@ -1,13 +1,12 @@
 # The URL the site will be built for
 base_url = "https://ktt-ol.de"
 
-title = "Kreativität trifft Technik"
+title = "Kreativität trifft Technik e.V."
 description = ""
 author = "KTT Webmaster"
 default_language = "de"
 
 # Compilation settings
-compile_sass = true
 minify_html = true
 build_search_index = true
 generate_feed = true
@@ -31,6 +30,21 @@ include_path = true
 include_content = true
 index_format = "elasticlunr_javascript"
 
+[translations]
+
+[languages.en]
+build_search_index = true
+generate_feed = true
+
+[languages.en.search]
+include_title = true
+include_description = true
+include_path = true
+include_content = true
+index_format = "elasticlunr_javascript"
+
+[languages.en.translations]
+
 [markdown]
 highlight_code = true
 render_emoji = false
@@ -40,4 +54,4 @@ external_links_no_referrer = true
 smart_punctuation = true
 lazy_async_image = true
 
-[extra]
+[extra]
diff --git a/public/.gitkeep b/public/.gitkeep
diff --git a/public/search_index.en.js b/public/search_index.en.js
diff --git a/static/.gitkeep b/static/.gitkeep
diff --git a/static/css/bootstrap.min.css b/static/css/bootstrap.min.css
diff --git a/static/css/bootstrap.min.css.map b/static/css/bootstrap.min.css.map
diff --git a/static/css/site.css b/static/css/site.css
@@ -0,0 +1,6 @@
+body {
+	font-size: 16px;
+	padding: 0;
+	margin: 0;
+	height: 100vh;
+}
diff --git a/static/js/bootstrap.bundle.min.js b/static/js/bootstrap.bundle.min.js
diff --git a/static/js/bootstrap.bundle.min.js.map b/static/js/bootstrap.bundle.min.js.map
diff --git a/static/js/site.js b/static/js/site.js
@@ -0,0 +1,15 @@
+// Use correct header image and set correct color
+
+switch (location.hostname)
+{
+    case "mainframe.io":
+        document.getElementById("img-logo-ktt").style.display = "none";
+        document.getElementById("img-icon-lang").src = "/media/img/lang/icon.dark.svg";
+        document.getElementsByTagName("html")[0].dataset["bsTheme"] = "dark";
+        break;
+    default:
+        document.getElementById("img-logo-mainframe").style.display = "none";
+        document.getElementById("img-icon-lang").src = "/media/img/lang/icon.light.svg";
+        document.getElementsByTagName("html")[0].dataset["bsTheme"] = "light";
+        break;
+}
diff --git a/static/media/img/lang/icon.dark.svg b/static/media/img/lang/icon.dark.svg
diff --git a/static/media/img/lang/icon.light.svg b/static/media/img/lang/icon.light.svg
diff --git a/static/media/img/logo-ktt.png b/static/media/img/logo-ktt.png
diff --git a/static/media/img/logo-mainframe.svg b/static/media/img/logo-mainframe.svg
diff --git a/templates/footer.html b/templates/footer.html
@@ -0,0 +1,5 @@
+<footer class="mt-auto">
+    <p style="text-align: center;">
+        © 2024 <a href="{{config.base_url}}">Kreativität trifft Technik</a> | License: <a href="https://creativecommons.org/licenses/by-sa/4.0/">CC-BY-SA 4.0</a>  | <a href="/impressum.dark.html">Impressum</a>
+    </p>
+</footer>
diff --git a/templates/index.html b/templates/index.html
@@ -0,0 +1,48 @@
+<!DOCTYPE html>
+<html lang="{{lang}}" data-bs-theme="dark">
+<head>
+    {% block head %}
+
+    <meta charset="utf-8">
+    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta name="description" content="{{config.description}}">
+    <meta name="author" content="{{config.author}}">
+
+    {% block title %}
+    {% if section.title %}
+    <title>{{ section.title }} | {{ config.title }}</title>
+    {% else %}
+    <title>{{ config.title }}</title>
+    {% endif %}
+    {% endblock title %}
+    {% endblock head %}
+
+	{% block css %}
+    <link rel="stylesheet" href="/css/bootstrap.min.css">
+    <link rel="stylesheet" href="/css/site.css">
+	{% endblock css %}
+</head>
+<body>
+    <div class="container" style="padding-top: 10px;">
+		{% block navbar %}
+		{% include "navbar.html" %}
+		{% endblock navbar %}
+
+		{% block content %}
+	    <div id="content">
+		    {{section.content}}
+	    </div>
+		{% endblock content %}
+
+		{% block footer %}
+        {% include "footer.html" %}
+		{% endblock footer %}
+    </div>
+
+	{% block javascript %}
+    <script src="/js/bootstrap.bundle.min.js" integrity="sha384-{{ get_hash(path="static/js/bootstrap.bundle.min.js", sha_type=384, base64=true) | safe }}"></script>
+    <script src="/js/site.js" integrity="sha384-{{ get_hash(path="static/js/site.js", sha_type=384, base64=true) | safe }}"></script>
+	{% endblock javascript %}
+</body>
+</html>