🔥 Hotfixes

democraftmc · Dec 1, 2024 · d68f89e · d68f89e
1 parent 6fca6e1
commit d68f89e
Show file tree

Hide file tree

Showing 7 changed files with 236 additions and 9 deletions.
diff --git a/public/fixes.css b/public/fixes.css
@@ -19,15 +19,15 @@
 }
 
 .banner-hero {
-   min-height: 30vh;
+   min-height: 50vh;
 }
 
 @media (min-width: 768px) {
    .home-hero {
       min-height: 85vh;
    }
    .banner-hero {
-   min-height: 40vh;
+   min-height: 50vh;
    }
 }
 

diff --git a/src/components/Footer.astro b/src/components/Footer.astro
@@ -1,6 +1,6 @@
 <footer class="bg-base-200 text-base-content px-4 pt-10 pb-32 lg:pb-10">
   <div
-    class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 justify-items-center">
+    class="grid grid-cols-2 lg:grid-cols-4 justify-items-center">
     <div class="flex">
       <img
         src="https://us-east-1.tixte.net/uploads/cdn.democraft.fr/logo_rond.png"

diff --git a/src/components/Navigation.astro b/src/components/Navigation.astro
@@ -1,13 +1,13 @@
 <div
   class="btm-nav z-30 backdrop-blur bg-black/5 dark:bg-white/10 md:hidden rounded-t-3xl">
-  <a><i class="fa-solid fa-house fa-xl"></i></a>
-  <a><i class="fa-solid fa-check-to-slot fa-xl"></i></a>
+  <a href="/"><i class="fa-solid fa-house fa-xl"></i></a>
+  <a href="/vote"><i class="fa-solid fa-check-to-slot fa-xl"></i></a>
   <button
     onclick="menu_modal.showModal();"
     class="pt-2 rounded-xl bg-black/10 dark:bg-white/10"
     ><i class="fa-solid fa-shapes fa-xl"></i></button
   >
-  <a><i class="fa-solid fa-basket-shopping fa-xl"></i></a>
+  <a href="/shop"><i class="fa-solid fa-basket-shopping fa-xl"></i></a>
   <button onclick="profile.showModal();"
     ><img class="rounded-lg w-10 h-10" src="/avatar.png" /></button
   >

diff --git a/src/layouts/Home.astro b/src/layouts/Home.astro
@@ -0,0 +1,47 @@
+---
+import Navbar from "../components/Navbar.astro";
+import Menu from "../components/Menu.astro";
+import Footer from "../components/Footer.astro";
+import Navigation from "../components/Navigation.astro";
+---
+
+<!doctype html>
+<html lang="fr">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width" />
+    <meta name="generator" content={Astro.generator} />
+    <title>DEMOCRAFT-FRONT</title>
+    <link rel="stylesheet" href="/fixes.css" />
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+    <link
+      href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"
+      rel="stylesheet"
+    />
+
+    <link
+      rel="stylesheet"
+      href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.1/css/all.min.css"
+      integrity="sha512-5Hs3dF2AEPkpNAR7UiOHba+lRSJNeM2ECkwxUIxC1Q/FLycGTbNapWXB4tP889k5T5Ju8fs4b1P5z/iB4nMfSQ=="
+      crossorigin="anonymous"
+      referrerpolicy="no-referrer"
+    />
+    <link
+      rel="stylesheet"
+      href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-icons/1.11.3/font/bootstrap-icons.min.css"
+      integrity="sha512-dPXYcDub/aeb08c63jRq/k6GaKccl256JQy/AnOq7CAnEZ9FzSL9wSbcZkMp4R26vBsMLFYH4kQ67/bbV8XaCQ=="
+      crossorigin="anonymous"
+      referrerpolicy="no-referrer"
+    />
+    <script src="https://cdn.jsdelivr.net/npm/[email protected]/index.js"
+    ></script>
+  </head>
+  <body>
+    <Menu />
+    <Navbar />
+    <slot />
+    <Footer />
+    <Navigation />
+  </body>
+</html>
diff --git a/src/pages/index.astro b/src/pages/index.astro
@@ -1,5 +1,5 @@
 ---
-import Layout from "../layouts/Layout.astro";
+import Layout from "../layouts/Home.astro";
 import Hero from "../sections/Hero.astro";
 import Arg1 from "../sections/Arg1.astro";
 import Arg2 from "../sections/Arg2.astro";

diff --git a/src/pages/vote.astro b/src/pages/vote.astro
@@ -3,5 +3,185 @@ import Layout from "../layouts/Layout.astro";
 ---
 
 <Layout>
-  <h1>Vote</h1>
+  <div class="bg-base-100 p-4">
+    <div class="grid grid-cols-3 mx-2 lg:mx-6 gap-4">
+      <div class="card bg-base-200 p-4 flex justify-center">
+        <h1 class="text-center text-4xl font-bold">Voter</h1>
+        <form class="flex flex-col justify-center">
+          <label class="input input-bordered flex items-center gap-2 mt-2">
+            <svg
+              xmlns="http://www.w3.org/2000/svg"
+              viewBox="0 0 16 16"
+              fill="currentColor"
+              class="h-4 w-4 opacity-70">
+              <path
+                d="M8 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6ZM12.735 14c.618 0 1.093-.561.872-1.139a6.002 6.002 0 0 0-11.215 0c-.22.578.254 1.139.872 1.139h9.47Z"
+              ></path>
+            </svg>
+            <input type="text" class="grow" placeholder="Pseudonyme" />
+          </label>
+          <button class="btn btn-success mt-2">Voter</button>
+        </form>
+        <p class="text-sm pt-2 text-center">
+          <i class="fa-solid fa-triangle-exclamation"></i>
+          Attention ! Vérifiez que votre nom est identique sur le site et en jeu
+        </p>
+      </div>
+      <div class="card bg-base-200 p-4 col-span-2 row-span-3">
+        <h1 class="text-center text-4xl font-bold">Classement</h1>
+        <div class="grid grid-cols-2 mt-4">
+          <div>
+            <h2 class="text-2xl font-bold">Top Voteurs</h2>
+            <p class="text-lg mt-2">
+              Chaque mois, le classement des votes est réinitialisé. Les 3
+              premiers joueurs recevront alors une récompenses.
+              <br />
+              N'oubliez pas que chaque vote vous offre une récompense !
+            </p>
+            <p class="text-sm mt-2">
+              <i class="fa-solid fa-circle-question"></i>
+              Quelle récompense ? Regardez à gauche !
+            </p>
+          </div>
+          <div></div>
+        </div>
+        <div class="overflow-x-auto">
+          <table class="table">
+            <!-- head -->
+            <thead>
+              <tr>
+                <th>Name</th>
+                <th>Job</th>
+                <th>Favorite Color</th>
+                <th></th>
+              </tr>
+            </thead>
+            <tbody>
+              <!-- row 1 -->
+              <tr>
+                <td>
+                  <div class="flex items-center gap-3">
+                    <div class="avatar">
+                      <div class="rounded-lg h-12 w-12">
+                        <img
+                          src="https://img.daisyui.com/images/profile/demo/[email protected]"
+                          alt="Avatar Tailwind CSS Component"
+                        />
+                      </div>
+                    </div>
+                    <div>
+                      <div class="font-bold">Hart Hagerty</div>
+                      <div class="text-sm opacity-50">United States</div>
+                    </div>
+                  </div>
+                </td>
+                <td>
+                  Zemlak, Daniel and Leannon
+                  <br />
+                  <span class="badge badge-ghost badge-sm"
+                    >Desktop Support Technician</span
+                  >
+                </td>
+                <td>Purple</td>
+                <th>
+                  <button class="btn btn-ghost btn-xs">details</button>
+                </th>
+              </tr>
+              <!-- row 2 -->
+              <tr>
+                <td>
+                  <div class="flex items-center gap-3">
+                    <div class="avatar">
+                      <div class="rounded-lg h-12 w-12">
+                        <img
+                          src="https://img.daisyui.com/images/profile/demo/[email protected]"
+                          alt="Avatar Tailwind CSS Component"
+                        />
+                      </div>
+                    </div>
+                    <div>
+                      <div class="font-bold">Brice Swyre</div>
+                      <div class="text-sm opacity-50">China</div>
+                    </div>
+                  </div>
+                </td>
+                <td>
+                  Carroll Group
+                  <br />
+                  <span class="badge badge-ghost badge-sm">Tax Accountant</span>
+                </td>
+                <td>Red</td>
+                <th>
+                  <button class="btn btn-ghost btn-xs">details</button>
+                </th>
+              </tr>
+              <!-- row 3 -->
+              <tr>
+                <td>
+                  <div class="flex items-center gap-3">
+                    <div class="avatar">
+                      <div class="rounded-lg h-12 w-12">
+                        <img
+                          src="https://img.daisyui.com/images/profile/demo/[email protected]"
+                          alt="Avatar Tailwind CSS Component"
+                        />
+                      </div>
+                    </div>
+                    <div>
+                      <div class="font-bold">Marjy Ferencz</div>
+                      <div class="text-sm opacity-50">Russia</div>
+                    </div>
+                  </div>
+                </td>
+                <td>
+                  Rowe-Schoen
+                  <br />
+                  <span class="badge badge-ghost badge-sm"
+                    >Office Assistant I</span
+                  >
+                </td>
+                <td>Crimson</td>
+                <th>
+                  <button class="btn btn-ghost btn-xs">details</button>
+                </th>
+              </tr>
+              <!-- row 4 -->
+              <tr>
+                <td>
+                  <div class="flex items-center gap-3">
+                    <div class="avatar">
+                      <div class="rounded-lg h-12 w-12">
+                        <img
+                          src="https://img.daisyui.com/images/profile/demo/[email protected]"
+                          alt="Avatar Tailwind CSS Component"
+                        />
+                      </div>
+                    </div>
+                    <div>
+                      <div class="font-bold">Yancy Tear</div>
+                      <div class="text-sm opacity-50">Brazil</div>
+                    </div>
+                  </div>
+                </td>
+                <td>
+                  Wyman-Ledner
+                  <br />
+                  <span class="badge badge-ghost badge-sm"
+                    >Community Outreach Specialist</span
+                  >
+                </td>
+                <td>Indigo</td>
+                <th>
+                  <button class="btn btn-ghost btn-xs">details</button>
+                </th>
+              </tr>
+            </tbody>
+          </table>
+        </div>
+      </div>
+      <div class="card bg-base-200 p-4">
+        <h1 class="text-center text-4xl font-bold">Récompenses</h1>
+      </div>
+    </div>
+  </div>
 </Layout>
diff --git a/src/sections/Banner.astro b/src/sections/Banner.astro
@@ -10,7 +10,7 @@
   <div class="hero-content text-center">
     <div>
       <img
-        class="h-16 lg:h-40 mb-2"
+        class="h-16 lg:h-40 mt-32"
         src="https://us-east-1.tixte.net/uploads/cdn.democraft.fr/title_flat.png"
       />
     </div>