Dockery/Jump
1
0
Fork 0
mirror of https://github.com/daledavies/jump.git synced 2025-11-17 02:10:42 +01:00
Code Issues Packages Projects Releases Activity

Improve text legibility, layout, better default bg images

Browse Source
This commit is contained in:
Dale Davies
2022-02-14 22:06:00 +00:00
parent f2fe3597a7
commit b51f2324da
23 changed files with 10 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
jumpapp/assets/backgrounds/abolfazl-ranjbar-SH4a5sL1zC0-unsplash.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 633 KiB

BIN
jumpapp/assets/backgrounds/andreas-gucklhorn-mawU2PoJWfU-unsplash.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 655 KiB

BIN
jumpapp/assets/backgrounds/animal-g3298dcb04_1920.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 370 KiB

BIN
jumpapp/assets/backgrounds/anton-darius-H1ZUlh1lC7Q-unsplash.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 457 KiB

BIN
jumpapp/assets/backgrounds/aviv-ben-or-iuoeQwfROPk-unsplash.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 520 KiB

BIN
jumpapp/assets/backgrounds/bruno-kelzer-Dw6tBa20afk-unsplash.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 611 KiB

BIN
jumpapp/assets/backgrounds/budapest-g056b86516_1920.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 534 KiB

BIN
jumpapp/assets/backgrounds/building-gad730b330_1920.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 780 KiB

BIN
jumpapp/assets/backgrounds/daniel-sessler-7YEB0RV6Qgw-unsplash.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 358 KiB

BIN
jumpapp/assets/backgrounds/ezra-jeffrey-comeau-CdUUiMwDSGk-unsplash.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 615 KiB

BIN
jumpapp/assets/backgrounds/hannah-grace-znL3MUoOOtg-unsplash.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 569 KiB

BIN
jumpapp/assets/backgrounds/hector-falcon-ZJ9POJfmfL4-unsplash.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 508 KiB

BIN
jumpapp/assets/backgrounds/marek-piwnicki-4EbFi7no_MQ-unsplash.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 213 KiB

BIN
jumpapp/assets/backgrounds/michael-d-rnKqWvO80Y4-unsplash.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 446 KiB

BIN
jumpapp/assets/backgrounds/nature-gbde25f3ce_1920.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 726 KiB

BIN
jumpapp/assets/backgrounds/nick-perez-duvq92-VCZ4-unsplash.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 640 KiB

BIN
jumpapp/assets/backgrounds/patrick-dzieza-qJhwq8vulK4-unsplash.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 873 KiB

BIN
jumpapp/assets/backgrounds/sabeer-darr-Upz-tnx2v2s-unsplash.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 377 KiB

BIN
jumpapp/assets/backgrounds/san-francisco-g1a7f2aef8_1920.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 304 KiB

BIN
jumpapp/assets/backgrounds/seagull-gc0701fe2f_1920.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 305 KiB

28
jumpapp/assets/css/styles.css
View File

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

4
jumpapp/background-css.php
View File

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

2
jumpapp/templates/header.mustache
View File

@@ -6,7 +6,7 @@
{{# noindex}}<meta name="robots" content="noindex">{{/ noindex}} {{# noindex}}<meta name="robots" content="noindex">{{/ noindex}}
<link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <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="/assets/css/styles.css">
<link rel="stylesheet" href="background-css.php"> <link rel="stylesheet" href="background-css.php">
<link rel="stylesheet" href="/assets/css/weather-icons.min.css"> <link rel="stylesheet" href="/assets/css/weather-icons.min.css">