diff --git a/Dockerfile b/Dockerfile index 38e5b29..519aff8 100644 --- a/Dockerfile +++ b/Dockerfile @@ -1,6 +1,6 @@ FROM docker.io/nginx:1.29-alpine -COPY index.html poster.html guide.html contact.html /usr/share/nginx/html +COPY index.html poster.html guide.html /usr/share/nginx/html COPY assets /usr/share/nginx/html/assets COPY css /usr/share/nginx/html/css COPY js /usr/share/nginx/html/js diff --git a/assets/Banquise-Regular.woff b/assets/Banquise-Regular.woff new file mode 100644 index 0000000..9454177 Binary files /dev/null and b/assets/Banquise-Regular.woff differ diff --git a/assets/Dymo.ttf b/assets/Dymo.ttf new file mode 100644 index 0000000..4ae075c Binary files /dev/null and b/assets/Dymo.ttf differ diff --git a/assets/Erika-Type.ttf b/assets/Erika-Type.ttf new file mode 100644 index 0000000..c581164 Binary files /dev/null and b/assets/Erika-Type.ttf differ diff --git a/assets/Thunometre-participanxes.pdf b/assets/Thunometre-participanxes.pdf deleted file mode 100755 index 2ff81bc..0000000 Binary files a/assets/Thunometre-participanxes.pdf and /dev/null differ diff --git a/assets/background.jpg b/assets/background.jpg new file mode 100644 index 0000000..88531b7 Binary files /dev/null and b/assets/background.jpg differ diff --git a/assets/camp-interhack.ics b/assets/camp-interhack.ics deleted file mode 100644 index d995765..0000000 --- a/assets/camp-interhack.ics +++ /dev/null @@ -1,39 +0,0 @@ -BEGIN:VCALENDAR -X-LOTUS-CHARSET:UTF-8 -VERSION:2.0 -PRODID:ZMS-Berlin -BEGIN:VTIMEZONE -TZID:Europe/Berlin -X-LIC-LOCATION:Europe/Berlin -BEGIN:DAYLIGHT -TZOFFSETFROM:+0100 -TZOFFSETTO:+0200 -TZNAME:CEST -DTSTART:19700329T020000 -RRULE:FREQ=YEARLY;INTERVAL=1;BYDAY=-1SU;BYMONTH=3 -END:DAYLIGHT -BEGIN:STANDARD -TZOFFSETFROM:+0200 -TZOFFSETTO:+0100 -TZNAME:CET -DTSTART:19701025T030000 -RRULE:FREQ=YEARLY;INTERVAL=1;BYDAY=-1SU;BYMONTH=10 -END:STANDARD -END:VTIMEZONE -METHOD:REQUEST -BEGIN:VEVENT -UID:ics.terminsysteme.de1769434840 -DTSTAMP:20260126T144040 -CLASS:PUBLIC -DTSTART;TZID=Europe/Berlin:20260702T100000 -DTEND;TZID=Europe/Berlin:20260705T230000 -LOCATION:15 route de Saint Dolay 44530 Sévérac | 47.5437595, -2.0916116 -SUMMARY:Camp Interhack -DESCRIPTION: Le Camp Interhack 2026 est un événement festif de hacking ! Le hack c’est le détournement des machines, des pratiques et des systèmes (au sens large) qui nous entourent. De la musique à la couture en passant par l’informatique et l’éléctronique mais aussi les structure sociales, les institutions et les organisations politiques, venez hacker le monde avec nous. https://camp.interhacker.space \n\n -BEGIN:VALARM -ACTION:DISPLAY -TRIGGER:-PT1440M -DESCRIPTION:Erinnerung -END:VALARM -END:VEVENT -END:VCALENDAR diff --git a/assets/logos/datapaulette.jpg b/assets/datapaulette.jpg similarity index 100% rename from assets/logos/datapaulette.jpg rename to assets/datapaulette.jpg diff --git a/assets/fonts/MonTrappist-Black.woff b/assets/fonts/MonTrappist-Black.woff deleted file mode 100644 index 544ab36..0000000 Binary files a/assets/fonts/MonTrappist-Black.woff and /dev/null differ diff --git a/assets/fonts/segoesc.ttf b/assets/fonts/segoesc.ttf deleted file mode 100644 index 63b33de..0000000 Binary files a/assets/fonts/segoesc.ttf and /dev/null differ diff --git a/assets/logos/fuz.png b/assets/fuz.png similarity index 100% rename from assets/logos/fuz.png rename to assets/fuz.png diff --git a/assets/logos/hackstub.svg b/assets/hackstub.svg similarity index 100% rename from assets/logos/hackstub.svg rename to assets/hackstub.svg diff --git a/assets/logos/lebib.png b/assets/lebib.png similarity index 100% rename from assets/logos/lebib.png rename to assets/lebib.png diff --git a/assets/logos/fdn.png b/assets/logos/fdn.png deleted file mode 100644 index a1df2c2..0000000 Binary files a/assets/logos/fdn.png and /dev/null differ diff --git a/assets/logos/lol_logo_txt.png b/assets/logos/lol_logo_txt.png deleted file mode 100644 index d283556..0000000 Binary files a/assets/logos/lol_logo_txt.png and /dev/null differ diff --git a/assets/logos/lqdn.png b/assets/lqdn.png similarity index 100% rename from assets/logos/lqdn.png rename to assets/lqdn.png diff --git a/assets/notebook.jpg b/assets/notebook.jpg new file mode 100644 index 0000000..9414892 Binary files /dev/null and b/assets/notebook.jpg differ diff --git a/assets/paper.avif b/assets/paper.avif new file mode 100644 index 0000000..3aef4ec Binary files /dev/null and b/assets/paper.avif differ diff --git a/assets/stickers/arbre-hetre.webp b/assets/stickers/arbre-hetre.webp new file mode 100644 index 0000000..25fc852 Binary files /dev/null and b/assets/stickers/arbre-hetre.webp differ diff --git a/assets/stickers/bac-e2.webp b/assets/stickers/bac-e2.webp new file mode 100644 index 0000000..5dc3f98 Binary files /dev/null and b/assets/stickers/bac-e2.webp differ diff --git a/assets/stickers/clavier.webp b/assets/stickers/clavier.webp new file mode 100644 index 0000000..cdb50d6 Binary files /dev/null and b/assets/stickers/clavier.webp differ diff --git a/assets/stickers/clef.webp b/assets/stickers/clef.webp new file mode 100644 index 0000000..e84b8bd Binary files /dev/null and b/assets/stickers/clef.webp differ diff --git a/assets/stickers/ecran.png b/assets/stickers/ecran.png deleted file mode 100644 index ec77d74..0000000 Binary files a/assets/stickers/ecran.png and /dev/null differ diff --git a/assets/stickers/ecran.webp b/assets/stickers/ecran.webp new file mode 100644 index 0000000..01abf76 Binary files /dev/null and b/assets/stickers/ecran.webp differ diff --git a/assets/stickers/ferasouder.png b/assets/stickers/ferasouder.png deleted file mode 100644 index 45ebedd..0000000 Binary files a/assets/stickers/ferasouder.png and /dev/null differ diff --git a/assets/stickers/foin.webp b/assets/stickers/foin.webp new file mode 100644 index 0000000..5a25c86 Binary files /dev/null and b/assets/stickers/foin.webp differ diff --git a/assets/stickers/machineacoudre.png b/assets/stickers/machineacoudre.png deleted file mode 100644 index 7889ed9..0000000 Binary files a/assets/stickers/machineacoudre.png and /dev/null differ diff --git a/assets/stickers/machineacoudre.webp b/assets/stickers/machineacoudre.webp new file mode 100644 index 0000000..efe4814 Binary files /dev/null and b/assets/stickers/machineacoudre.webp differ diff --git a/assets/stickers/tracteur.png b/assets/stickers/tracteur.png deleted file mode 100644 index f7e9e11..0000000 Binary files a/assets/stickers/tracteur.png and /dev/null differ diff --git a/assets/stickers/tracteur.webp b/assets/stickers/tracteur.webp new file mode 100644 index 0000000..8cb2127 Binary files /dev/null and b/assets/stickers/tracteur.webp differ diff --git a/contact.html b/contact.html deleted file mode 100644 index b016c39..0000000 --- a/contact.html +++ /dev/null @@ -1,64 +0,0 @@ - - - - - - - - - - - - Camp Interhack 2026 – Contact - - - - - -
- - - - -

- camp -
- interhack - contact -

-

-

-
-
-

Mail :

- orga@camp.interhacker.space -
-
-

Matrix :

- #interhack:matrix.interhacker.space -
-
-
- - - - \ No newline at end of file diff --git a/css/base.css b/css/base.css index add29bc..6e2fe0f 100644 --- a/css/base.css +++ b/css/base.css @@ -1,31 +1,21 @@ - -/* Primary Font */ @font-face { - font-family: MonTrappist; - src: url(../assets/fonts/MonTrappist-Black.woff); + font-family: Banquise; + src: url(../assets/Banquise-Regular.woff); } -/* Secondary Font */ @font-face { - font-family: Segoesc; - src: url(../assets/fonts/segoesc.ttf); + font-family: Dymo; + src: url(../assets/Dymo.ttf); } -:root { - --primary-bg-color: black; /* global scope */ - --accent-violet: #8800FF; - --accent-yellow: #ffbf3e; - --accent-orange: #FF4E00 ; - --accent-minor-blue: #33D8D8; - --text-color-primary: #FFFFFF; +@font-face { + font-family: Erika; + src: url(../assets/Erika-Type.ttf); } html, body { + height: 100%; margin: 0; - font-family: "Verdana", "Helvetica", "Arial", sans-serif; - color: var(--text-color-primary); - background: var(--primary-bg-color); - overflow-x: hidden; /* empêche les stickers de déborder horizontalement */ } img { @@ -33,111 +23,45 @@ img { } a { - color: inherit; + text-decoration: none; + color: black; } -nav a, footer a { - color: black; - text-decoration: none; +main { + /* background-color: #413f43;*/ + background: #058C9E; + background: radial-gradient(at left top, #058C9E, #BC5180); + /* background-repeat: no-repeat; + background-size: cover; */ } + main h1, main h2, main h3 { - font-family: MonTrappist; + font-family: Banquise; color: white; - z-index: 20; -} - -main h1 span, main h2 span, main h3 { - background-color: #000000b8; - padding: auto; + z-index: 2; } main h1 { - position: relative; - text-align: center; - margin: auto; - width: 50%; - font-size: clamp(4em, 14vw, 8em); - margin-top: 5%; - max-width: 1400px; -} - -main h2 { - position: relative; - margin: 12% auto 5% auto; - text-align: center; - 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; - margin: auto; - width: 100%; - font-size: clamp(1.8em, 3vw, 4em); - margin-top: 5%; - margin-bottom: 2%; - font-weight: lighter; - text-align: center; -} - -main section h3 { - text-align: center; -} - -main h4 { - margin: 0.8em 0; -} - -main p { - margin: 0 0 min(1em, 2%) 1%; - display: inline-block; - z-index: 3; -} - -main p:last-child { - margin-bottom: 0; -} - -section { - position: relative; - max-width: 900px; - font-size: 1.5em; - line-height: 1.3em; - margin: auto; - margin-bottom: 100px; - padding: 2%; - 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; + font-size: 8em; } nav, footer, aside { - background: var(--accent-violet); + background: #d7d7d7; + background: url(../assets/paper.avif); padding: 5px; - font-family: MonTrappist; + font-family: Erika; z-index: 10000; position: relative; -} - -nav { - padding-left: 10%; + opacity: 0.95; + box-shadow: 0px 0px 10px #00000070; } nav a, footer a, aside a { + font-family: Dymo; font-size: 3em; display: inline-block; - margin: 0.1em 0.3em; + margin-right: 1em; } nav a.current { @@ -148,6 +72,8 @@ footer a:hover, nav a:hover { transform: rotate(-2deg); } + + footer { display: block; text-align: center; @@ -162,81 +88,3 @@ footer { align-items: center; } } - -main > img { - object-fit: scale-down; -} - -figcaption { - font-size: 0.6em; - line-height: initial; -} - -.btn-nice { - color: #FFFFFF; - 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 { - font-family: segoesc; - float: left; - margin-left: 10%; -} - -#interhack { - text-shadow: -5px 5px 0px var(--accent-orange), -10px 10px 0px var(--accent-violet); - color: var(--accent-yellow); - margin-right: 10%; -} - -#progress { - display: block; - text-align: center; -} - -#gauge-bar { - float: left; -} - -#fundraising-bar { - float: left; -} - -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; -} - -div#maj-guide { - text-align: center; - margin: 2em 1em; -} - -.center { - display: flex; - justify-content: center; - align-items: center; -} - - -@media (max-width: 500px) { - /* Hide stickers on mobile */ - .randomStart { - display: none; - } -} diff --git a/css/contact.css b/css/contact.css deleted file mode 100644 index f6c09b8..0000000 --- a/css/contact.css +++ /dev/null @@ -1,15 +0,0 @@ -#contact { - display: flex; - align-items: last baseline; - gap: 2em; - justify-content: space-between; -} - -h1 span:nth-of-type(n+3) { - position: relative; - text-align: center; - font-size: clamp(1.5rem, 5vw, 5rem); - font-family: segoesc; - display: block; - margin: 1em auto 0.5em auto; -} \ No newline at end of file diff --git a/css/drag.css b/css/drag.css index 766e9a1..b3b3804 100644 --- a/css/drag.css +++ b/css/drag.css @@ -1,10 +1,10 @@ main img.draggable { - max-width: 200px; - max-height: 200px; + max-width: 150px; + max-height: 150px; position: absolute; - z-index: 1; + filter: saturate(2); } diff --git a/css/guide.css b/css/guide.css new file mode 100644 index 0000000..d175b18 --- /dev/null +++ b/css/guide.css @@ -0,0 +1,112 @@ +body { + background-image: radial-gradient(at left top, #058C9E, #BC5180); + background-repeat: no-repeat; + background-attachment: fixed; +} + +main { + width: 100%; + max-width: 800px; + margin-left: auto; + margin-right: auto; + background: none; + padding-bottom: 100px; + font-family: Erika; + line-height: 1.5; +} + +main > * { + width: 100%; + background: linear-gradient(to top, rgba(255,255,255,0.5)), url(../assets/notebook.jpg), white; + box-sizing: border-box; + margin: 0; + background-size: 100% auto; + padding-bottom: 1em; + filter: drop-shadow(5px 3px 2px #000000b7); + padding-left: 15px; + padding-right: 15px; + z-index: 1; + position: relative; + max-width: 100%; +} + +main > img { + 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; + } +} + + +main ul, +main ol, +main dl { + padding-left: calc(1em + 15px); +} + +main h1 { + text-align: center; + font-size: 4rem; +} + +main h1, +main h2 { + background: none; + padding-top: 1.5em; + padding-left: 0; + padding-right: 0; +} + +@media screen and (max-width: 800px) { + main h2 { + padding-left: 1em; + } +} + +main h1 + *, +main h2 + * { + padding-top: 1em; +} + +main h1 small { + display: block; + background: url(../assets/notebook.jpg); + color: black; + font-family: Erika; + font-size: 2.5rem; + width: fit-content; + max-width: 90%; + margin-left: auto; + margin-right: auto; + transform: translateY(-0.3em) rotate(-2deg); +} + +main pre { + white-space: pre-wrap; +} + +main a { + text-decoration: underline; + color: teal; +} + +main a:visited { + color: rebeccapurple; +} + +footer { + padding: 1em; +} \ No newline at end of file diff --git a/css/home.css b/css/home.css index 6aa60c5..859720c 100644 --- a/css/home.css +++ b/css/home.css @@ -1,9 +1,63 @@ +main { + display: block; + color: black; + overflow: hidden; + width: 100%; + min-height: 1000px; +} + +main h1 { + position: relative; + text-align: center; + margin: auto; + width: 100%; + font-size: clamp(4em, 14vw, 8em); + margin-top: 5%; +} + +main h2 { + position: relative; + margin: 4% auto; + text-align: center; + font-size: clamp(2.5em, 5vw, 4em); +} + +main h3 { + position: relative; + text-align: center; + margin: auto; + width: 100%; + font-size: clamp(2em, 4vw, 4em); + margin-top: 5%; +} + +main p { + margin: 1%; + padding: 1%; + background: white; + background: url(../assets/notebook.jpg); + /* border: solid 1px; */ + opacity: 0.92; + display: inline-block; + z-index: 3; +} + +section { + max-width: 1400px; + font-size: 1.5em; + text-align: center; + font-family: Erika; + margin: auto; + margin-bottom: 100px; + padding: 2%; +} .logo { width: 100%; height: 100%; max-width: 7em ; padding: 0.2em; + background-color:rgba(99, 99, 99, 0.2); box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; margin: 1em; z-index: 2; @@ -15,95 +69,4 @@ justify-content: center; align-items: center; height: 200px; -} - -/* Section des dons */ - -#don > div { - display: flex; - flex-direction: row; - flex-wrap: wrap; - justify-content: space-evenly; -} - -#don button { - flex-grow: 1; - width: 3em; - color: white; - font-size: 2em; - border: none; - font-family: MonTrappist; - margin: 0.2em; - padding: 0.3em; - background: var(--primary-bg-color); - background: linear-gradient(0deg,rgba(136, 0, 255, 1) 0%, rgba(255, 191, 62, 1) 50%, rgba(255, 78, 0, 1) 100%); - box-shadow: -5px 5px 0px var(--accent-yellow), -10px 10px 0px var(--accent-orange), -15px 15px 0px var(--accent-violet); - cursor: pointer; -} - -#don > hr { - margin-top: 1em; -} - -#don p { - text-align: justify; - text-align: center; -} - -@keyframes bang { - from { - transform: translate3d(0,0,0); - opacity: 1; - } -} - -.btn-pop i { - /* position: ; */ - display:run-in; - left: 0px; - top: 0px; - width: 1px; - height: 1px; - background: red; - opacity: 0; -} - -/* Barre de progression */ - -.progression { -animation: 3s loadbar; -width:auto; -background-color: white; -display: inline-block; -padding: 0.7em 0.5em 0.5em 0.5em; -text-wrap: nowrap; -} - -@keyframes loadbar { - 0% { width:0%; } -} - -.bar { -width : 50%; -margin : auto; -border : 2px solid white; -display: inline-block; -} -.progression > span { - -display: inline-block; -width: 100%; -font-family: MonTrappist; -font-size : 1.5em; -} - -.lessthanhalf span { - padding-left: 100%; - color: white; - padding-left: calc(100% + 1em); -} - -.morethanhalf { - text-align : end; - background: linear-gradient(90deg,rgba(136, 0, 255, 1) 0%, rgba(255, 78, 0, 1) 42%, rgba(255, 191, 62, 1) 100%); -} +} \ No newline at end of file diff --git a/css/poster.css b/css/poster.css index 64701ee..940d911 100644 --- a/css/poster.css +++ b/css/poster.css @@ -4,6 +4,7 @@ body { } aside { + background: url(../assets/notebook.jpg); width: fit-content; margin-top: 10px; } @@ -15,7 +16,6 @@ main { box-shadow: 5px 5px 5px #00000085; margin: 50px auto; position: relative; - background: var(--primary-bg-color); } @page { diff --git a/guide.template.html b/guide.template.html index 47c3c44..76b9947 100644 --- a/guide.template.html +++ b/guide.template.html @@ -13,53 +13,35 @@ BISOUS + - Guide Interhack Camp 2026 -
- - - - - - - - - - - - - - - -

- camp -
- interhack -

- -

- Informations pratiques -

- -
+ + + + + + + + + + + + + + + + - -
- -
- Dernière mise à jour du guide: -
diff --git a/index.html b/index.html index 2735643..d5c4c79 100644 --- a/index.html +++ b/index.html @@ -1,5 +1,4 @@ - - + @@ -8,35 +7,38 @@ - - - - Camp Interhack + Camp Interhack 2026
- - - - - - - - - + + + + + + + + + + + + + + + +

- camp -
- interhack + Camp + Interhack + 2026

@@ -82,107 +84,27 @@ collective.
Seule exigence, respecter toutes les marginalités, originalités, bizarreries et normaleries de chacun·es.

- -

-

- S'inscrire -

-

- -

- 📅 Ajouter l'évènement à son calendrier (.ics) -

- - - -
-

- Où en est-on ? -

-

Il y a

- -
- - - ?/200 - - -
- -

places déjà réservées.

-
-

Et nous avons reçu

-
- - - ? % - - -
-

des dons dont nous avons besoin.

- - -
-

- Faire un don -

-

Nous avons besoin de sous avant le débût du Camp pour financer l'achat de fournitures, payer la réservation du lieu et monter la logistique.

-
- - - - - - - - - - - - - -
-
-
-

Si vous préférez faire un virement, demandez-nous l'IBAN sur orga [arobase] camp.interhacker.space. Nous payons autour de ~2% de frais lors des payements par carte bancaire.

-
-
-
-

Nous estimons avoir un budget de 10 000 ~ 15 000€ et être autour de 200 personnes, et aurons donc besoin d'au moins autant pour que le camp soit à l'équilibre.

- Voir le détail des comptes -
-
-
-

Si tu ne sais pas quel prix libre donner, et/ou que tu veux de l'aide pour définir un prix libre juste et éclairé pour ta participation au camp, voici un thunomètre rapide qui peut répondre au besoin.

- Thunomètre -
-
- - -

Iels y participent

-
+
- + - + - -
+ + +
+ + -
- - - - -
+
- diff --git a/js/drag.js b/js/drag.js index cfb1b5d..7fdf564 100644 --- a/js/drag.js +++ b/js/drag.js @@ -1,6 +1,10 @@ -const stepSize = 1; +const stepSize = 100; const main = document.querySelector('main'); +for(let guideDraggable of document.querySelectorAll("#page-guide main > *")) { + guideDraggable.classList.add("draggable"); +} + const draggables = document.querySelectorAll(".draggable"); const randomStarts = document.querySelectorAll(".randomStart"); @@ -9,8 +13,8 @@ var zIndex = 2; activateDraggables(); /** - * - * @param {number} n + * + * @param {number} n * @returns {number} */ function stepedSize(n) { @@ -20,6 +24,8 @@ function stepedSize(n) { function move(e) { e.preventDefault(); let target = e.target; + target.style['z-index'] = zIndex; + zIndex++; target.moving = true; @@ -62,14 +68,13 @@ function activateDraggables() { } function randomizeDragables() { - maxX = main.offsetWidth - 250; + maxX = main.offsetWidth - 150; maxY = main.offsetHeight - 150; for (var randomStart of randomStarts) { randX = Math.floor(Math.random() * maxX); randY = Math.floor(Math.random() * maxY); randomStart.style.left = randX + "px"; randomStart.style.top = randY + "px"; - randomStart.style.rotate = Math.floor(Math.random() * 61) - 30 + "deg"; } } diff --git a/js/pop.js b/js/pop.js deleted file mode 100644 index 345b250..0000000 --- a/js/pop.js +++ /dev/null @@ -1,31 +0,0 @@ -document.querySelectorAll('button').forEach(function(button) { - button.addEventListener('mouseenter', function() { - function random(max) { - return Math.random() * (max - 0) + 0; - } - - var c = document.createDocumentFragment(); - for (var i = 0; i < 100; i++) { - var styles = 'position: absolute;' + - 'left: ' + (random(100)) + '30%;' + // Limit the position to within the button - 'top: ' + (random(60)) + '30%;' + // Limit the position to within the button - 'width: 3px; height: 6px; ' + // Increase size - 'transform: translate(-50%, -50%) rotate(' + random(360) + 'deg);' + - 'background: hsla(' + random(360) + ', 100%, 50%, 1);' + - 'animation: bang 2000ms ease-out forwards;' + - 'opacity: 0;' + - 'z-index: 10;'; // Set a high z-index - - var e = document.createElement("i"); - e.style.cssText = styles; - c.appendChild(e); - } - button.appendChild(c); - setTimeout(() => { - // Create an array of the elements to remove - let childrenToRemove = Array.from(button.querySelectorAll('i')); - // Remove each element - childrenToRemove.forEach(child => button.removeChild(child)); - }, 3000); - }); -}); diff --git a/js/progress.js b/js/progress.js deleted file mode 100644 index 9cefb6a..0000000 --- a/js/progress.js +++ /dev/null @@ -1,91 +0,0 @@ -const gauge_url = "https://api.camp.interhacker.space/api/gauge" -const fundraising_url = "https://api.camp.interhacker.space/api/fundraising" -const gaugeMax = 200; -const fundraisingTotalMax = 20000; - -async function getGauge() { - // // REMOVE WHEN SIGNUP FORM IS OPEN - // return 0; - - try { - const response = await fetch(gauge_url); - if (!response.ok) { - throw new Error(`Response status: ${response.status}`); - } - - const result = await response.json(); - - return result.gauge - } catch (error) { - console.error(error.message); - - return null; - } -} - -async function getFundraisingTotal() { - try { - const response = await fetch(fundraising_url); - if (!response.ok) { - throw new Error(`Response status: ${response.status}`); - } - - const result = await response.json(); - - return result.total - } catch (error) { - console.error(error.message); - - return null; - } -} - -function percentRatio(ratio) { - return Math.floor(ratio * 100); -} - -function setAboveHalf(ratio, element) { - if (ratio > 0.5) { - element.classList.remove("lessthanhalf"); - element.classList.add("morethanhalf"); - } -} - -async function setGauge() { - const gauge = await getGauge(); - - if (gauge !== null) { - const gaugeBar = document.getElementById("gauge-bar"); - const gaugeText = document.getElementById("gauge-text"); - - const gaugeRatio = gauge / gaugeMax; - - gaugeBar.style.setProperty("width", percentRatio(gaugeRatio) + "%"); - gaugeText.innerText = gauge + " / " + gaugeMax; - - setAboveHalf(gaugeRatio, gaugeBar); - } -} - -async function setFundraisingTotal() { - const fundraising_total = await getFundraisingTotal(); - - if (fundraising_total !== null) { - const fundraisingBar = document.getElementById("fundraising-bar"); - const fundraisingText = document.getElementById("fundraising-text"); - - const fundraisingRatio = fundraising_total / fundraisingTotalMax; - - fundraisingBar.style.setProperty("width", percentRatio(fundraisingRatio) + "%"); - fundraisingText.innerText = percentRatio(fundraisingRatio) + " %"; - - setAboveHalf(fundraisingRatio, fundraisingBar); - } -} - -async function setProgress() { - setGauge(); - setFundraisingTotal(); -} - -document.addEventListener("DOMContentLoaded", setProgress); diff --git a/poster.html b/poster.html index b6c5875..6ae5d84 100644 --- a/poster.html +++ b/poster.html @@ -1,5 +1,4 @@ - - + @@ -8,35 +7,36 @@ - Camp Interhack 2026 – Poster
- - - - - + + + + + + + +

Camp