diff --git a/htdocs/public/.htaccess b/htdocs/public/.htaccess
index 33d56b3f682af613b4b857d33ee5a0d2b19b1a0c..44ac88e82422923f3cf5fadd22dc298b9114b34d 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 eeddd57a20ba453eced09e22d5d25aa8080bbc54..e9e5cf12c20a3ebfa64f52b2143d060e4cf55557 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 5bca3bdd3e6727193a22a7a9ed4494f13fbe5fdd..ba9be571904935dd261113fa65a1229188b6e7b6 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>