Add simple nav element

Sparrow0hawk · Oct 20, 2024 · 2bddbca · 2bddbca
1 parent 5c19882
commit 2bddbca
Show file tree

Hide file tree

Showing 3 changed files with 33 additions and 4 deletions.
diff --git a/custom/static/css/main.css b/custom/static/css/main.css
@@ -13,10 +13,35 @@ body {
     font-size: 1.2rem;
 }
 
-body > * {
+@media (max-width: 650px) {
+    body {
+        grid-template-columns: 1fr;
+        grid-template-areas:
+        "left"
+        "main"
+        "right"
+        "footer";
+    }
+    nav > ul {
+        text-align: right;
+    }
+}
+
+main {
     grid-area: main;
 }
 
+nav {
+    grid-column: left;
+    padding-left: 10%;
+    padding-right: 10%;
+}
+
+nav > ul {
+    list-style: none;
+    padding: 0;
+}
+
 pre {
     padding: 1rem;
     border: 1px solid black;

diff --git a/custom/templates/base.html b/custom/templates/base.html
@@ -10,6 +10,12 @@
     <title>{% block title %}{% endblock %}</title>
 </head>
 <body>
+<nav>
+    <h3>{{ SITENAME }}</h3>
+    <ul>
+        <li><a href="{{ SITEURL }}">Home</a></li>
+    </ul>
+</nav>
 <main>
     {% block content %}{% endblock %}
 </main>

diff --git a/custom/templates/index.html b/custom/templates/index.html
@@ -1,9 +1,7 @@
 {% extends "base.html" %}
 {% block title %}{{ SITENAME }}{% endblock %}
 {% block content %}
-    {% block content_title %}
-        <h1>{{ SITENAME }}</h1>
-    {% endblock %}
+  {% block content_title %}{% endblock %}
   <ul>
     {% for article in articles_page.object_list %}
         <li><a href="/{{ article.url }}">{{ article.date | strftime('%-d %b %Y')}} {{ article.title }}</a> </li>