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

WIP: Fix #30 : Mise en page des barres de progressions #31

Draft
Nono wants to merge 2 commits from progression into main
pull from: progression
merge into: interhack:main
Conversation 0 Commits 2 Files changed 2 +30 -3
2 changed files with 30 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
css/base.css
View file

@ -193,6 +193,19 @@ figcaption {
line-height: 0.5em; line-height: 0.5em;
} }
#progress {
display: block;
text-align: center;
}
#gauge-bar {
float: left;
}
#fundraising-bar {
float: left;
}
code { code {
background: #ffffff1f; background: #ffffff1f;
padding: 0.2em 0.4em; padding: 0.2em 0.4em;

20
index.html
View file

@ -86,11 +86,25 @@
</h3> </h3>
<section id="progress"> <section id="progress">
<p>Il y a</p> <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> <p>places déjà réservées. Ouverture prochaine des inscriptions !</p>
<br> <br>
<p>Et nous avons reçu</p> <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> <p>des dons dont nous avons besoin (voir le détail des comptes)</p>
</section> </section>
<h3> <h3>
@ -129,5 +143,5 @@
</div> </div>
</footer> </footer>
</body> </body>
</html> </html>