From 717285398219066f01f9e50a0e41dadf390d0641 Mon Sep 17 00:00:00 2001
From: Pavel 'LEdoian' Turinsky <ledoian@matfyz.cz>
Date: Wed, 4 May 2022 05:07:40 +0200
Subject: [PATCH] Make some basic style tweaks
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

… using advanced CSS syntax :-)
---
 test-theme/static/css/theme.css   | 21 ++++++++++++++++++---
 test-theme/templates/base.html    |  2 ++
 test-theme/templates/sidebar.html | 30 +++++++++++++++++++++++++-----
 3 files changed, 45 insertions(+), 8 deletions(-)

diff --git a/test-theme/static/css/theme.css b/test-theme/static/css/theme.css
index 438478a..52e3f7a 100644
--- a/test-theme/static/css/theme.css
+++ b/test-theme/static/css/theme.css
@@ -2,7 +2,10 @@ body {
 	background-color: #003;
 	color: #5bf;
 	margin:auto;
-	max-width: 500px;
+	/*max-width: 500px;
+	 */
+	padding-left: 20px;
+	padding-right: 20px;
 }
 
 a {
@@ -19,20 +22,32 @@ main {
 	border-top: 1px solid;
 	border-right: 1px solid;
 	order: 1;
-	/* Four times wider than <nav>, at least 300px*/
+	/* Four times wider than <nav>, at base-size 300px*/
 	flex: 4 300px;
 }
 
+main > * {
+	margin: auto;
+	max-width: 700px;
+}
+
 nav {
 	order: 2;
 	float: right;
-	flex: 1;
+	flex: 1 75px;
+}
+
+nav > * {
 	padding: 8px;
 	margin: 6px;
 	background-color: rgb(31, 18, 81);
 	border-radius: 12pt;
 }
 
+nav h2 {
+	font-size: 14pt;
+}
+
 #main {
 	display: flex;
 	flex-wrap: wrap;
diff --git a/test-theme/templates/base.html b/test-theme/templates/base.html
index 04ec4ff..25c9dba 100644
--- a/test-theme/templates/base.html
+++ b/test-theme/templates/base.html
@@ -43,9 +43,11 @@
 </nav>
 
 <main>
+	<div>
 {% block content %}
 <p>No content here...</p>
 {% endblock content %}
+	</div>
 </main>
 </div> <!-- #main -->
 
diff --git a/test-theme/templates/sidebar.html b/test-theme/templates/sidebar.html
index ed03a0f..c1eae34 100644
--- a/test-theme/templates/sidebar.html
+++ b/test-theme/templates/sidebar.html
@@ -1,5 +1,25 @@
-<p>Here will be menu, and tag list some day.</p>
-<ul>
-	<li>First
-	<li>Second
-</ul>
+<div>
+	<!-- Main navigation -->
+	<!-- TODO! -->
+</div>
+<div>
+	<h2>Categories</h2>
+	<ul>
+	{% for category, _art in categories %}
+	<li><a href="{{ category.url }}">{{ category }}</a></li>
+	{% endfor %}
+	</ul>
+
+	<h2>Tags</h2>
+	<ul>
+	{% for tag, _art in tags %}
+	<li><a href="{{ tag.url }}">{{ tag }}</a></li>
+	{% endfor %}
+	</ul>
+</div>
+<div>
+	<h2>Stalk me also at</h2>
+	TODO!
+
+	<h2>I stalk</h2>
+	TODO!