Added Django logo and moved bottom links to the moddle

diff --git a/notes/static/notes/style.css b/notes/static/notes/style.css
index 2a52b55c0bdbbf8db4b98aa96b41429d293eebe5..9ccdaf9b2a9193910135e137e7da6dd8ed9d4fd7 100644 (file)
--- a/notes/static/notes/style.css
+++ b/notes/static/notes/style.css
@@ -53,12 +53,20 @@ footer ul {
     padding-left: 0;
 }
 
+footer a img {
+    border: none;
+}
+
 /* Large screens */
 @media screen and (min-width: 600px) {
     footer div#footer-left {
         text-align: right;
     }
 
+    footer div#footer-middle {
+        text-align: center;
+    }
+
     footer #copyright {
         text-align: center;
         margin-top: 2em;

diff --git a/notes/templates/note_base.html b/notes/templates/note_base.html
index 0e779e6821424cbee5c677f1104f072b1167c27e..fe61801a31bd02d867daf4e83a66f03424bc407f 100644 (file)
--- a/notes/templates/note_base.html
+++ b/notes/templates/note_base.html
@@ -23,12 +23,15 @@
   <footer class="container-fluid p-5 mt-5">
     <div class="row">
       <div id="footer-left" class="col-lg-4 col-md-12 col-sm-12">
+        <a href="http://www.djangoproject.com/"><img src="https://www.djangoproject.com/m/img/badges/djangopowered126x54.gif" width="126" height="54" alt="Powered by Django." title="Powered by Django." /></a>
+      </div>
+      <div id="footer-middle" class="col-lg-4 col-md-12 col-sm-12">
         <p>
           <a href="{% url "notes:note_list" %}">Home</a><br>
           <a href="{% url "notes:archive_main" %}">Archive</a>
         </p>
       </div>
-      <div id="footer-right" class="col-lg-4 offset-lg-4 col-md-12 col-sm-12">
+      <div id="footer-right" class="col-lg-4 col-md-12 col-sm-12">
         This site contains random notes and thoughts by Patrick Canterino.<br>
         If you have any questions, you may write me an email: <a href="mailto:patrick@patrick-canterino.de">patrick@patrick-canterino.de</a>
       </div>