Wantoo/UniSquat_Python
5
2
Fork 0
Code Issues 2 Pull Requests Projects Releases Wiki Activity

Les tailles sont proportionnelles au viewport

Browse Source
This commit is contained in:
theo@manjaro 2024-03-20 20:41:07 +01:00
parent 057285717b
commit f79250216b
2 changed files with 51 additions and 57 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
static/billboardstyle.css
View File

@ -5,58 +5,54 @@
--special: #c09f80;
}
main {
display: grid;
grid-template-rows: 2fr 1fr 5fr 1fr;
}
body {
background: var(--bg);
color: var(--fg);
font-family: "ubuntu", sans-serif;
font-size: 200%;
margin: 0px;
}
h1, h2 {
text-align: center;
font-size: 7vh;
}
h2 {
font-size: 90%;
font-size: 6vh;
font-weight: normal;
margin-bottom: 8vh;
}
.slider {
overflow: hidden;
.slider { overflow: hidden;
}
.slide-track {
display: flex;
flex-wrap: wrap;
gap: 50px;
gap: 3vw;
animation: scroll 40s linear infinite;
width: 750%; /* Pas bô, mais on va faire avec en attendant... */
width: 3000vh; /* Pas bô, mais on va faire avec en attendant... */
}
.room {
text-align: center;
background: var(--bg-dark);
border-style: solid;
border-width: 1px;
border-width: 1vw;
border-color: var(--bg-dark);
border-radius: 10px;
padding: 10px;
border-radius: 3vw;
padding: 2vw;
color: var(--bg);
font-size: 8vh;
}
@keyframes scroll {
0% { transform: translateX(0); }
100% { transform: translateX(calc(-250px * 7)); }
100% { transform: translateX(calc(-25vw * 7)); }
}
footer {
margin-top: 10px;
font-size: 50%;
margin-top: 10vh;
font-size: 4vh;
text-align: center;
}

2
templates/billboard.html
View File

@ -7,7 +7,6 @@
<meta name="viewport" content="width=300, initial-scale=1" />
</head>
<body>
<main>
<h1><b>Salles disponibles</b></h1>
<h2>{{ depts_str }}</h2>
<div class="slider">
@ -47,6 +46,5 @@
<footer>
Propulsé par UniSquat : <a href="https://unisquat.alwaysdata.net">https://unisquat.alwaysdata.net</a>
</footer>
</main>
</body>
</html>