feat: add info page

CogalTek · Oct 19, 2023 · 60e889e · 60e889e
1 parent 2c5fe9b
commit 60e889e
Show file tree

Hide file tree

Showing 2 changed files with 107 additions and 1 deletion.
diff --git a/Art2Code/pages/Information.vue b/Art2Code/pages/Information.vue
@@ -0,0 +1,102 @@
+<template>
+    <div class="body d-flex flex-column align-items-center">
+        <img style="height: 15vh;" src="/logo.png" alt="logo Art2Code">
+        <h1 class="my-5 text02">Art2Code</h1>
+        <h3 class="text01">Game Jam</h3>
+        <h3 class="my-5 text01">Du 17/11/23 au 19/11/23</h3>
+        <h4 class="text03">à Epitech Rennes</h4>
+
+        <div class="card border-light my-5">
+            <h5 class="card-header">Gains</h5>
+            <div class="card-body">
+                <h5 class="card-title">Credits Epitech</h5>
+                <p class="card-text">La Jam permet de toucher 10 xp sois 1 credit pour 3 jours de travail</p>
+                <h5 class="card-title">Credits Etpa</h5>
+                <p class="card-text">Pas d'information pour le moment</p>
+                <h5 class="card-title">Pour les gagnants</h5>
+                <p class="card-text">Pas d'information pour le moment</p>
+            </div>
+        </div>
+
+        <div class="card border-light my-5">
+            <h5 class="card-header">Deroulements</h5>
+            <div class="card-body">
+                <h5 class="card-title">Vendredi</h5>
+                <h6 class="card-subtitle mb-2 text-body-secondary">17h00</h6>
+                <p class="card-text">Kick-off + Revelation du theme</p>
+                <h6 class="card-subtitle mb-2 text-body-secondary">17h30</h6>
+                <p class="card-text">Ideation</p>
+                <h6 class="card-subtitle mb-2 text-body-secondary">18h00</h6>
+                <p class="card-text">Presentation des projets et creation des groupes</p>
+                <h5 class="card-title">Samedi</h5>
+                <p class="card-text">Rien de prévus pour l'instant</p>
+                <h5 class="card-title">Dimanche</h5>
+                <h6 class="card-subtitle mb-2 text-body-secondary">15h00</h6>
+                <p class="card-text">Presentations des Projets</p>
+                <h6 class="card-subtitle mb-2 text-body-secondary">16h30</h6>
+                <p class="card-text">Presentations des gagnants</p>
+            </div>
+        </div>
+
+        <div class="card border-light my-5">
+            <h5 class="card-header">Réglements</h5>
+            <div class="card-body">
+                <h5 class="card-title">Nourritures - Boissons - Locaux</h5>
+                <p class="card-text">- Vous ne pouvez pas boire d'alcool dans l'enceinte des locaux d'Epitech Rennes (tout type d'alcool).</p>
+                <p class="card-text">- Vous ne pouvez pas manger dans les salles machines (toutes salles ou il y a plus de 3 pc), il y a une cafetaria mise a disposition.</p>
+                <p class="card-text">- Ne pas remplire les poubelles de cartons a pizza, vous pouvez les mettre dans les poubelles jaune devant le batiment.</p>
+                <p class="card-text">- Vous pouvez dormir dans les locaux à conditions de laisser propre derrieres vous.</p>
+            </div>
+        </div>
+    </div>
+  </template>
+
+<style>
+    .text03 {
+        color: #E2BF40;
+        font-family: 'IBM Plex Mono', monospace;
+        font-size: 30px;
+        font-style: normal;
+        font-weight: 700;
+        line-height: normal;
+        text-align: center;
+    }
+    .text02 {
+        color: #e9c95e;
+        font-family: 'IBM Plex Mono', monospace;
+        font-size: 50px;
+        font-style: normal;
+        font-weight: 700;
+        line-height: normal;
+        text-align: center;
+    }
+    .text01 {
+        color: #E2BF40;
+        font-family: 'IBM Plex Mono', monospace;
+        font-size: 36px;
+        font-style: normal;
+        font-weight: 700;
+        line-height: normal;
+        text-align: center;
+    }
+    .body {
+        min-height: 100vh;
+        height: auto;
+        width: 100vw;
+        position: absolute;
+        background: linear-gradient(180deg, #070B2C 0%, rgba(3, 6, 29, 0.727) 100%);
+    }
+</style>
+
+  <script>
+  
+  export default {
+    methods: {
+      navigateToInscrition() {
+        this.$router.push('/Inscription');
+      }
+    }
+  }
+  
+  
+  </script>
diff --git a/Art2Code/pages/index.vue b/Art2Code/pages/index.vue
@@ -2,7 +2,8 @@
   <div class="body d-flex flex-column align-items-center justify-content-center">
     <img style="height: 50vh;" src="/logo.png" alt="logo Art2Code">
     <h3 class="my-5 text01">Du 17/11/23 au 19/11/23</h3>
-    <button @click="navigateToInscrition" class="my-5 btn btn-primary"><span body="text02">S'inscrire</span></button>
+    <button @click="navigateToInscrition" class="my-3 btn btn-primary"><span body="text02">S'inscrire</span></button>
+    <button @click="navigateToInformation" class="btn btn-primary"><span body="text02">Information</span></button>
   </div>
 </template>
 
@@ -38,6 +39,9 @@ export default {
   methods: {
     navigateToInscrition() {
       this.$router.push('/Inscription');
+    },
+    navigateToInformation() {
+      this.$router.push('/Information');
     }
   }
 }