🐛 Fix avatar image and add real links

democraftmc · Dec 1, 2024 · e230abc · e230abc
1 parent b7ffb39
commit e230abc
Show file tree

Hide file tree

Showing 4 changed files with 88 additions and 17 deletions.
diff --git a/src/components/Navbar.astro b/src/components/Navbar.astro
@@ -5,17 +5,21 @@
 <div
   class="navbar hidden md:flex fixed border-b backdrop-blur border-base-300 z-30 bg-black/5 dark:bg-white/10">
   <div class="navbar-start">
-    <img
-      src="https://us-east-1.tixte.net/uploads/cdn.democraft.fr/logo.png"
-      class="w-10 h-10 rounded-lg hover:scale-110 transition-all ease-in-out duration-300"
-    />
+    <a href="/" class="text-xs pixel font-bold flex items-center">
+      <img
+        src="https://us-east-1.tixte.net/uploads/cdn.democraft.fr/logo.png"
+        class="w-10 h-10 rounded-lg hover:scale-110 transition-all ease-in-out duration-300 mr-2"
+      />
+      <span class="relative bottom-1">DEMOCRAFT</span></a
+    >
   </div>
   <div class="navbar-center">
     <ul class="menu menu-horizontal px-1">
-      <li><a>Item 1</a></li>
-      <li><a>Item 2</a></li>
-      <li><a>Item 3</a></li>
-      <li><a>Item 4</a></li>
+      <li><a href="/news">Blog</a></li>
+      <li><a href="/vote">Vote</a></li>
+
+      <li><a href="/shop">Boutique</a></li>
+      <li><a href="/forum">Forum</a></li>
       <li><a>Item 5</a></li>
     </ul>
   </div>
@@ -50,14 +54,16 @@
         <p class="mr-2">Funasitien</p>
         <img
           class="rounded-lg w-10 h-10 hover:scale-110 transition-all ease-in-out duration-300"
-          src="avatar.png"
+          src="/avatar.png"
         />
       </div>
       <ul
         tabindex="0"
         class="dropdown-content menu bg-base-100 rounded-box z-[1] w-52 p-2 shadow mt-6">
-        <li><a>Item 1</a></li>
-        <li><a>Item 2</a></li>
+        <li><a>Profil</a></li>
+        <li><a>Achats</a></li>
+        <li><a class="link-info">Panel Administrateur</a></li>
+        <li><a class="link-error">Déconnexion</a></li>
       </ul>
     </div>
   </div>

diff --git a/src/pages/news/article.astro b/src/pages/news/article.astro
@@ -3,5 +3,7 @@ import Layout from "../../layouts/Layout.astro";
 ---
 
 <Layout>
-  <h1>News - Article</h1>
+  <div class="bg-base-100 p-8 pt-10 lg:px-32">
+    <h1 class="text-4xl font-bold text-center">Articles</h1>
+  </div>
 </Layout>
diff --git a/src/pages/news/index.astro b/src/pages/news/index.astro
@@ -3,10 +3,73 @@ import Layout from "../../layouts/Layout.astro";
 ---
 
 <Layout>
-  <div class="bg-base-100 p-4 pt-10">
+  <div class="bg-base-100 p-8 pt-10 lg:px-32">
     <h1 class="text-4xl font-bold text-center">Articles</h1>
-    <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
-
+    <div class="grid grid-cols-1 md:grid-cols-2 gap-12 mt-6">
+      <div class="card bg-base-200 w-full shadow-xl">
+        <figure>
+          <img
+            src="https://img.daisyui.com/images/stock/photo-1606107557195-0e29a4b5b4aa.webp"
+            alt="Shoes"
+          />
+        </figure>
+        <div class="card-body">
+          <h2 class="card-title text-2xl">
+            <span>Ménage de printemps sur le Launcheur !</span>
+            <span class="absolute right-4 top-4"
+              ><i class="fa-solid fa-calendar-days"></i> 04/10/2024</span
+            >
+          </h2>
+          <p>If a dog chews shoes whose shoes does he choose?</p>
+          <div class="relative mb-10">
+            <div class="join absolute left-0">
+              <img class="join-item w-12 h-12" src="/avatar.png" />
+              <button class="btn join-item flex-col gap-1"
+                >Funasitien
+                <span class="badge badge-warning">
+                  <i class="fa-solid fa-crown"></i>
+                  Fondateur
+                </span></button
+              >
+            </div>
+            <a href="./article" class="absolute right-0 btn btn-primary"
+              >Lire l'article</a
+            >
+          </div>
+        </div>
+      </div>
+      <div class="card bg-base-200 w-full shadow-xl">
+        <figure>
+          <img
+            src="https://img.daisyui.com/images/stock/photo-1606107557195-0e29a4b5b4aa.webp"
+            alt="Shoes"
+          />
+        </figure>
+        <div class="card-body">
+          <h2 class="card-title text-2xl">
+            <span>DEMOCRAFT en live à la CubedCon !</span>
+            <span class="absolute right-4 top-4"
+              ><i class="fa-solid fa-calendar-days"></i> 04/10/2024</span
+            >
+          </h2>
+          <p>If a dog chews shoes whose shoes does he choose?</p>
+          <div class="relative mb-10">
+            <div class="join absolute left-0">
+              <img class="join-item w-12 h-12" src="/avatar.png" />
+              <button class="btn join-item flex-col gap-1"
+                >Funasitien
+                <span class="badge badge-warning">
+                  <i class="fa-solid fa-crown"></i>
+                  Fondateur
+                </span></button
+              >
+            </div>
+            <a href="./article" class="absolute right-0 btn btn-primary"
+              >Lire l'article</a
+            >
+          </div>
+        </div>
+      </div>
     </div>
   </div>
-</Layout>
+</Layout>
diff --git a/src/pages/vote.astro b/src/pages/vote.astro
@@ -4,7 +4,7 @@ import Layout from "../layouts/Layout.astro";
 
 <Layout>
   <div class="bg-base-100 p-4 pt-10">
-    <div class="grid grid-cols-1 md:grid-cols-3 mx-2 lg:mx-6 gap-4">
+    <div class="grid grid-cols-1 md:grid-cols-3 mx-2 lg:mx-6 gap-y-4 md:gap-4">
       <div class="card bg-base-200 p-4 flex justify-center min-w-full">
         <h1 class="text-center text-4xl font-bold">Voter</h1>
         <form class="flex flex-col justify-center">