Alpine Rivals #1 (#17)

Alpes-Esport · Jun 2, 2024 · ca70fda · ca70fda
2 parents 8331abc + 107e9a4
commit ca70fda
Show file tree

Hide file tree

Showing 8 changed files with 2,997 additions and 15,586 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/src/assets/img/carousel/rl_banner.webp b/src/assets/img/carousel/rl_banner.webp
diff --git a/src/components/global/header.vue b/src/components/global/header.vue
@@ -49,6 +49,19 @@
                                 />
                                 <transition>
                                     <div v-if="dropdown">
+                                        <router-link
+                                            :class="
+                                                $route.path.startsWith(
+                                                    '/tournament/rocket-league'
+                                                )
+                                                    ? 'current'
+                                                    : ''
+                                            "
+                                            :to="{ name: 'rocket-league' }"
+                                            @click="nav = false"
+                                        >
+                                            Rocket League
+                                        </router-link>
                                         <router-link
                                             :class="
                                                 $route.path.startsWith(

diff --git a/src/components/home/association/timeline.vue b/src/components/home/association/timeline.vue
@@ -5,6 +5,22 @@
         <article>
             <font-awesome-icon icon="fa-solid fa-caret-up" />
             <section>
+                <article>
+                    <header class="big">
+                        2024
+                        <i></i>
+                    </header>
+                    <section>
+                        <div>
+                            <h3>Tournoi Rocket League</h3>
+                            <p>
+                                Lorem ipsum dolor sit amet, consectetur
+                                adipiscing elit. No tation justo. Ullamco
+                                blandit quod.
+                            </p>
+                        </div>
+                    </section>
+                </article>
                 <article>
                     <header class="big">
                         2023

diff --git a/src/components/home/banner.vue b/src/components/home/banner.vue
@@ -1,32 +1,11 @@
 <template>
-    <div id="banner">
-        <article>
-            <section>
-                <p class="CEC">
-                    Nous<br />
-                    devenons<br />
-                    Alpes Esport
-                </p>
-                <router-link class="btn" to="/#association">
-                    {{ $t("read-more") }}
-                    <font-awesome-icon icon="fa-solid fa-right-long" />
-                </router-link>
-            </section>
-            <section>
-                <video
-                    autoplay
-                    loop
-                    muted
-                    src="@/assets/mp4/changement_nom.mp4"
-                />
-            </section>
-        </article>
+    <router-link to="/tournament/rocket-league" id="banner">
         <img
-            :alt="$t('tournaments.CEC.6.self')"
+            alt="Alpine Rivals #1"
             loading="lazy"
-            src="@/assets/img/carousel/Nouveau_nom.webp"
+            src="@/assets/img/carousel/rl_banner.webp"
         />
-    </div>
+    </router-link>
 </template>
 
 <script>
@@ -49,8 +28,8 @@ export default {
     &::after {
         z-index: -1;
         @include box-shadow(
-            inset 0 175px 180px 0 var(--bg-color),
-            inset 0 -175px 90px -30px var(--bg-color)
+            inset 0 120px 200px 0 var(--bg-color),
+            inset 0 -100px 50px -40px var(--bg-color)
         );
         bottom: 0;
         content: "";

diff --git a/src/components/other/cashprize.vue b/src/components/other/cashprize.vue
@@ -1,6 +1,6 @@
 <template>
     <article class="content">
-        <h2>{{ $t("games") }}</h2>
+        <h2 v-if="!title">{{ $t("games") }}</h2>
         <div>
             <section v-for="game in data" :key="game.name">
                 <header>
@@ -34,7 +34,7 @@
 <script>
 export default {
     name: "cashprizeComponent",
-    props: ["data"],
+    props: ["title", "data"],
 };
 </script>
 

diff --git a/src/router/index.js b/src/router/index.js
@@ -11,6 +11,12 @@ const routes = [
         name: "home",
         component: Home,
     },
+    {
+        path: "/tournament/rocket-league",
+        name: "rocket-league",
+        component: () =>
+            import(/* webpackChunkName: "RL" */ "../views/tournaments/RL.vue"),
+    },
     {
         path: "/tournament/CEC/6",
         name: "CEC6",

diff --git a/src/views/tournaments/RL.vue b/src/views/tournaments/RL.vue
@@ -0,0 +1,73 @@
+<template>
+    <main>
+        <Banner
+            id="rl_banner"
+            title=""
+            src="assets/img/carousel/rl_banner.webp"
+        />
+
+        <article id="presentation" class="content">
+            <h2>{{ $t("presentation") }}</h2>
+            <p>
+                Plongez au coeur de l'action avec le premier chapitre d'Alpes
+                Esport. Au programme, une atmosphère électrique avec des
+                voitures sur vitaminées. Ne manquez pas notre premier tournoi en
+                ligne sur Rocket League, le samedi 29 juin 2024. Tournoi en
+                format Swiss round, en 3vs3 et un cashprize de 200€ !
+            </p>
+        </article>
+
+        <Cashprize :data="cashprize" :title="true" />
+    </main>
+</template>
+
+<script>
+import Banner from "@/components/other/banner";
+import rl from "@/assets/json/CEC/CEC5/rocket_league.json";
+import Cashprize from "@/components/other/cashprize";
+
+export default {
+    name: "CEC6View",
+    title() {
+        return this.$t("tournaments.CEC.6.self");
+    },
+    components: {
+        Banner,
+        Cashprize,
+    },
+    data() {
+        return {
+            ranking: {
+                rl: rl,
+            },
+            cashprize: [
+                {
+                    name: "Rocket League",
+                    image: "Rocket_League.webp",
+                    cash: 200,
+                    regulation:
+                        "https://drive.google.com/file/d/1b3a0mT7SUCxUiFmF0a3hOIGQbq1t5zxm/view",
+                    registration:
+                        "https://play.toornament.com/fr/tournaments/7852588153972383744",
+                },
+            ],
+            images: [""],
+        };
+    },
+};
+</script>
+
+<style lang="scss" scoped>
+@import "node_modules/compass-mixins/lib/compass/css3";
+
+#rl_banner {
+    height: 700px;
+
+    &::after {
+        @include box-shadow(
+            inset 0 100px 150px 0 var(--bg-color),
+            inset 0 -100px 50px -30px var(--bg-color)
+        );
+    }
+}
+</style>