From fa3080278f4c38b2ce5be5075757f33c1b6e8603 Mon Sep 17 00:00:00 2001
From: Per Qvarforth <per@qvarforth.se>
Date: Mon, 25 Jul 2022 15:24:40 +0000
Subject: [PATCH] Added footer

---
 htdocs/public/.htaccess    |  2 +-
 htdocs/public/css/main.css | 38 +++++++++++++++++++++++++++++++++-----
 htdocs/public/index.php    |  2 ++
 3 files changed, 36 insertions(+), 6 deletions(-)

diff --git a/htdocs/public/.htaccess b/htdocs/public/.htaccess
index 33d56b3..44ac88e 100755
--- a/htdocs/public/.htaccess
+++ b/htdocs/public/.htaccess
@@ -11,7 +11,7 @@ Options +FollowSymLinks
 RewriteEngine on
 
 # Avoid rewriting existing dirs
-RewriteRule ^/?(js|css|images|symbols|data|heatmaps|crossdomain.*|favicon.*|\.well-known|browserconfig\.xml|robots\.txt)($|/) - [L]
+RewriteRule ^/?(js|css|images|symbols|data|heatmaps|crossdomain.*|favicon.*|\.well-known|browserconfig\.xml|robots\.txt|ads\.txt)($|/) - [L]
 
 # Rewrite url
 RewriteCond %{REQUEST_METHOD} !=POST
diff --git a/htdocs/public/css/main.css b/htdocs/public/css/main.css
index eeddd57..e9e5cf1 100755
--- a/htdocs/public/css/main.css
+++ b/htdocs/public/css/main.css
@@ -2,11 +2,12 @@
 html {
   background-color: #fff;
   height: 100%;
+  overflow: hidden;
 }
 
 body {
   margin: 0px;
-  padding: 0px;
+  padding: 0px !important;
   width: 100%;
   height: 100%;
 
@@ -51,10 +52,37 @@ a {
   top: 39px;
   left: 0px;
   width: 100%;
-  height: calc( 100% - 39px );
+  height: calc( 100% - 60px ); /* 39px + 21px */
   z-index:10;
 }
 
+#footer {
+  position: absolute;
+  bottom: 0px;
+  height: 21px;
+  width: 100%;
+
+  color:  white;
+  text-align: center; 
+  font-size: 10px;
+  line-height: 21px;
+
+  background-color: #333;
+  overflow: hidden;
+
+  background: #464b4c;
+  background-image: -webkit-linear-gradient(top, #464b4c, #3f4344);
+  background-image: -moz-linear-gradient(top, #464b4c, #3f4344);
+  background-image: -o-linear-gradient(top, #464b4c, #3f4344);
+  background-image: linear-gradient(to bottom, #464b4c, #3f4344);
+  -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.06);
+  box-shadow: inset 0 1px rgba(255, 255, 255, 0.06);
+}
+
+#footer a {
+  color: #bdbdbd;
+}
+
 /* Add a black background color to the top navigation */
 .topnav {
   background-color: #333;
@@ -157,8 +185,8 @@ a {
   display: block;
 }
 
-/* When the screen is less than 600 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the topnav (.icon) */
-@media screen and (max-width: 600px) {
+/* When the screen is less than 880 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the topnav (.icon) */
+@media screen and (max-width: 880px) {
   .topnav a:not(:first-child), .dropdown .dropbtn {
   display: none;
   }
@@ -169,7 +197,7 @@ a {
 }
 
 /* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */
-@media screen and (max-width: 600px) {
+@media screen and (max-width: 880px) {
   .topnav.responsive {position: relative;}
   .topnav.responsive a.icon {
   position: absolute;
diff --git a/htdocs/public/index.php b/htdocs/public/index.php
index 5bca3bd..ba9be57 100755
--- a/htdocs/public/index.php
+++ b/htdocs/public/index.php
@@ -284,6 +284,8 @@
 
         <div id="map-container"></div>
 
+        <div id="footer">Based on <a target="_blank" href="https://www.aprsdirect.com">APRS Track Direct</a></div>
+
         <div id="right-container">
             <div id="right-container-info">
                 <div id="status-container"></div>
-- 
GitLab