KevinMidboe/patlite-tower-lights-controller
1
0
Fork 0
mirror of https://github.com/KevinMidboe/patlite-tower-lights-controller.git synced 2025-10-29 17:50:29 +00:00
Code Issues Packages Projects Releases Wiki Activity

woff2 format, preload font & update repo in env.example

Browse Source
This commit is contained in:
Kevin
2025-04-20 00:52:16 +02:00
parent 6d124bd1f2
commit 73e85c6a7b
5 changed files with 23 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

72
frontend/public/styles.css Normal file
View File

@@ -0,0 +1,72 @@
@font-face {
font-family: ibm-plex;
src: url('/fonts/IBMPlexSerif-SemiBoldItalic.woff2') format('woff2');
font-weight: 500;
font-style: italic;
}
body {
font-family: Arial, sans-serif;
background-color: #f0f0f0;
margin: 0;
padding: 0;
display: flex;
justify-content: center;
align-items: center;
min-height: 100vh;
height: 100%;
position: relative;
}
.container {
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
text-align: center;
background-color: #fff;
padding: 2rem;
border-radius: 10px;
touch-action: manipulation;
margin: 2rem;
margin-bottom: 4rem;
}
@media screen and (max-width: 750px) {
.container {
min-height: 100vh;
margin: 0;
}
}
hr {
border-color: lightgrey;
}
h1 {
color: #333;
margin-top: 0;
font-size: 4rem;
font-family: ibm-plex;
font-style: italic;
text-transform: uppercase;
}
main ~ footer {
position: absolute;
bottom: 0;
left: 0;
height: 3rem;
width: 100%;
display: grid;
place-items: center;
}
main ~ footer a {
display: inline-block;
vertical-align: middle;
height: 1.6rem;
width: 1.5rem;
}