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

- Modification des tailles et espacements des titres

Browse source 
- Réduction de la taille des légendes d'images
- Ajout d'un fond derrière les balises <code> pour mettre en valeur le matrix
- Masquage des stickers quand la largeur de la fenêtre est inférieure à 500px (mobile)
This commit is contained in:
Fougère 2026-01-17 23:40:17 +01:00
parent e7d4435002
commit 0c22455783
1 changed files with 51 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

62
css/base.css
View file

@ -55,30 +55,39 @@ main h1 {
main h2 { main h2 {
position: relative; position: relative;
margin: 4% auto; margin: 12% auto 5% auto;
text-align: center; text-align: center;
font-size: clamp(1.5em, 4vw, 3em); font-size: clamp(1.5em, 12vw, 4em);
font-family: segoesc; font-family: segoesc;
} }
main h2:first-of-type {
font-size: clamp(1.5em, 5vw, 5em);
margin: 1em auto 0.5em auto;
}
main h3 { main h3 {
position: relative; position: relative;
text-align: center;
margin: auto; margin: auto;
width: 100%; width: 100%;
font-size: clamp(2em, 4vw, 4em); font-size: clamp(1.8em, 3vw, 4em);
margin-top: 5%; margin-top: 5%;
margin-bottom: 2%;
font-weight: lighter;
}
main h4 {
margin: 0.8em 0;
} }
main p { main p {
margin: 1%; margin: 0 0 min(1em, 2%) 1%;
padding: 1%;
/* border: solid 1px; */
opacity: 0.90;
display: inline-block; display: inline-block;
z-index: 3; z-index: 3;
background-color: black; }
main p:last-child {
margin-bottom: 0;
} }
section { section {
@ -89,9 +98,14 @@ section {
margin: auto; margin: auto;
margin-bottom: 100px; margin-bottom: 100px;
padding: 2%; padding: 2%;
padding-left: 0px; padding-left: min(1em, 2%);
z-index: 1000; z-index: 1000;
box-shadow: -5px 5px 0px var(--accent-yellow), -10px 10px 0px var(--accent-orange), -15px 15px 0px var(--accent-violet); 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 { nav, footer, aside {
@ -139,15 +153,21 @@ main > img {
object-fit: scale-down; object-fit: scale-down;
} }
figcaption {
font-size: 0.6em;
line-height: initial;
}
.btn-nice { .btn-nice {
color: #FFFFFF; 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); color: var(--accent-yellow);
font-size: 1.2em; font-size: 1.2em;
text-align: center; text-align: center;
margin: auto; margin: auto;
position: relative; position: relative;
display: block; display: block;
font-weight: bold;
} }
#camp { #camp {
@ -163,3 +183,23 @@ main > img {
margin-right: 10%; margin-right: 10%;
line-height: 0.5em; 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;
}
}