pianello-web-app/frontend/src/app.html

63 lines
1.1 KiB
HTML
Raw Normal View History

2023-07-10 17:44:06 +02:00
<!DOCTYPE html>
<html lang="en">
2023-07-10 18:27:36 +02:00
<head>
<meta charset="utf-8" />
<link rel="icon" href="%sveltekit.assets%/favicon.png" />
<meta name="viewport" content="width=device-width" />
%sveltekit.head%
</head>
<style>
:root {
--footer-height: calc(68px + 20px + 20px);
--accent-color: #213c8b;
--pianello-red: #de0e1b;
--pianello-yellow: #f6ae04;
--pianello-blue: #213c8b;
--card-background-color: #f9f4f1;
}
* {
box-sizing: border-box;
}
html {
width: 100%;
height: 100%;
}
body {
width: 100%;
height: 100%;
margin: 0px;
background-color: #fff;
font-family: 'Roboto-Regular';
display: grid;
place-items: center;
grid-template-rows: var(--footer-height) auto var(--footer-height);
}
header,
main,
footer {
height: 100%;
width: 100%;
display: grid;
place-items: center;
}
.bold {
font-weight: bold;
}
2023-07-10 18:30:56 +02:00
@font-face {
font-family: 'Roboto-Regular';
src: url('/fonts/roboto/Roboto-Regular.ttf') format('TrueType');
}
2023-07-10 18:27:36 +02:00
</style>
<body data-sveltekit-preload-data="hover">
<div style="display: contents">%sveltekit.body%</div>
</body>
</html>