Add new footer to pages.

html/dark.css

@@ -90,8 +90,9 @@ img {
 
 
 #copyright {
-  font-size: 10px;
-  text-align: center;
+  align-self: center;
+  margin-left: 0;
+  margin-right: auto;
 }
 
 #donatebuttons {
@@ -102,6 +103,14 @@ img {
   margin-top: 20px;
 }
 
+#footer {
+  display: grid;
+  column-gap: 50px;
+  font-size: 12px;
+  grid-template-columns: auto auto;
+  margin-top: 10px;
+}
+
 #headingbox {
   margin-left: auto;
   margin-right: auto;
@@ -126,12 +135,29 @@ img {
   margin-bottom: 30px;
 }
 
+#logo img {
+  width: 100%;
+}
+  
 #page {
   margin-left: auto;
   margin-right: auto;
   width: 90%;
 }
 
+#poweredby {
+  align-items: center;
+  display: flex;
+  margin-left: auto;
+  margin-right: 0;
+  text-align: right;
+}
+
+#poweredby img {
+  margin-left: 5px;
+  margin-right: 5px;
+}
+
 #progress {
   background-color: #4255ff;
   height: 100%;

html/index.php

@@ -124,9 +124,18 @@
       <div id="progressbar">
         <div id="progress"></div>
       </div>
-      <div id="copyright">
-        Slackware UK logo, design and code &copy; Darren 'Tadgy' Austin<br>
-        Speedtest code by <a href="https://github.com/librespeed/speedtest.git" title="LibreSpeed">LibreSpeed</a>
+      <div class="bold" id="footer">
+        <div id="copyright">
+          Slackware UK logo, design and code &copy; <?php print (date ("Y")); ?> Darren 'Tadgy' Austin.<br>
+          Speedtest code by <a href="https://github.com/librespeed/speedtest.git" title="LibreSpeed">LibreSpeed</a>.
+        </div>
+        <div id="poweredby">
+          <?php if ($_COOKIE['theme'] == "light") { ?>
+            Powered by <a href="http://slackware.com/" title="Slackware Linux"><img src="/slackwarelinux-black.png" title="Slackware Linux" alt="Slackware Linux"></a>, naturally.
+          <?php } else { ?>
+            Powered by <a href="http://slackware.com/" title="Slackware Linux"><img src="/slackwarelinux-white.png" title="Slackware Linux" alt="Slackware Linux"></a>, naturally.
+          <?php } ?>
+        <div>
       </div>
       <script type="text/javascript">
         initUI();

html/light.css

@@ -90,10 +90,11 @@ img {
 
 
 #copyright {
-  font-size: 10px;
-  text-align: center;
+  align-self: center;
+  margin-left: 0;
+  margin-right: auto;
 }
-
+      
 #donatebuttons {
   display: flex;
   flex-wrap: wrap;
@@ -102,6 +103,14 @@ img {
   margin-top: 20px;
 }
 
+#footer {
+  display: grid;
+  column-gap: 50px;
+  font-size: 12px;
+  grid-template-columns: auto auto;
+  margin-top: 10px;
+}
+
 #headingbox {
   margin-left: auto;
   margin-right: auto;
@@ -126,12 +135,29 @@ img {
   margin-bottom: 30px;
 }
 
+#logo img {
+  width: 100%;
+}
+
 #page {
   margin-left: auto;
   margin-right: auto;
   width: 90%;
 }
 
+#poweredby {
+  align-items: center;
+  display: flex;
+  margin-left: auto;
+  margin-right: 0;
+  text-align: right;
+}
+
+#poweredby img {
+  margin-left: 5px;
+  margin-right: 5px;
+}
+
 #progress {
   background-color: #2c199c;
   height: 100%;