Add title font
This commit is contained in:
parent
a18f4ef57f
commit
df4978fe34
BIN
frontend/fonts/PoetsenOne-Regular.ttf
Normal file
BIN
frontend/fonts/PoetsenOne-Regular.ttf
Normal file
Binary file not shown.
@ -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>
|
||||
|
||||
|
@ -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 {
|
||||
|
Loading…
Reference in New Issue
Block a user