From fbe4b38132f53334ef356ab39f29a50c9eb062c8 Mon Sep 17 00:00:00 2001
From: Pavel 'LEdoian' Turinsky <ledoian@matfyz.cz>
Date: Sat, 22 Jan 2022 22:32:34 +0100
Subject: [PATCH] Implement basic theme layout

---
 test-theme/static/css/theme.css | 31 +++++++++++++++++++++++++++++++
 test-theme/templates/base.html  |  2 ++
 2 files changed, 33 insertions(+)

diff --git a/test-theme/static/css/theme.css b/test-theme/static/css/theme.css
index c9da568..438478a 100644
--- a/test-theme/static/css/theme.css
+++ b/test-theme/static/css/theme.css
@@ -1,12 +1,43 @@
 body {
 	background-color: #003;
 	color: #5bf;
+	margin:auto;
+	max-width: 500px;
 }
 
 a {
 	color: #8df;
+	text-decoration-color: rgb(0, 209, 140);
 }
 
 h1, h2, h3, h4, h5, h6 {
 	font-family: sans-serif;
 }
+
+main {
+	border-radius: 0pt 15pt 0pt 0pt;
+	border-top: 1px solid;
+	border-right: 1px solid;
+	order: 1;
+	/* Four times wider than <nav>, at least 300px*/
+	flex: 4 300px;
+}
+
+nav {
+	order: 2;
+	float: right;
+	flex: 1;
+	padding: 8px;
+	margin: 6px;
+	background-color: rgb(31, 18, 81);
+	border-radius: 12pt;
+}
+
+#main {
+	display: flex;
+	flex-wrap: wrap;
+}
+
+footer {
+	text-align: right;
+}
diff --git a/test-theme/templates/base.html b/test-theme/templates/base.html
index 20406ae..5e57909 100644
--- a/test-theme/templates/base.html
+++ b/test-theme/templates/base.html
@@ -37,6 +37,7 @@
 {% include "header.html" %}
 </header>
 
+<div id=main>
 <nav>
 {% include "sidebar.html" %}
 </nav>
@@ -46,6 +47,7 @@
 <p>No content here...</p>
 {% endblock content %}
 </main>
+</div> <!-- #main -->
 
 <footer>
 {% include "footer.html" %}