From 1398cfe3db16eac9a706660387eaa89f9d3a9eb9 Mon Sep 17 00:00:00 2001
From: "Brian S. Stephan" <bss@incorporeal.org>
Date: Sun, 25 Oct 2020 17:48:19 -0500
Subject: [PATCH] put some sidebars on the site for readability

---
 incorporealcms/static/css/style.css | 18 +++++++++++++++++-
 incorporealcms/templates/base.html  | 24 +++++++++++++-----------
 2 files changed, 30 insertions(+), 12 deletions(-)

diff --git a/incorporealcms/static/css/style.css b/incorporealcms/static/css/style.css
index a9e3de1..026992b 100644
--- a/incorporealcms/static/css/style.css
+++ b/incorporealcms/static/css/style.css
@@ -1,14 +1,29 @@
 html {
     font-family: sans-serif;
     padding: 0;
-    padding-bottom: 16px;
     color: #222;
 }
 
 body {
+    background: #888;
+
     margin: 0;
 }
 
+.site-wrap {
+    background: white;
+
+    max-width: 70pc;
+    height: 100vh;
+    margin: 0;
+    margin-left: auto;
+    margin-right: auto;
+
+    border: 1px solid #ddd;
+    border-top: none;
+    border-bottom: none;
+}
+
 h1,h2,h3,h4,h5,h6 {
     color: #811610;
 }
@@ -90,6 +105,7 @@ footer {
     font-size: 75%;
     color: #999;
     padding: 0 1em;
+    padding-bottom: 16px;
     margin-top: 15px;
 }
 
diff --git a/incorporealcms/templates/base.html b/incorporealcms/templates/base.html
index 7743e96..c06fad1 100644
--- a/incorporealcms/templates/base.html
+++ b/incorporealcms/templates/base.html
@@ -2,15 +2,17 @@
 <title>{{ title }}{% if title %} - {% endif %}{{ config.TITLE_SUFFIX }}</title>
 <link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}">
 <link rel="icon" href="{{ url_for('static', filename='img/favicon.png') }}">
-<section class="nav">
-    {% for nav in navs %}
-    <a href="{{ nav.1 }}">{{ nav.0 }}</a>
-    {% if not loop.last %} &raquo; {% endif %}
-    {% endfor %}
+<section class="site-wrap">
+    <section class="nav">
+        {% for nav in navs %}
+        <a href="{{ nav.1 }}">{{ nav.0 }}</a>
+        {% if not loop.last %} &raquo; {% endif %}
+        {% endfor %}
+    </section>
+    <section class="content">
+    {{ content }}
+    </section>
+    <footer>
+        <i>Last modified: {{ mtime }}</i>
+    </footer>
 </section>
-<section class="content">
-{{ content }}
-</section>
-<footer>
-    <i>Last modified: {{ mtime }}</i>
-</footer>