From 128f73632b28e18b728dc29449221b614927b7f1 Mon Sep 17 00:00:00 2001
From: ti ko <thome@tis-Mac>
Date: Tue, 16 Jan 2024 18:00:58 +0100
Subject: [PATCH] contact-imprint-from-functions-json-website-file

---
 content/contact.md          |  5 +----
 content/imprint.md          |  1 +
 layouts/contact/single.html | 18 ++++++++++++++----
 layouts/imprint/single.html | 18 ++++++++++++++----
 layouts/index.html          | 11 +++++------
 layouts/partials/foot.html  | 10 +---------
 layouts/partials/head.html  |  3 +--
 static/client.js            | 15 ++++-----------
 static/{nav.js => foot.js}  | 16 ++++++++--------
 static/style.css            | 12 ++++--------
 10 files changed, 53 insertions(+), 56 deletions(-)
 rename static/{nav.js => foot.js} (68%)

diff --git a/content/contact.md b/content/contact.md
index 30abdd5..c19f2c7 100644
--- a/content/contact.md
+++ b/content/contact.md
@@ -1,6 +1,3 @@
 ---
 type: contact
----
-
-    - email: t "at" tik1.net
-    - Whatsapp: +49 1573 95 98 220
+---
\ No newline at end of file
diff --git a/content/imprint.md b/content/imprint.md
index 128a7ce..b68bfd3 100644
--- a/content/imprint.md
+++ b/content/imprint.md
@@ -33,3 +33,4 @@ Responsible for the website:
 Timo Körner
 
 Hepberg, Germany
+](../../fun/public/imprint.md)
\ No newline at end of file
diff --git a/layouts/contact/single.html b/layouts/contact/single.html
index 645ba02..ddf577b 100644
--- a/layouts/contact/single.html
+++ b/layouts/contact/single.html
@@ -1,7 +1,17 @@
 {{ partial "head.html" }}
-<div id="contact">
-    <h3 style="margin-top: 60px;margin-bottom: 30px;">Kontakt</h3>
 
-    {{.Content}}
+<div style='padding-top:50px'></div>
 
-    {{ partial "foot.html" }}
\ No newline at end of file
+<div id="content"></div>
+<div id=bottomnav></div>
+</div>
+<script type="module">
+    import { marked } from "https://cdn.jsdelivr.net/npm/marked/lib/marked.esm.js";
+    test()
+    async function test() {
+        var res = await (await (fetch(net_host + net_fun + 'utils'))).json();
+        res = (res.filter(val => val.key === 'contact'))[0].val;
+        document.getElementById('content').innerHTML = marked.parse(res);
+    }
+</script>
+{{ partial "foot.html" }}
\ No newline at end of file
diff --git a/layouts/imprint/single.html b/layouts/imprint/single.html
index ddd4418..653f9df 100644
--- a/layouts/imprint/single.html
+++ b/layouts/imprint/single.html
@@ -1,7 +1,17 @@
 {{ partial "head.html" }}
-<div id="imprint">
-    <h3 style="margin-top: 60px">Imprint</h3>
 
-    {{.Content}}
+<div style='padding-top:50px'></div>
 
-    {{ partial "foot.html" }}
\ No newline at end of file
+<div id="content"></div>
+<div id=bottomnav></div>
+</div>
+<script type="module">
+    import { marked } from "https://cdn.jsdelivr.net/npm/marked/lib/marked.esm.js";
+    test()
+    async function test() {
+        var res = await (await (fetch(net_host + net_fun + 'utils'))).json();
+        res = (res.filter(val => val.key === 'imprint'))[0].val;
+        document.getElementById('content').innerHTML = marked.parse(res);
+    }
+</script>
+{{ partial "foot.html" }}
\ No newline at end of file
diff --git a/layouts/index.html b/layouts/index.html
index 0070aab..a80494b 100644
--- a/layouts/index.html
+++ b/layouts/index.html
@@ -5,14 +5,13 @@
     style="margin-top: 40px; margin-bottom: 70px; font-size: 5rem; color: #fef6e4; text-shadow: 5px 5px 0px #172c66, 10px 10px 0px #001858, 15px 15px 0px #f9bc60,20px 20px 0px #ff8e3c, 25px 25px 0px #9656a1;">
     Online classes</h2>
 
-<div id="yellowtail">Timo Körner</div>
-
-
+<div id="content">
+    <div id="yellowtail">Timo Körner</div>
+</div>
+<div id=bottomnav></div>
+</div>
 {{ partial "foot.html" }}
 
-<script>
-    // console.log(0)
-</script>
 <script src=/client.js></script>
 
 </html>
\ No newline at end of file
diff --git a/layouts/partials/foot.html b/layouts/partials/foot.html
index 67d2c45..bb6a423 100644
--- a/layouts/partials/foot.html
+++ b/layouts/partials/foot.html
@@ -1,9 +1 @@
-</div>
-<div id=bottomnav></div>
-</div>
-
-<script>
-
-    // console.log(123)
-</script>
-<script src="/nav.js"></script>
\ No newline at end of file
+<script src="/foot.js"></script>
\ No newline at end of file
diff --git a/layouts/partials/head.html b/layouts/partials/head.html
index 1f1a995..282d308 100644
--- a/layouts/partials/head.html
+++ b/layouts/partials/head.html
@@ -11,7 +11,6 @@
 <body style="width:800px;padding-top: 80px;margin-left: auto;margin-right: auto;">
     <div id=container class="container" style="padding-bottom: 80px;">
         <div id="topnav">
-            <h4 class="mt-5 mb-3" style="color: white;">
-                Timo' s classes
+            <h4 id=header class="mt-5 mb-2" style="color: white;">
             </h4>
         </div>
\ No newline at end of file
diff --git a/static/client.js b/static/client.js
index e1f0e19..dc4a4a0 100644
--- a/static/client.js
+++ b/static/client.js
@@ -1,24 +1,16 @@
 
 document.title = tiko
 
-var net_host = 'http://localhost'
-// var net_host = 'https://tifun.netlify.app'
-var net_fun = '/.netlify/functions/'
-
 data()
 async function data() {
     var res = await (await (fetch(net_host + net_fun + 'utils'))).json()
+    res = res.filter(val => val.cat !== 'static')
 
-    // console.log(res)
-
-    var main_div = document.createElement('div')
-    main_div.id = 'data'
-    container.append(main_div)
+    var content = document.getElementById('content')
     var list = document.createElement('ul')
-    main_div.append(list)
+    content.prepend(list)
 
     res = groupBy(res, 'cat');
-    // console.log(2, res)
 
     for (var elem in res) {
         var head = document.createElement('h5')
@@ -31,6 +23,7 @@ async function data() {
             list.append(li)
         }
     }
+
 }
 
 function groupBy(objectArray, property) {
diff --git a/static/nav.js b/static/foot.js
similarity index 68%
rename from static/nav.js
rename to static/foot.js
index e45b25c..b4c1da6 100644
--- a/static/nav.js
+++ b/static/foot.js
@@ -1,15 +1,15 @@
 
-// console.log(4)
+var net_host
+net_host = 'https://tifun.netlify.app'
+if (location.hostname === 'localhost') net_host = 'http://localhost'
 
-var tiko = "Tiko's"
+var net_fun = '/.netlify/functions/'
 
-var aref = document.createElement("a");
+var tiko = "Timo's classes"
+
+header.textContent = tiko
 
-// var test = document.createElement("a");
-// test.classList.add('focus')
-// test.textContent = 'test'
-// test.href = '/'
-// bottomnav.append(test)
+var aref = document.createElement("a");
 
 topnav.classList.add('fixed-top', 'bg-dark')
 bottomnav.classList.add('fixed-bottom', 'bg-dark')
diff --git a/static/style.css b/static/style.css
index aa0c46c..b0ad280 100644
--- a/static/style.css
+++ b/static/style.css
@@ -2,8 +2,8 @@ body {
     font-family: 'roboto', sans-serif;
     width: 800px;
     padding-top: 80px;
-    margin-left: auto;
-    margin-right: auto;
+    /* margin-left: auto; */
+    /* margin-right: auto; */
 }
 
 #yellowtail {
@@ -11,19 +11,15 @@ body {
     font-size: x-large;
 }
 
-#topnav a,
+#topnav,
 #bottomnav a {
     font-size: 17px;
     float: left;
     color: #f2f2f2;
     text-decoration: none;
-    padding: 10px 10px;
+    padding: 10px 20px;
 }
 
-#topnav a:hover {
-    background-color: #ddd;
-    color: black;
-}
 
 /* Add an active class to highlight the current page */
 a.active {