interhack/2026.camp.public.website
interhack/2026.camp.public.website
15
1
Fork 2
Code Issues 14 Pull requests 3 Projects Releases Packages 1 Wiki Activity Actions

Compare commits

base: interhack:e2ae37d9f9a9543c48dd6e6b62998307e00ec3f1
Branches Tags
interhack:main
interhack:progression
interhack:33-prefer-reduced-motion
interhack:feat/add-logos
interhack:feat/ci-build
interhack:titles-contrast
interhack:fix/menu-order
interhack:feat/css-ajustements
..
compare: interhack:63af8d89f5d96ccd4c0e913aa1a846e82875c63c
Branches Tags
interhack:progression
interhack:33-prefer-reduced-motion
interhack:main
interhack:feat/add-logos
interhack:feat/ci-build
interhack:titles-contrast
interhack:fix/menu-order
interhack:feat/css-ajustements

No commits in common. "e2ae37d9f9a9543c48dd6e6b62998307e00ec3f1" and "63af8d89f5d96ccd4c0e913aa1a846e82875c63c" have entirely different histories.
e2ae37d9f9 ... 63af8d89f5

2 changed files with 34 additions and 12 deletions
Show stats Expand all files Collapse all files

22
css/base.css
View file

@ -11,6 +11,9 @@
src: url(../assets/fonts/segoesc.ttf); src: url(../assets/fonts/segoesc.ttf);
} }
/* Basic Font */
/* font-family: Courier New */
:root { :root {
--primary-bg-color: black; /* global scope */ --primary-bg-color: black; /* global scope */
--accent-violet: #8800FF; --accent-violet: #8800FF;
@ -50,6 +53,7 @@ main h1 {
font-size: clamp(4em, 14vw, 8em); font-size: clamp(4em, 14vw, 8em);
margin-top: 5%; margin-top: 5%;
max-width: 1400px; max-width: 1400px;
font-size: 8em;
} }
main h2 { main h2 {
@ -138,6 +142,22 @@ main > img {
object-fit: scale-down; object-fit: scale-down;
} }
main > .sticker {
background: none;
z-index: 0;
}
main > *.draggable:not(.sticker) {
&:not(h2) {
width: 100%;
}
&:not(h1):not(h2):hover {
animation: none;
}
}
.btn-nice { .btn-nice {
color: #FFFFFF; color: #FFFFFF;
text-shadow: -5px 5px 0px var(--accent-orange), -10px 10px 0px var(--accent-violet); text-shadow: -5px 5px 0px var(--accent-orange), -10px 10px 0px var(--accent-violet);
@ -154,6 +174,7 @@ main > img {
float: left; float: left;
margin-left: 10%; margin-left: 10%;
line-height: 0.8em; line-height: 0.8em;
font-size: 0.9em;
} }
#interhack { #interhack {
@ -161,4 +182,5 @@ main > img {
color: var(--accent-yellow); color: var(--accent-yellow);
margin-right: 10%; margin-right: 10%;
line-height: 0.5em; line-height: 0.5em;
margin-top: -0.4em;
} }

24
guide.template.html
View file

@ -27,20 +27,20 @@ BISOUS
</nav> </nav>
<main> <main>
<img class="draggable randomStart " src="assets/stickers/ecran.png" alt=""> <img class="draggable randomStart sticker" src="assets/stickers/ecran.png" alt="">
<img class="draggable randomStart " src="assets/stickers/ferasouder.png" alt=""> <img class="draggable randomStart sticker" src="assets/stickers/ferasouder.png" alt="">
<img class="draggable randomStart " src="assets/stickers/machineacoudre.png" alt=""> <img class="draggable randomStart sticker" src="assets/stickers/machineacoudre.png" alt="">
<img class="draggable randomStart " src="assets/stickers/tracteur.png" alt=""> <img class="draggable randomStart sticker" src="assets/stickers/tracteur.png" alt="">
<img class="draggable randomStart " src="assets/stickers/ecran.png" alt=""> <img class="draggable randomStart sticker" src="assets/stickers/ecran.png" alt="">
<img class="draggable randomStart " src="assets/stickers/ferasouder.png" alt=""> <img class="draggable randomStart sticker" src="assets/stickers/ferasouder.png" alt="">
<img class="draggable randomStart " src="assets/stickers/machineacoudre.png" alt=""> <img class="draggable randomStart sticker" src="assets/stickers/machineacoudre.png" alt="">
<img class="draggable randomStart " src="assets/stickers/tracteur.png" alt=""> <img class="draggable randomStart sticker" src="assets/stickers/tracteur.png" alt="">
<img class="draggable randomStart " src="assets/stickers/ecran.png" alt=""> <img class="draggable randomStart sticker" src="assets/stickers/ecran.png" alt="">
<img class="draggable randomStart " src="assets/stickers/ferasouder.png" alt=""> <img class="draggable randomStart sticker" src="assets/stickers/ferasouder.png" alt="">
<img class="draggable randomStart " src="assets/stickers/machineacoudre.png" alt=""> <img class="draggable randomStart sticker" src="assets/stickers/machineacoudre.png" alt="">
<img class="draggable randomStart " src="assets/stickers/tracteur.png" alt=""> <img class="draggable randomStart sticker" src="assets/stickers/tracteur.png" alt="">
<h1> <h1>
<span id="camp" class="draggable">camp</span> <span id="camp" class="draggable">camp</span>