More complicated

all/about.md

@@ -0,0 +1 @@
+about

all/contact.md

@@ -0,0 +1,6 @@
+*Contact*
+
+Feel free to send a message <3
+
+e-mail — [contact@kiezpilz.de](mailto:contact@kiezpilz.de) <br/>
+telegram — [https://t.me/+0JX49SM2jykxMjli](https://t.me/+0JX49SM2jykxMjli)

all/documentation.md

@@ -0,0 +1,41 @@
+
+
+*ganoderma lucidum (reishi)*
+
+
+![r1](assets/docs/reishi-bags.jpeg "reishi")
+
+
+![r1](assets/docs/reishi-shelf.jpeg "reishi")
+
+
+![r1](assets/docs/smile.jpeg "reishi")
+
+
+![r1](assets/docs/cultures.jpeg "reishi")
+
+
+![r1](assets/docs/mae-dish.jpeg "reishi")
+
+
+*hericium erinaceus (lions mane)*
+
+
+![r2](assets/docs/lionsmane-fruit.jpeg "reishi")
+
+
+![r2](assets/docs/lionsmane-harvest.jpeg "reishi")
+
+
+*pleurotus ostreatus (oyster)*
+
+
+![r1](assets/docs/oyster.jpeg "oyster")
+![r1](assets/docs/oyster4.jpeg "oyster")
+![r1](assets/docs/oyster2.jpeg "oyster")
+![r1](assets/docs/oyster3.jpeg "oyster")
+
+
+More detailed documentation and in progress notes can be found in our notes on hyphalfusion.network [here](https://hyphalfusion.network/tag/kiezpilz).
+
+

all/test3.gmi

@@ -1 +0,0 @@
-this is test3

assets/app.js

@@ -3,10 +3,16 @@ $(document).ready(function() {
     console.log('++ jquery is working heyyyyy');
 
     $('.language-option').removeClass('selected');
-    if (window.location.pathname.startsWith("/en/")) {
+    // if (window.location.pathname.startsWith("/en/")) {
+    if (!window.location.pathname.startsWith("/de/")) {
         $('.select-english').addClass("selected");
+        $(".nav-links:lang(en)").show;
+        $(".nav-links:lang(de)").hide();
     } else if (window.location.pathname.startsWith("/de/")) {
       $('.select-german').addClass("selected");
+      $(".nav-links:lang(de)").show();
+      $(".nav-link:lang(de)").css("display", "inline");
+      $(".nav-links:lang(en)").hide();
     }
 
     $('.select-german').click(function(e) {

assets/dll.css

@@ -8,10 +8,22 @@ font-family: 'VG5000';
 src: url('fonts/VG5000/VG5000-Regular_web.woff') format('woff');
 }
 
+img {
+	width: 100%;
+}
+
 a {
 	text-decoration: none;
 }
 
+footer {
+	width: 100%;
+	display: block;
+	text-align: center;
+	margin-top: 10px;
+	margin-bottom: 80px;
+}
+
 body {
 	line-height: 20px;
 	display: flex;
@@ -36,9 +48,33 @@ main {
     min-height: 73vh;
 	font-size: 20px;
 	font-family: "Times New Roman";
+	padding-bottom: 45px;
     /*border: 1px solid white;*/
 }
 
+.nav-links {
+	width: 100%;
+	max-width: 275px;
+	margin: auto;
+	justify-content: space-between;
+	margin-bottom: 20px;
+	margin-top: 25px;
+}
+.nav-link {
+	color: #5f00b0;
+	padding-bottom: 2px;
+	border-bottom: 1px solid #5f00b0;
+	line-height: 48px;
+	margin-right: 20px;
+	display: inline;
+}
+.nav-link:hover {
+	background-color: yellow;
+}
+.nav-link.right-link {
+	margin-right: 0px;
+}
+
 @media (max-width: 800px) {
 	.center-pane {
 		padding: 15px;
@@ -59,9 +95,11 @@ main {
 .main-mushroom {
 	width: 400px;
 	margin: auto;
-	margin-top: 75px;
+	margin-top: 50px;
+	margin-bottom: 50px;
 	display: flex;
 	max-width: 100%;
+
 }
 
 .writeup {
@@ -114,4 +152,8 @@ span.divider {
 a {
 	color: #8900ff;
 	*text-decoration: none;
+}
+
+:lang(de) {
+	display: none;
 }

de/contact.md

@@ -0,0 +1,4 @@
+*Kontakt*
+
+e-mail — [contact@kiezpilz.de](mailto:contact@kiezpilz.de) <br/>
+telegram — [https://t.me/+0JX49SM2jykxMjli](https://t.me/+0JX49SM2jykxMjli)

de/test2.gmi

@@ -1 +0,0 @@
-diese ist deutsch test2.gmi

en/test2.gmi

@@ -1 +0,0 @@
-this is english test2

theme/layout.php

@@ -39,6 +39,24 @@
         KiezPilz
     </div>
 
+        <div class="nav-links" lang="en">
+            <a class="nav-link" href="/en/">about</a>
+            <a class="nav-link" href="/en/documentation">documentation</a>
+            <a class="nav-link right-link" href="/en/contact">contact</a>
+        </div>
+
+        <div class="nav-links" lang="de">
+            <a class="nav-link" href="/de/">über</a>
+            <a class="nav-link" href="/de/documentation">dokumentation</a>
+            <a class="nav-link right-link" href="/de/contact">kontakt</a>
+        </div>
+
+            <div class="language-select">
+                <div class="language-options">
+                    <a href="/en/" class="select-english language-option selected">En</a> <span class="divider"> | </span> <a href="/de/" class="select-german language-option"> De </a>
+                </div>
+            </div>
+
     <div>
         <img
                 class="main-mushroom"
@@ -46,16 +64,14 @@
         />
     </div>
 
-    <div class="language-select">
-        <div class="language-options">
-            <a href="/en/" class="select-english language-option selected">En</a> <span class="divider"> | </span> <a href="/de/" class="select-german language-option"> De </a>
-        </div>
-    </div>
     <div class="writeup">
         <?php echo $body ?>
     </div>
 </main>
 <footer>
+     <p>
+         &#9789;
+         </p>
 </footer>
 </body>
 </html>