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:e18381fc1700dd3934599a7a8388be3899cca7a9
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:93a1ce1502badc51940f45e7134ebcf08aef091a
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

5 commits
e18381fc17 ... 93a1ce1502

Author SHA1 Message Date
nono-lqdn
93a1ce1502 Mise en page du HTML des barres de progressions 2026-01-26 13:33:14 +01:00
nono-lqdn
9c7c0d78f8 Ajout d'un CSS pour centrer les barres de progrès 2026-01-26 13:33:00 +01:00
Pierre de Lacroix
bfa57e3fc8
add aria-hidden to stickers 2026-01-25 13:32:08 +01:00
Pierre de Lacroix
fc5ae9031c
fix invisible links (closes #26) 2026-01-25 13:02:56 +01:00
lateralus23
2ae53d4997 Merge pull request 'add progression system' (#25) from progression into main 
Reviewed-on: #25
 2026-01-22 23:04:39 +00:00
3 changed files with 54 additions and 23 deletions
Show stats Expand all files Collapse all files

17
css/base.css
View file

@ -33,6 +33,10 @@ img {
}
a {
color: inherit;
}
nav a, footer a {
color: black;
text-decoration: none;
}
@ -189,6 +193,19 @@ figcaption {
line-height: 0.5em;
}
#progress {
display: block;
text-align: center;
}
#gauge-bar {
float: left;
}
#fundraising-bar {
float: left;
}
code {
background: #ffffff1f;
padding: 0.2em 0.4em;

24
guide.template.html
View file

@ -26,20 +26,20 @@ BISOUS
</nav>
<main>
<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="">
<img class="draggable randomStart " aria-hidden="true" src="assets/stickers/ecran.png" alt="">
<img class="draggable randomStart " aria-hidden="true" src="assets/stickers/ferasouder.png" alt="">
<img class="draggable randomStart " aria-hidden="true" src="assets/stickers/machineacoudre.png" alt="">
<img class="draggable randomStart " aria-hidden="true" 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="">
<img class="draggable randomStart " aria-hidden="true" src="assets/stickers/ecran.png" alt="">
<img class="draggable randomStart " aria-hidden="true" src="assets/stickers/ferasouder.png" alt="">
<img class="draggable randomStart " aria-hidden="true" src="assets/stickers/machineacoudre.png" alt="">
<img class="draggable randomStart " aria-hidden="true" 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="">
<img class="draggable randomStart " aria-hidden="true" src="assets/stickers/ecran.png" alt="">
<img class="draggable randomStart " aria-hidden="true" src="assets/stickers/ferasouder.png" alt="">
<img class="draggable randomStart " aria-hidden="true" src="assets/stickers/machineacoudre.png" alt="">
<img class="draggable randomStart " aria-hidden="true" src="assets/stickers/tracteur.png" alt="">
<h1>
<span id="camp" class="draggable">camp</span>

36
index.html
View file

@ -21,15 +21,15 @@
</nav>
<main>
<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="">
<img class="draggable randomStart" aria-hidden="true" src="assets/stickers/ecran.png" alt="">
<img class="draggable randomStart" aria-hidden="true" src="assets/stickers/ferasouder.png" alt="">
<img class="draggable randomStart" aria-hidden="true" src="assets/stickers/machineacoudre.png" alt="">
<img class="draggable randomStart" aria-hidden="true" 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="">
<img class="draggable randomStart" aria-hidden="true" src="assets/stickers/ecran.png" alt="">
<img class="draggable randomStart" aria-hidden="true" src="assets/stickers/ferasouder.png" alt="">
<img class="draggable randomStart" aria-hidden="true" src="assets/stickers/machineacoudre.png" alt="">
<img class="draggable randomStart" aria-hidden="true" src="assets/stickers/tracteur.png" alt="">
<h1>
<span id="camp" class="draggable">camp</span>
@ -86,11 +86,25 @@
</h3>
<section id="progress">
<p>Il y a</p>
<div class="places"><span class="bar"><span id="gauge-bar" style="width:0" class="progression lessthanhalf"><span id="gauge-text">?/200</span></span></span></div>
<div class="places">
<span class="bar">
<span id="gauge-bar" style="width:0" class="progression lessthanhalf">
<span id="gauge-text">?/200</span>
</span>
</span>
</div>
<p>places déjà réservées. Ouverture prochaine des inscriptions !</p>
<br>
<p>Et nous avons reçu</p>
<div class="places"><span class="bar"><span id="fundraising-bar" style="width:0" class="progression lessthanhalf"><span id="fundraising-text">? %</span></span></span></div>
<div class="places">
<span class="bar">
<span id="fundraising-bar" style="width:0" class="progression lessthanhalf">
<span id="fundraising-text">? %</span>
</span>
</span>
</div>
<p>des dons dont nous avons besoin (voir le détail des comptes)</p>
</section>
<h3>
@ -129,5 +143,5 @@
</div>
</footer>
</body>
</html>