ReiMerc/temperature-alarm
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add logo to frontend

Browse Source
This commit is contained in:
Reimar 2025-03-24 09:51:02 +01:00
parent 007c0e093c
commit a18f4ef57f
Signed by: Reimar
GPG Key ID: 93549FA07F0AE268
6 changed files with 12 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
frontend/favicon.ico Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 66 KiB

BIN
frontend/img/background.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 296 KiB

After

Width:  |  Height:  |  Size: 266 KiB

BIN
frontend/img/background2.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 266 KiB

BIN
frontend/img/logo.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 27 KiB

5
frontend/index.html
View File

@ -8,7 +8,10 @@
<body> <body>
<main> <main>
<div id="title"> <div id="title">
<h1>Temperature Alarm</h1> <h1>
<img id="logo" src="/img/logo.webp" alt="Logo">
Temperature Alarm
</h1>
<div id="buttons-wrapper"> <div id="buttons-wrapper">
<a href="/login"> <a href="/login">

9
frontend/styles/frontpage.css
View File

@ -6,13 +6,20 @@ body {
main { main {
width: 100vw; width: 100vw;
height: 100vh; height: 100vh;
background-image: url("/img/background2.jpg"); background-image: url("/img/background.jpg");
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: center; background-position: center;
background-size: cover; background-size: cover;
background-color: rgba(255, 255, 255, 0.5); background-color: rgba(255, 255, 255, 0.5);
} }
#logo {
height: 1em;
position: relative;
top: 5px;
filter: drop-shadow(3px 3px 6px rgba(0, 0, 0, 0.4));
}
h1 { h1 {
margin: 0; margin: 0;
font-size: 4rem; font-size: 4rem;