From: Patrick Canterino <patrick@patrick-canterino.de>
Date: Mon, 14 Feb 2022 19:01:58 +0000 (+0100)
Subject: Added Django logo and moved bottom links to the moddle
X-Git-Url: https://git.p6c8.net/pcdenotes.git/commitdiff_plain/a05a4c5f15b4301ce6154efa346e6deedfb9769b

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 2a52b55..9ccdaf9 100644
--- 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 0e779e6..fe61801 100644
--- 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>