Improve text legibility, layout, better default bg images

jumpapp/assets/css/styles.css

@@ -31,7 +31,7 @@ body {
 }
 
 .background {
-    filter: brightness(0.65) blur(13px);
+    filter: brightness(0.75) blur(10px);
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center center;
@@ -39,18 +39,6 @@ body {
     z-index: 1;
 }
 
-body::after {
-    content: '';
-    position:fixed;
-    top: 0;
-    left: 0;
-    right:0;
-    bottom:0;
-    background-image: url(../images/overlay.png);
-    opacity: 0.3;
-    z-index: 2;
-}
-
 .content {
     z-index: 10;
     display: flex;
@@ -64,15 +52,14 @@ body::after {
 .greeting {
     font-family: 'Quicksand', sans-serif;
     font-size: 2.3em;
-    font-weight: 200;
+    font-weight: 400;
     text-transform: capitalize;
-    text-shadow: 1px 2px 10px #000000;
-    margin-bottom: 13px;
+    margin-bottom: 15px;
 }
 
 .time-weather {
     font-family: 'Quicksand', sans-serif;
-    font-weight: 200;
+    font-weight: 400;
     user-select: none;
     display: block;
     position: absolute;
@@ -101,7 +88,8 @@ body::after {
     }
 
 .useclientlocation {
-    font-size: 13px;
+    font-size: 14px;
+    text-shadow: 1px 1px 2px #00000070;
     user-select: none;
     cursor: pointer;
     display: none;
@@ -113,7 +101,7 @@ body::after {
     height: 58px;
     line-height:58px;
     padding: 0 10px 0 45px;
-    background-size: 35px;
+    background-size: 37px;
     background-position: top 50% left 5px;
     background-repeat: no-repeat;
     background-image: url(../images/map-pin.svg);
@@ -143,7 +131,7 @@ body::after {
             color: inherit;
             text-decoration: none;
             display: inline-block;
-            padding: 15px;
+            padding: 13px;
             border-radius: 6px
         }
 

jumpapp/background-css.php

@@ -10,9 +10,7 @@
 require __DIR__ .'/vendor/autoload.php';
 
 $config = new Jump\Config();
-
 $backgroundfile = (new Jump\Background($config))->get_random_background_file();
-$backgroundgradient = 'linear-gradient(to bottom, #FC466B40, #425df530)';
 
 header('Content-Type: text/css');
-echo '.background {background-image: '.$backgroundgradient.', url("'.$backgroundfile.'");}';
+echo '.background {background-image: url("'.$backgroundfile.'");}';

jumpapp/templates/header.mustache

@@ -6,7 +6,7 @@
         {{# noindex}}<meta name="robots" content="noindex">{{/ noindex}}
         <link rel="preconnect" href="https://fonts.googleapis.com">
         <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-        <link href="https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400&display=swap" rel="stylesheet">
+        <link href="https://fonts.googleapis.com/css2?family=Quicksand:wght@400&display=swap" rel="stylesheet">
         <link rel="stylesheet" href="/assets/css/styles.css">
         <link rel="stylesheet" href="background-css.php">
         <link rel="stylesheet" href="/assets/css/weather-icons.min.css">