diff --git a/config.yml b/config.yml index 7ce4871..49ad16b 100644 --- a/config.yml +++ b/config.yml @@ -4,10 +4,12 @@ subtitle: 'Home' logo: 'logo.png' message: - title: 'Wartungsarbeiten' - style: 'is-warning' - icon: 'fa fa-exclamation-triangle' - content: 'Innerhalb der Schmökerei werden derzeit einige Änderungen vorgenommen, welche dazu führen können, dass Dienste zeitweise nicht erreichbar sind oder Links in diesem Dashboard nicht mehr funktionieren.' + url: 'https://checksch.de/hook/messages.php' + mapping: + title: 's-title' + content: 's-content' + style: 'is-info' + icon: 'fa fa-info' header: false footer: false @@ -31,7 +33,7 @@ colors: card-shadow: rgba(0, 0, 0, 0.5) link: '#3273dc' link-hover: '#2e4053' - background-image: '../assets/wallpaper-light.jpeg' # Change wallpaper.jpeg to the name of your own custom wallpaper! + background-image: '../assets/wallpaper.png' # Change wallpaper.jpeg to the name of your own custom wallpaper! dark: highlight-primary: '#181C3A' highlight-secondary: '#181C3A' @@ -45,7 +47,7 @@ colors: card-shadow: rgba(0, 0, 0, 0.5) link: '#c1c1c1' link-hover: '#fafafa' - background-image: '../assets/wallpaper.jpeg' + background-image: '../assets/wallpaper.png' services: - name: 'Service' diff --git a/custom.css b/custom.css index 3deea01..7a66eda 100644 --- a/custom.css +++ b/custom.css @@ -7,11 +7,15 @@ font-weight: 400; src: url('./fonts/raleway-v22-latin-regular.eot'); /* IE9 Compat Modes */ src: local(''), - url('./fonts/raleway-v22-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ - url('./fonts/raleway-v22-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ - url('./fonts/raleway-v22-latin-regular.woff') format('woff'), /* Modern Browsers */ - url('./fonts/raleway-v22-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ - url('./fonts/raleway-v22-latin-regular.svg#Raleway') format('svg'); /* Legacy iOS */ + url('./fonts/raleway-v22-latin-regular.eot?#iefix') + format('embedded-opentype'), + /* IE6-IE8 */ url('./fonts/raleway-v22-latin-regular.woff2') format('woff2'), + /* Super Modern Browsers */ url('./fonts/raleway-v22-latin-regular.woff') + format('woff'), + /* Modern Browsers */ url('./fonts/raleway-v22-latin-regular.ttf') + format('truetype'), + /* Safari, Android, iOS */ + url('./fonts/raleway-v22-latin-regular.svg#Raleway') format('svg'); /* Legacy iOS */ } /* lato-regular - latin */ @@ -21,11 +25,14 @@ font-weight: 400; src: url('./fonts/lato-v20-latin-regular.eot'); /* IE9 Compat Modes */ src: local(''), - url('./fonts/lato-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ - url('./fonts/lato-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ - url('./fonts/lato-v20-latin-regular.woff') format('woff'), /* Modern Browsers */ - url('./fonts/lato-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ - url('./fonts/lato-v20-latin-regular.svg#Lato') format('svg'); /* Legacy iOS */ + url('./fonts/lato-v20-latin-regular.eot?#iefix') format('embedded-opentype'), + /* IE6-IE8 */ url('./fonts/lato-v20-latin-regular.woff2') format('woff2'), + /* Super Modern Browsers */ url('./fonts/lato-v20-latin-regular.woff') + format('woff'), + /* Modern Browsers */ url('./fonts/lato-v20-latin-regular.ttf') + format('truetype'), + /* Safari, Android, iOS */ url('./fonts/lato-v20-latin-regular.svg#Lato') + format('svg'); /* Legacy iOS */ } /* lato-700 - latin */ @@ -35,11 +42,14 @@ font-weight: 700; src: url('./fonts/lato-v20-latin-700.eot'); /* IE9 Compat Modes */ src: local(''), - url('./fonts/lato-v20-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ - url('./fonts/lato-v20-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ - url('./fonts/lato-v20-latin-700.woff') format('woff'), /* Modern Browsers */ - url('./fonts/lato-v20-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ - url('./fonts/lato-v20-latin-700.svg#Lato') format('svg'); /* Legacy iOS */ + url('./fonts/lato-v20-latin-700.eot?#iefix') format('embedded-opentype'), + /* IE6-IE8 */ url('./fonts/lato-v20-latin-700.woff2') format('woff2'), + /* Super Modern Browsers */ url('./fonts/lato-v20-latin-700.woff') + format('woff'), + /* Modern Browsers */ url('./fonts/lato-v20-latin-700.ttf') + format('truetype'), + /* Safari, Android, iOS */ url('./fonts/lato-v20-latin-700.svg#Lato') + format('svg'); /* Legacy iOS */ } /* lato-900 - latin */ @@ -49,11 +59,14 @@ font-weight: 900; src: url('./fonts/lato-v20-latin-900.eot'); /* IE9 Compat Modes */ src: local(''), - url('./fonts/lato-v20-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ - url('./fonts/lato-v20-latin-900.woff2') format('woff2'), /* Super Modern Browsers */ - url('./fonts/lato-v20-latin-900.woff') format('woff'), /* Modern Browsers */ - url('./fonts/lato-v20-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */ - url('./fonts/lato-v20-latin-900.svg#Lato') format('svg'); /* Legacy iOS */ + url('./fonts/lato-v20-latin-900.eot?#iefix') format('embedded-opentype'), + /* IE6-IE8 */ url('./fonts/lato-v20-latin-900.woff2') format('woff2'), + /* Super Modern Browsers */ url('./fonts/lato-v20-latin-900.woff') + format('woff'), + /* Modern Browsers */ url('./fonts/lato-v20-latin-900.ttf') + format('truetype'), + /* Safari, Android, iOS */ url('./fonts/lato-v20-latin-900.svg#Lato') + format('svg'); /* Legacy iOS */ } /* Sets the group title to be a bolder font */ @@ -84,7 +97,7 @@ body #app .message { opacity: 80%; } - /*Adds more border radius to the cards */ +/*Adds more border radius to the cards */ body .layout-vertical .column div:first-of-type .card { border-radius: 1rem; } @@ -92,10 +105,10 @@ body .layout-vertical .card { border-radius: 1rem; } .card { - border-radius: 1rem; + border-radius: 1rem; } -body .layout-vertical .column div:last-of-type .card { - border-radius: 1rem; +body .layout-vertical .column div:last-of-type .card { + border-radius: 1rem; } /* Changes Header Opacity */ @@ -104,10 +117,40 @@ body #bighead .navbar { } body .search-bar input { - opacity: 20%; + opacity: 20%; } -body #bighead .navbar a:focus, body #bighead .navbar a:hover { - background-color: rgba(0, 0, 0, 0); - color: var(--link-hover); +body #bighead .navbar a:focus, +body #bighead .navbar a:hover { + background-color: rgba(0, 0, 0, 0); + color: var(--link-hover); +} + +body .footer { + text-align: center; +} + +.footer i { + color: #e21c1b; +} + +.footer img { + position: relative; + opacity: 0.6; + top: 2px; + height: 1em; +} + +.footer a:hover img { + opacity: 1; +} + +body #app .card, +body #app .card:hover, +body #app .message { + opacity: 87%; +} + +body #app.is-light .message .message-body { + color: var(--text-subtitle); } diff --git a/wallpaper-light.jpeg b/wallpaper-light.jpeg deleted file mode 100644 index 8bae8d6..0000000 Binary files a/wallpaper-light.jpeg and /dev/null differ diff --git a/wallpaper.jpeg b/wallpaper.jpeg deleted file mode 100644 index 84b007c..0000000 Binary files a/wallpaper.jpeg and /dev/null differ diff --git a/wallpaper.png b/wallpaper.png new file mode 100644 index 0000000..3c98e3b Binary files /dev/null and b/wallpaper.png differ