diff --git a/assets/css/kgredhands.css b/assets/css/kgredhands.css index 11ab7db..6194c63 100644 --- a/assets/css/kgredhands.css +++ b/assets/css/kgredhands.css @@ -1,5 +1,5 @@ @font-face { - font-family: 'kg_red_handsregular'; + font-family: 'KG Red Hands'; src: url('../fonts/kgredhands.woff2') format('woff2'), url('../fonts/kgredhands.woff') format('woff'); font-weight: normal; diff --git a/assets/css/quicksand.css b/assets/css/quicksand.css new file mode 100644 index 0000000..f95d91d --- /dev/null +++ b/assets/css/quicksand.css @@ -0,0 +1,9 @@ +@font-face { + font-family: 'Quicksand'; + src: url('../fonts/Quicksand-Light.woff2') format('woff2'), + url('../fonts/Quicksand-Light.woff') format('woff'); + font-weight: 300; + font-style: normal; + font-display: swap; +} + diff --git a/assets/css/styles.css b/assets/css/styles.css index 8429da2..06d651f 100644 --- a/assets/css/styles.css +++ b/assets/css/styles.css @@ -1,4 +1,5 @@ @import url('kgredhands.css'); +@import url('quicksand.css'); * { box-sizing: border-box; @@ -13,15 +14,15 @@ } body { margin: 0; - font-family: 'kg_red_handsregular', sans-serif; + font-family: 'KG Red Hands', sans-serif; text-align: center; background-color: var(--background); color: #FFF; } p { - font-family: 'Open Sans', sans-serif; - font-weight: 300; + font-family: 'Quicksand', sans-serif; + font-weight: 800; font-size: 1.3rem; text-align: left; } @@ -62,7 +63,9 @@ h1 span{ h1 { font-size:3.7rem; margin-top: 1em; - + } + h2 { + margin: 1em; } } @@ -91,8 +94,15 @@ a { } .description { - margin: 1em auto; max-width: 65ch; + margin: 0; + margin-top: .5em; + margin-bottom: .8em; +} + +.description a { + color: var(--green); + font-weight: 1000; } .icon { @@ -105,7 +115,7 @@ a { .button{ display: inline-block; font-size: 1.15rem; - font-family: 'kg_red_handsregular', sans-serif; + font-family: 'KG Red Hands', sans-serif; letter-spacing: 2.5px; text-decoration: none; text-transform: uppercase; @@ -251,6 +261,9 @@ nav ul { margin-right: 1em; padding:0; list-style:none; + display: flex; + flex-direction: column; + align-items:end; } nav li { @@ -306,6 +319,13 @@ nav a:focus { max-width: 100%; max-height: 100%; } + nav ul { + margin: 1em 0em; + margin-right: 1em; + padding:0; + list-style:none; + display: initial; + } nav li { margin: .5em .8em; } @@ -444,11 +464,21 @@ main{ max-width: 50%; } +.about-info { + max-width: 50ch; + margin-top: 1.2em; + margin-bottom: .8em; +} + +.about a { + margin: 2em; +} + /* chiffres ********************************************/ .chiffres { - margin: 6em auto; + margin: 4em auto; display: flex; flex-direction: column; justify-content: center; @@ -460,7 +490,7 @@ main{ .compteur { color: var(--pink); - font-size: 2.5rem; + font-size: 3.5rem; } .titre-compteur { @@ -525,22 +555,36 @@ main{ align-items: center; gap: 2em; padding: 2em; + flex-wrap: wrap; } .orga-logo { - margin: auto; - max-width: 25%; + max-width: 85%; +} + +@media (min-width:30rem) { + .orga-logo { + max-width: 60%; + } +} +@media (min-width:40rem) { + .orga-logo { + max-width: 40%; + } + +} +@media (min-width:60rem) { + .orga-logo { + max-width: 22%; + } + } /* infos importantes (page infos) ********************************************/ .infos { - margin: 3em; -} - -.infos h2 { - margin: 2em; + margin: 1.5em; } .info-list{ @@ -568,8 +612,15 @@ main{ .info-title h3 { text-align: left; } - +@media (min-width:30rem) { + .infos { + margin: 2.5em; + } +} @media (min-width:40rem) { + .infos { + margin: 3em; + } .info-list{ flex-direction: row; flex-wrap: wrap; @@ -593,17 +644,12 @@ main{ ********************************************/ .faq{ - margin: 3em; + margin: 1.5em; display: flex; flex-direction: column; align-items: center; } -.faq h2 { - margin: 2em; - margin-top: 0; -} - .faq-list { display: flex; gap: 1em; @@ -619,8 +665,9 @@ main{ } .faq-q { - font-family: 'kg_red_handsregular', sans-serif; + font-family: 'KG Red Hands', sans-serif; font-size:large; + font-weight: normal; letter-spacing: 1px; margin: 0; } @@ -629,6 +676,15 @@ main{ margin:0; } +@media (min-width:40rem) { + .faq { + margin: 3; + } + .faq h2 { + margin: 1em; + margin-top: 0; + } +} @media (min-width:40rem) { .faq-bloc { flex-direction: row; @@ -653,8 +709,37 @@ main{ /* Plannings (page infos) ********************************************/ -.planning h2 { - margin: 1em; +.planning { + margin: 3em; + display: flex; + flex-direction: column; + align-items: center; +} + +.planning .description { + max-width: 50ch; +} + +/* Règlement +********************************************/ + +.rules { + display: flex; + flex-direction: column; + align-items: center; +} +.rule-list { + max-width: 65ch; + display: flex; + flex-direction: column; + justify-content: center; +} +.rule-list ul { + font-family: 'Quicksand'; + font-size: 1.3rem; + font-weight: 800; + list-style-type: disc; + text-align: left; } /* footer @@ -663,16 +748,20 @@ main{ footer { background: var(--darkgrey); color: #fff; - text-align: left; padding: 0; + padding-top: 1.5em; font-size: 1.2rem; margin:0; } footer p { - font-family: 'kg_red_handsregular', sans-serif; + font-family: 'KG Red Hands', sans-serif; + font-weight: normal; +} +footer h3 { + text-align: left; } .footer-container { - margin: 0 2em; + margin: 0 .8em; padding-top : 0em; padding-bottom: .5em; display: flex; @@ -689,11 +778,12 @@ footer ul { display: grid; grid-template-columns: repeat(1, auto); gap: 1em; + padding: 0; } footer li { - width: max-content; + width: max-content; } -footer a { +.contact-links a { display: flex; flex-direction: row; align-items: center; @@ -706,10 +796,9 @@ footer a { margin-right: 1em; } - -@media (min-width:30rem){ - footer ul { - grid-template-columns: repeat(2, auto); +@media (min-width:40rem){ + .footer-container { + margin: 0 2em; } } @media (min-width:40rem){ diff --git a/assets/fonts/Quicksand-Light.woff b/assets/fonts/Quicksand-Light.woff new file mode 100644 index 0000000..2b5147e Binary files /dev/null and b/assets/fonts/Quicksand-Light.woff differ diff --git a/assets/fonts/Quicksand-Light.woff2 b/assets/fonts/Quicksand-Light.woff2 new file mode 100644 index 0000000..eeb54ce Binary files /dev/null and b/assets/fonts/Quicksand-Light.woff2 differ diff --git a/index.html b/index.html index 25303e6..493963e 100644 --- a/index.html +++ b/index.html @@ -19,7 +19,7 @@ - +
@@ -29,9 +29,9 @@ @@ -41,10 +41,10 @@
-

Bienvenue à ICeLAN ! +

Bienvenue à ICeLAN! 4ème édition

- + S'Inscrire
  • 9-10 Décembre 2023
  • Bâtiment BC, EPFL
    • @@ -90,7 +90,7 @@

    Repas, Snacks et Boissons

- + Plus d'Infos
@@ -103,7 +103,7 @@

Repas, Snacks et Boissons

- 50 + 40
Staffs @@ -111,7 +111,7 @@

Repas, Snacks et Boissons

- 22 + 20
Tournois @@ -119,7 +119,7 @@

Repas, Snacks et Boissons

- 19 + 10
Animations @@ -127,6 +127,7 @@

Repas, Snacks et Boissons

+
-

Organisateurs

+

Merci à tous ceux qui rendent ICeLAN possible!


@@ -171,34 +172,33 @@

Organisateurs

-
+

Contact

- \ No newline at end of file diff --git a/infos.html b/infos.html index ba3426b..34f0cc9 100644 --- a/infos.html +++ b/infos.html @@ -19,7 +19,7 @@ - +
@@ -30,8 +30,8 @@ @@ -62,8 +62,8 @@

Lieu & Date

ICeLAN aura lieu au sein du Bâtiment BC de l'EPFL, du 9 Décembre 2022 à 17h au 10 Décembre 2022 à 18h, - en non-stop.
Tu peux y accéder avec le Métro M1 (arrêt EPFL), - les bus 705 (arrêt Piccard), 31 (arrêt Russel), 701 (arrêt Parc Scientifique), ou 1 (arrêt EPFL/Colladon). + en non-stop. Tu peux y accéder avec le Métro M1 (arrêt EPFL), + ou encore avec les bus 705, 31, 701, ou 1.

@@ -72,8 +72,8 @@

Lieu & Date

Nourriture & Boissons

- Nous fournissons à chacun de nos participant·e·s un repas du soir le samedi, - un petit dej', et un repas du midi le dimanche.
+ Nous fournissons à chacun·e de nos participant·e·s un repas du soir le samedi, + un petit dej', et un repas du midi le dimanche. Nous te proposons également toutes sortes de boissons non-alcoolisées, ainsi que des snacks. Le tout inclus dans @@ -99,7 +99,7 @@

Respect & Règles

Lors de ton inscription, il te sera demandé d'accepter - le règlement de l'événement, ainsi que notre charte. + le règlement de l'événement, ainsi que notre charte. En gros, il s'agit de respecter les autres et soi-même, et de respecter le matériel et les lieux. Nous nous réservons le droit de te virer de l'événement @@ -115,7 +115,7 @@

Questions & Remarques

Près d'une quarantaine de staffs seront à ta disposition durant tout l'événement. Si néanmoins tu as des questions ou des remarques avant, n'hésite pas à nous écrire à - gamestar.clic@epfl.ch! + gamestar.clic@epfl.ch!

@@ -207,11 +207,26 @@

Foire Aux Questions

-

Planning des Tournois

+

Tournois

+

+ Affrontez-vous sur nos nombreux tournois ! Des grands classiques + comme League of Legends, Minecraft ou Smash, aux jeux que + vous nous avez suggérés, choisissez vos compétitions peu + importe votre niveau. +

+ Les plannings des tournois seront disponibles ici bientôt! +

-

Planning des Animations

+

Animations

+

+ Vous attendez votre tournoi? Venez prendre une pause + en profitant de nos diverses animations! + Just Dance, Beat Saber, Escape Game, Retro Gaming et plein d'autres! +

+ Les plannings des animations seront disponibles ici bientôt! +

@@ -222,7 +237,7 @@

Planning des Animations

Les places sont limitées alors n'hésite pas !

- + S'inscrire

@@ -231,28 +246,28 @@

Planning des Animations

-
+

Contact

diff --git a/regles.html b/regles.html new file mode 100644 index 0000000..4682a71 --- /dev/null +++ b/regles.html @@ -0,0 +1,264 @@ + + + + + + + + + + ICeLAN + + + + + + + + + + + + + + +
+ + + + + +
+ +
+
+

Règlement ICeLAN

+
+

Résumé

+
    +
  • Sois respectueux·euse des gens, du matériel et des lieux.
    • +
  • S'il y a un problème, on se réserve le droit de te virer de l'événement si nécessaire, sans remboursement.
    • +
+

Préambule

+
    +
  • Ce règlement s'applique à toute personne participant ou organisant ICeLAN.
    • +
  • L'organisation se réserve le droit d'expulser sans remboursement ou compensation financière toute personne ne respectant pas le présent règlement, perturbant l'événement, ou sous couvert de toute autre raison à la discrétion de l'organisation.
    • +
  • En cas de non-respect de la demande de quitter l'événement, les forces de sécurité de l'EPFL pourront être contactées.
    • +
  • Tous frais inhérents au non-respect du présent règlement seront facturés directement au contrevenant ou à la contrevenante.
    • +
+

Lois en vigueur

+
    +
  • La charte de Game*.
    • +
  • Les règles de l'EPFL.
    • +
  • Les lois en vigueur dans le canton de Vaud et en Suisse.
    • +
+

Inscriptions

+
    +
  • L’inscription est à payer avant l'événement. + En cas de défaut de paiement, l'organisation + se réserve le droit de refuser l’inscription.
    • +
  • Toute annulation doit être adressée par courriel à + l'organisation au plus tard le Vendredi avant le + weekend de l'événement. Le remboursement de + l'inscription ne sera pas possible passé ce délai.
    • +
  • Le paiement de toute inscription, même en cas d'absence, + reste dû, sauf en cas d'annulation adressée par courriel.
    • +
  • L'organisation ne paye pas l'inscription, et peut + profiter de l'intégralité de l'événement, sauf des + tournois. La priorité est cependant donnée aux + participant·e·s. Des exceptions seront réalisées + s'il manque des gens pour compléter une équipe lors + d'un tournoi.
    • +
  • Les visiteur·e·s ne payent pas l'inscription, et peuvent + profiter des animations. La priorité est cependant + donnée aux participant·e·s.
    • +
+

Comportement sur place

+
    +
  • De manière générale, il est attendu des participant·e·s un + comportement décent. Cela implique de porter une tenue habillée + (pas en maillot de bain, pas en sous-vêtements, torse nu, ...), + de respecter les autres participant·e·s, de respecter les + staffs, de respecter le matériel, et de respecter les lieux.
    • +
  • Tout comportement indécent, notamment insultes, racisme, + homophobie, transphobie, diffamation, ou tout autre + comportement interdit par la loi ou autant strictement négatif, + est interdit.
    • +
  • Il est strictement interdit de manger ou de boire en dehors + du Hall principal et de la Zone Chill. Particulièrement, + il est strictement interdit de manger ou de boire près + des équipements et du matériel de l’événement.
    • +
  • Il est strictement interdit de fumer ou de vapoter à + l'intérieur des bâtiments. Particulièrement, la consommation + de drogues est interdite au sein de l'événement.
    • +
  • Toute personne jugée inapte à participer à l'événement + dû à une intoxication (alcool, drogue, ...) sera invitée + à quitter les lieux.
    • +
  • Nous vous invitons à jeter vos déchets dans les nombreuses + poubelles disponibles sur place, et à ne pas les laisser + traîner partout.
    • +
  • Toute forme de promotion non autorisée par l'organisation + est strictement interdite. Venez nous demander avant.
    • +
  • Les mineur·e·s de moins de seize ans ne sont pas autorisé·e·s + à participer à l’événement, ceux·celles de plus de seize + ans sont autorisé·e·s à l'événement sur autorisation parentale + écrite et envoyée à l'organisation avant le week-end de + l'événement.
    • +
  • Merci de correctement indiquer vos allergies dans le formulaire.
    • +
  • La tricherie est interdite sous toute forme qu'il soit.
    • +
+

Matériel et réseau

+
    +
  • Nous invitons les participant·e·s à venir à l'événement avec + leur propre matériel, par exemple : +
      +
    • Ordinateur personnel complet (laptop ou tour, + écran, clavier, souris + tous les câbles).
      • +
    • Câble Ethernet.
      • +
    • Casque audio.
      • +
    +
    • +
  • La totalité de votre matériel devra pouvoir tenir à l’intérieur + de l’espace attribué par place. Il n’est pas autorisé de + dépasser de son espace attribué, sauf arrangement à l’amiable + avec vos voisin·e·s.
    • +
  • L'utilisation d'enceintes est interdite ; les participant·e·s + sont invité·e·s à utiliser un casque ou des écouteurs.
    • +
  • Il est interdit de ramener son propre mobilier à l'événement + (e.g., chaise, table). Il est possible de demander des + exceptions par courriel auprès de l'organisation, au plus + tard le Vendredi avant le weekend de l'événement.
    • +
  • Le matériel apporté par vos soins reste sous votre responsabilité + tout le long de l'événement.
    • +
  • Tout matériel électrique, qui n'est pas nécessaire pour jouer, + non validé par l'organisation, est interdit, à l'exception + des chargeurs pour téléphone portable. Il est possible de + demander des exceptions auprès de l'organisation.
    • +
  • En cas d'abus d'utilisation du réseau, l'organisation se réserve + le droit d'en couper l'accès. Cela implique notamment : + téléchargements lourds, illégaux, ou spam, utilisation du + réseau à des fins illégales, abus. Les règles de l’EPFL et + les lois s’appliquent.
    • +
  • Toute manipulation sur le réseau électrique ou informatique + est strictement interdite.
    • +
  • Les participant·e·s se doivent de posséder les droits et licences + des logiciels, des jeux, et de tout matériel utilisé par + leurs soins.
    • +
+

Divers

+
    +
  • L'organisation se réserve le droit d'annuler l'événement pour + toute raison jugée nécessaire (e.g., décision de l'école, + problème légal, tremblement de terre, ...). Aucun remboursement + ne sera accordé le cas échéant.
    • +
  • Tout matériel en verre est strictement interdit au sein de + l'événement.
    • +
  • Les animaux sont interdits au sein des salles.
    • +
  • Les potentiels prix doivent être récupérés au moment de leur + distribution. En cas d'absence d'un·e gagnant·e lors de la + distribution, les potentiels prix seront redistribués à + d'autres personnes.
    • +
  • Les visiteur·e·s ne sont pas autorisé·e·s sur le site + entre 22h et 7h.
    • +
+

Non-responsabilité

+
    +
  • L'organisation décline toute responsabilité en cas de vol ou + de dommage de matériel ou de personne. Toute dégradation du + matériel appartenant à l'événement sera facturée auprès des + personnes responsables.
    • +
  • De plus, l'organisation ne pourra être tenue responsable + du comportement des participant·e·s en dehors de l'événement.
    • +
+

Droit à l'image

+

Dans le cadre des activités de Game*, les participant·e·s + pourront être photographié·e·s, filmé·e·s, ou faire l'objet + d'un enregistrement audio ou d’une captation numérique. + Ces médias seront utilisés principalement à des fins promotionnelles. +

+

Par ma présence à l'événement, j’autorise Game*, les services + de l'EPFL, et toute autre entité concernée par l’événement à + utiliser, reproduire et diffuser à titre gratuit mon image et + ma prestation - vidéo, photo, enregistrement audio et/ou + captation numérique - enregistrées lors de l'événement, peu + importe le support. Les images pourront être exploitées, utilisées + et diffusées directement par Game* sous toute forme et tous + supports connus et inconnus à ce jour, pour un territoire illimité, + sans limitation de durée, intégralement ou par extraits et notamment : + presse, livre, supports d’enregistrement numérique, exposition, + publicité, projection publique, concours, site internet, + réseaux sociaux. +

+

Mon image et voix ne pourront pas être utilisées par des membres + de Game* ou de l’EPFL à titre personnel pour des activités non + associatives ou non académiques. Game* s’interdit expressément + de procéder à une exploitation des photographies susceptible de + porter atteinte à la vie privée ou à la réputation, et d’utiliser + les photographies, vidéos, enregistrements audio ou captations + numériques de la présente, dans tout support ou toute exploitation + préjudiciable. +

+

Par ma présence à l'événement, je me reconnais être entièrement + rempli·e de mes droits et je ne pourrai prétendre à aucune + rémunération pour l’exploitation des droits vis à vis des présentes. + Je garantis que je ne suis pas lié·e par un contrat exclusif relatif + à l'utilisation de mon image ou de mon nom. Pour tout litige né + de l’interprétation ou de l’exécution des présentes, il est fait + attribution expresse de juridiction aux tribunaux du canton de Vaud.

+
+
+
+ + + + \ No newline at end of file