diff options
-rw-r--r-- | blog/templates/blog/blog_post.html | 3 | ||||
-rw-r--r-- | jthanio/static/css/jthanio.css | 19 | ||||
-rw-r--r-- | 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 © 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> |