Add logo to frontend

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

BIN
frontend/favicon.ico Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 66 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 296 KiB

After

Width:  |  Height:  |  Size: 266 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 266 KiB

BIN
frontend/img/logo.webp Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 27 KiB

View File

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

View File

@ -6,13 +6,20 @@ body {
main {
width: 100vw;
height: 100vh;
background-image: url("/img/background2.jpg");
background-image: url("/img/background.jpg");
background-repeat: no-repeat;
background-position: center;
background-size: cover;
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 {
margin: 0;
font-size: 4rem;