epickiwi/2026.camp.public.website
1
0
Fork 0
forked from interhack/2026.camp.public.website
Code Pull requests Activity

Merge pull request '- Modification des tailles et espacements des titres' (#23) from fougere/2026.camp.public.website:fix/guide-style into main

Browse source 
Reviewed-on: interhack/2026.camp.public.website#23
Reviewed-by: Nono <nono@noreply.interhacker.space>
This commit is contained in:
Nono 2026-01-22 11:21:32 +00:00
commit 6c26735680
2 changed files with 59 additions and 17 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

67
css/base.css
View file

@ -55,30 +55,44 @@ main h1 {
main h2 {
position: relative;
margin: 4% auto;
margin: 12% auto 5% auto;
text-align: center;
font-size: clamp(1.5em, 4vw, 3em);
font-size: clamp(1.5em, 12vw, 4em);
font-family: segoesc;
}
main h2:first-of-type {
font-size: clamp(1.5em, 5vw, 5em);
margin: 1em auto 0.5em auto;
}
main h3 {
position: relative;
text-align: center;
margin: auto;
width: 100%;
font-size: clamp(2em, 4vw, 4em);
font-size: clamp(1.8em, 3vw, 4em);
margin-top: 5%;
margin-bottom: 2%;
font-weight: lighter;
text-align: center;
}
main section h3 {
text-align: left;
}
main h4 {
margin: 0.8em 0;
}
main p {
margin: 1%;
padding: 1%;
/* border: solid 1px; */
opacity: 0.90;
margin: 0 0 min(1em, 2%) 1%;
display: inline-block;
z-index: 3;
background-color: black;
}
main p:last-child {
margin-bottom: 0;
}
section {
@ -89,9 +103,14 @@ section {
margin: auto;
margin-bottom: 100px;
padding: 2%;
padding-left: 0px;
padding-left: min(1em, 2%);
z-index: 1000;
box-shadow: -5px 5px 0px var(--accent-yellow), -10px 10px 0px var(--accent-orange), -15px 15px 0px var(--accent-violet);
background-color: #000000b8;
}
section :is(h1, h2, h3, h4, h5, h6) {
line-height: 1em;
}
nav, footer, aside {
@ -139,15 +158,21 @@ main > img {
object-fit: scale-down;
}
figcaption {
font-size: 0.6em;
line-height: initial;
}
.btn-nice {
color: #FFFFFF;
text-shadow: -5px 5px 0px var(--accent-orange), -10px 10px 0px var(--accent-violet);
text-shadow: -2px 2px 0px var(--accent-orange), -4px 4px 0px var(--accent-violet);
color: var(--accent-yellow);
font-size: 1.2em;
text-align: center;
margin: auto;
position: relative;
display: block;
font-weight: bold;
}
#camp {
@ -163,3 +188,23 @@ main > img {
margin-right: 10%;
line-height: 0.5em;
}
code {
background: #ffffff1f;
padding: 0.2em 0.4em;
border-radius: 0.2em;
margin-right: 0.5ex;
}
.btn-nice code {
background: none;
padding: 0;
margin-right: 0;
}
@media (max-width: 500px) {
/* Hide stickers on mobile */
.randomStart {
display: none;
}
}

9
index.html
View file

@ -1,4 +1,5 @@
<html lang="en">
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
@ -29,11 +30,6 @@
<img class="draggable randomStart" src="assets/stickers/machineacoudre.png" alt="">
<img class="draggable randomStart" src="assets/stickers/tracteur.png" alt="">
<img class="draggable randomStart" src="assets/stickers/ecran.png" alt="">
<img class="draggable randomStart" src="assets/stickers/ferasouder.png" alt="">
<img class="draggable randomStart" src="assets/stickers/machineacoudre.png" alt="">
<img class="draggable randomStart" src="assets/stickers/tracteur.png" alt="">
<h1>
<span id="camp" class="draggable">camp</span>
<br>
@ -122,4 +118,5 @@
</div>
</footer>
</body>
</html>