diff --git a/css/main.css b/css/main.css
index 6f78fb9..d9ec6eb 100644
--- a/css/main.css
+++ b/css/main.css
@@ -67,6 +67,17 @@ a.imgLink div h2 {
header {
background-color: var(--logo-background-color);
+ padding: 0 !important;
+}
+
+header a#navToggle {
+ color: white !important;
+ font-size: 64px;
+ display: none;
+ background-color: var(--nav-background-color);
+ padding: 20px 100px 20px 0;
+ text-decoration: none !important;
+ text-align: right;
}
nav {
@@ -181,6 +192,14 @@ a.green-text {
}
@media only screen and (max-width: 885px) {
+ header a#navToggle {
+ display: block;
+ }
+
+ header nav {
+ display: none;
+ }
+
nav ul li {
display: block;
font-size: 200%;
diff --git a/js/nav.js b/js/nav.js
new file mode 100644
index 0000000..5c9feea
--- /dev/null
+++ b/js/nav.js
@@ -0,0 +1,18 @@
+var nav = document.getElementsByTagName("nav")[0];
+
+function ToggleNav() {
+ showNav = nav.style.display != "" && nav.style.display != "none";
+ if (showNav) {
+ nav.style.display = "none";
+ } else {
+ nav.style.display = "block";
+ }
+}
+
+window.addEventListener("resize", function(){
+ if (window.innerWidth > 885) {
+ nav.style.display = "block";
+ } else {
+ nav.style.display = "none";
+ }
+});
\ No newline at end of file
diff --git a/pages/index.md b/pages/index.md
index 1d93965..242a6ea 100644
--- a/pages/index.md
+++ b/pages/index.md
@@ -1,4 +1,4 @@
-
+[](https://www.chaostreff-dortmund.de/rundgang/)
# Hi
diff --git a/templates/default.twig b/templates/default.twig
index e100944..1de7cb8 100644
--- a/templates/default.twig
+++ b/templates/default.twig
@@ -10,11 +10,13 @@
{% for item in css %}
{% endfor %}
+
-
+
+ =
+
+