Add title font

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

Binary file not shown.

View File

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

View File

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