From 5c1c14513e3dcd896bbdbf98399d3900fad455cd Mon Sep 17 00:00:00 2001
From: Jonathan DeMasi <jrdemasi@gmail.com>
Date: Sun, 8 Mar 2020 16:12:36 -0600
Subject: footer and fix blog post template

---
 blog/templates/blog/blog_post.html |  3 ++-
 jthanio/static/css/jthanio.css     | 19 +++++++++++++++++++
 jthanio/templates/base.html        | 15 ++++++++++-----
 3 files changed, 31 insertions(+), 6 deletions(-)

diff --git a/blog/templates/blog/blog_post.html b/blog/templates/blog/blog_post.html
index 5394f29..6bd48f8 100644
--- a/blog/templates/blog/blog_post.html
+++ b/blog/templates/blog/blog_post.html
@@ -58,11 +58,12 @@
             </div>
           </div>
         </div>
+      </div>
 
 
-      </div>
 
     </div>
 
     <p><a href="{{ request.META.HTTP_REFERER }}">Return to previous page</a></p>
+</div>
 {% endblock %}
diff --git a/jthanio/static/css/jthanio.css b/jthanio/static/css/jthanio.css
index 8d3a651..776cc07 100644
--- a/jthanio/static/css/jthanio.css
+++ b/jthanio/static/css/jthanio.css
@@ -5,3 +5,22 @@
 .rich-text p {
   font-size: 15px;
 }
+
+/* Sticky footer styles
+-------------------------------------------------- */
+html {
+  position: relative;
+  min-height: 100%;
+}
+body {
+  /* Margin bottom by footer height */
+  margin-bottom: 60px;
+}
+.footer {
+  position: absolute;
+  bottom: 0;
+  width: 100%;
+  /* Set the fixed height of the footer here */
+  height: 60px;
+  line-height: 60px; /* Vertically center the text there */
+}
diff --git a/jthanio/templates/base.html b/jthanio/templates/base.html
index 694f86c..0a8a7a9 100644
--- a/jthanio/templates/base.html
+++ b/jthanio/templates/base.html
@@ -33,14 +33,19 @@
 
         {% block content %}{% endblock %}
 
+        {% block extra_js %}
+            {# Override this in templates to add extra javascript #}
+        {% endblock %}
+    
+        <footer class="footer">
+          <div class="text-center bg-dark">
+            <span class="text-muted">Copyright &copy; jthan.io {% now "Y" %}</span>
+          </div>
+        </footer>
+
         {# Global javascript #}
         <script type="text/javascript" src="{% static 'js/jthanio.js' %}"></script>
         <script type="text/javascript" src="{% static 'js/bootstrap.js' %}"></script>
         <script type="text/javascript" src="{% static 'js/jquery-3.4.1.min.js' %}"></script>
-
-
-        {% block extra_js %}
-            {# Override this in templates to add extra javascript #}
-        {% endblock %}
     </body>
 </html>
-- 
cgit v1.2.3