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

Add title font

Browse Source
This commit is contained in:
Reimar 2025-03-24 10:11:20 +01:00
parent a18f4ef57f
commit df4978fe34
Signed by: Reimar
GPG Key ID: 93549FA07F0AE268
3 changed files with 31 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
frontend/fonts/PoetsenOne-Regular.ttf Normal file
View File

Binary file not shown.

40
frontend/index.html
View File

@ -3,26 +3,26 @@
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<title>Temperature Alarm</title> <title>Temperature Alarm</title>
<link rel="stylesheet" href="/styles/frontpage.css"> <link rel="stylesheet" href="/styles/frontpage.css">
</head> </head>
<body> <body>
<main> <main>
<div id="title"> <div id="title">
<h1> <h1>
<img id="logo" src="/img/logo.webp" alt="Logo"> <img id="logo" src="/img/logo.webp" alt="Logo">
Temperature Alarm Temperature Alarm
</h1> </h1>
<div id="buttons-wrapper"> <div id="buttons-wrapper">
<a href="/login"> <a href="/login">
<button class="secondary">Login</button> <button class="secondary">Login</button>
</a> </a>
<a href="/register"> <a href="/register">
<button class="primary">Sign up</button> <button class="primary">Sign up</button>
</a> </a>
</div> </div>
</div> </div>
</main> </main>
</body> </body>
</html> </html>

15
frontend/styles/frontpage.css
View File

@ -1,3 +1,8 @@
@font-face {
font-family: "Poetsen One";
src: url("/fonts/PoetsenOne-Regular.ttf");
}
body { body {
margin: 0; margin: 0;
font-family: sans-serif; font-family: sans-serif;
@ -14,16 +19,18 @@ main {
} }
#logo { #logo {
height: 1em; height: 1em;
position: relative; position: relative;
top: 5px; top: 5px;
filter: drop-shadow(3px 3px 6px rgba(0, 0, 0, 0.4)); filter: drop-shadow(3px 3px 6px rgba(0, 0, 0, 0.4));
} }
h1 { h1 {
margin: 0; margin: 0;
font-size: 4rem; font-size: 4rem;
text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.4); text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.4);
font-family: "Poetsen One";
font-weight: normal;
} }
#title { #title {