🎨 Lot of stuff.

democraftmc · Dec 6, 2024 · ab23dca · ab23dca
1 parent 64796a2
commit ab23dca
Show file tree

Hide file tree

Showing 13 changed files with 196 additions and 90 deletions.
diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -1,5 +1,7 @@
 {
     "cSpell.words": [
-        "democraft"
+        "democraft",
+        "fantaisiici",
+        "Fantaisiici"
     ]
 }
diff --git a/src/components/Menu.astro b/src/components/Menu.astro
@@ -12,10 +12,26 @@
   <div class="modal-box bg-transparent shadow-none relative min-w-full">
     <h3 class="text-lg pixel -translate-y-5 absolute left-28">MENU</h3>
     <div class="bg-base-100 rounded-lg grid max-h-96 overflow-scroll p-4 gap-4">
-      <div class="bg-primary rounded-lg min-h-32"></div>
-      <div class="bg-primary rounded-lg min-h-32"></div>
-      <div class="bg-primary rounded-lg min-h-32"></div>
-      <div class="bg-primary rounded-lg min-h-32"></div>
+      <a
+        href="/forum"
+        class="bg-primary rounded-lg min-h-32 flex justify-center items-center text-sm">
+        <p class="pixel">Forum</p>
+      </a>
+      <a
+        href="/staff"
+        class="bg-primary rounded-lg min-h-32 flex justify-center items-center text-sm">
+        <p class="pixel">Staff</p>
+      </a>
+      <a
+        href="/news"
+        class="bg-primary rounded-lg min-h-32 flex justify-center items-center text-sm">
+        <p class="pixel">News</p>
+      </a>
+      <a
+        href="/bans"
+        class="bg-primary rounded-lg min-h-32 flex justify-center items-center text-sm">
+        <p class="pixel">Forum</p>
+      </a>
     </div>
     <form method="dialog" class="modal-backdrop">
       <button>close</button>

diff --git a/src/layouts/Home.astro b/src/layouts/Home.astro
@@ -13,7 +13,7 @@ const { title = "DEMOCRAFT" } = Astro.props;
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width" />
     <meta name="generator" content={Astro.generator} />
-    <title>DEMOCRAFT-FRONT</title>
+    <title>DEMOCRAFT - Accueil</title>
     <link rel="stylesheet" href="/fixes.css" />
     <link rel="stylesheet" href="/fonts/Satoshi.css" />
 

diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
@@ -13,7 +13,7 @@ const { title = "DEMOCRAFT" } = Astro.props;
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width" />
     <meta name="generator" content={Astro.generator} />
-    <title>DEMOCRAFT-FRONT</title>
+    <title>DEMOCRAFT - {title}</title>
     <link rel="stylesheet" href="/fixes.css" />
     <link rel="stylesheet" href="/fonts/Satoshi.css" />
     <link

diff --git a/src/pages/forum/categorie.astro b/src/pages/forum/categorie.astro
@@ -6,8 +6,7 @@ import Layout from "../../layouts/Layout.astro";
   <div class="bg-base-100 p-4 pt-10 h-96">
     <div class="flex flex-col md:flex-row">
       <div
-        class="breadcrumbs inline-flex justify-center md:justify-start md:w-3/4 md:pl-1"
-      >
+        class="breadcrumbs inline-flex justify-center md:justify-start md:w-3/4 md:pl-1">
         <ul>
           <li>
             <a href="/"><i class="fa-solid fa-house mr-2"></i> Acceuil</a>
@@ -33,31 +32,30 @@ import Layout from "../../layouts/Layout.astro";
       </div>
     </div>
 
-    <div class="grid grid-cols-1 gap-y-4 max-sm:pt-4">
+    <div class="grid grid-cols-1 gap-y-4 pt-4">
       <div class="w-full flex bg-base-300 p-2 px-4 rounded-lg">
-        <div class="inline-flex justify-start md:w-1/3">
-          <i class="fa-solid fa-comment text-primary text-4xl mr-4"></i>
-
-        <div>
-          <a href="/forum/post" class="text-lg font-bold">
-            <span class="badge badge-error"> IMPORTANT </span>
-            Règles de l'espace de discussion
-            <i class="badge badge-warning fa-solid fa-thumbtack"></i>
-
-            <i class="badge badge-error fa-solid fa-lock"></i>
+        <div class="inline-flex justify-start md:w-1/2">
+          <a>
+            <i class="fa-solid fa-comment text-primary text-4xl mr-4"></i>
           </a>
-              <div class="flex">
-                <img
-                  class="rounded h-4 w-4 translate-y-0.5 mr-1"
-                  src="/avatar.png"
-                  alt="Shoes"
-                />
-                <span>Funasitien</span>
-              </div>
+          <div>
+            <a href="/forum/post" class="text-lg font-bold">
+              <i class="badge badge-warning fa-solid fa-thumbtack"></i>
+              <i class="badge badge-error fa-solid fa-lock"></i>
+              <span class="badge badge-error"> IMPORTANT </span>
+              Règles de l'espace de discussion
+            </a>
+            <div class="flex">
+              <img
+                class="rounded h-4 w-4 translate-y-0.5 mr-1"
+                src="/avatar.png"
+                alt="Shoes"
+              />
+              <span>Funasitien</span>
+            </div>
+          </div>
         </div>
-      </div>
-      <div class="inline-flex justify-center md:w-1/3"></div>
-      <div class="inline-flex justify-end md:w-1/3"></div>
+        <div class="inline-flex justify-center md:w-1/2"></div>
       </div>
     </div>
   </div>

diff --git a/src/pages/forum/post.astro b/src/pages/forum/post.astro
@@ -3,11 +3,10 @@ import Layout from "../../layouts/Layout.astro";
 ---
 
 <Layout title="DEMOSMP">
-  <div class="bg-base-100 p-2 pt-10">
+  <div class="bg-base-100 p-2 pt-10 md:px-4">
     <div class="flex max-sm:flex-col max-sm:justify-center min-w-fit">
       <div
-        class="breadcrumbs inline-flex justify-center md:justify-start md:w-3/4 md:pl-1"
-      >
+        class="breadcrumbs inline-flex justify-center md:justify-start md:w-3/4 md:pl-1">
         <ul>
           <li>
             <a href="/"><i class="fa-solid fa-house mr-2"></i> Acceuil</a>
@@ -44,33 +43,83 @@ import Layout from "../../layouts/Layout.astro";
 
     <div class="grid grid-cols-1 p-2 md:px-6">
       <div class="flex flex-col md:flex-row w-full bg-base-300 rounded-lg">
-        <div class="m-3 p-1 flex flex-col max-sm:justify-center w-full md:w-fit">
-        <div class="flex w-fit">
-          <img src="/avatar.png" class="h-20 w-20 rounded-lg" alt="Shoes"/>
-          <div class="ml-2 flex flex-col">
-            <a class="text-lg font-bold">
-              Funasitien
+        <div class="m-3 p-1 flex flex-col min-w-fit relative">
+          <div class="flex max-sm:justify-center w-full md:w-64">
+            <img src="/avatar.png" class="h-20 w-20 rounded-lg" alt="Shoes" />
+            <div class="ml-2 flex flex-col">
+              <a class="text-lg font-bold"> Funasitien</a>
+              <p class="badge badge-warning">FONDATEUR</p>
+            </div>
+          </div>
+          <div class="flex justify-center gap-x-6 mt-1">
+            <span><i class="fa-solid fa-comment"></i> 4</span>
+            <span><i class="fa-solid fa-pen-clip"></i> 2</span>
+            <span><i class="fa-solid fa-heart"></i> 0</span>
+          </div>
+
+          <div class="hidden md:absolute left-1 bottom-1">
+            <a class="btn btn-ghost">
+              <i class="fa-solid fa-calendar-days"></i> 6 décembre 2024 à 8:39
             </a>
-            <p class="badge badge-warning">
-              FONDATEUR
-            </p>
           </div>
         </div>
-        <div class="flex justify-center gap-x-6 mt-1">
-        <span><i class="fa-solid fa-comment"></i> 4</span>
-        <span><i class="fa-solid fa-pen-clip"></i> 2</span>
-        <span><i class="fa-solid fa-heart"></i> 0</span></div>
+        <div class="relative pb-16">
+          <article class="m-4 prose lg:prose-lg max-w-full">
+            <h2>🎁 Bienvenue sur la boutique de DEMOCRAFT !</h2>
+            <p>
+              Utilise le menu déroulant à ta gauche pour choisir une catégorie
+              et commencer tes emplettes.
+            </p>
+            <h4>✉️ Contact : [email protected]</h4>
+            <h3>🪙 Politique de remboursement</h3>
+            <p>
+              Tout paiements ou achat n'est pas remboursable. Comme l'indique
+              notre CGV, toute tenative de remboursement, par hasard avec un
+              litige PayPal, sera refusée, et un entraînera un bannissement
+              automatique immédiat sans retour possible. Ce qui est logique, car
+              sinon c'est du vol.
+            </p>
+            <h2>💢 Produit non reçu ?</h2>
+            Comme dit précédement, il est inutile de nous sauter sur paypal puisque
+            vous allez vous faire rattraper par notre CGV. Ouvrez plutot un ticket
+            sur le site ou sur notre discord avec votre ID de transaction (reçu sur
+            votre compte ici ou par mail) et nous essayerons de réparer cette injustice
+            dans les plus brefs delais, avec un petit dédomagement de 1000 rubys
+            💎 ;)
+          </article>
+          <div class="divider"></div>
+          <article class="m-4 prose lg:prose-lg max-w-full">
+            <div class="text-center w-full">
+              <h3>Funasitien DreamCloud</h3>
+              <p class="italic">
+                Duke of Lemanburg... King of the Dream SMP...
+              </p>
+            </div>
+          </article>
+          <div class="flex ms:hidden gap-2 absolute left-4">
+            <a class="btn btn-ghost">
+              <i class="fa-solid fa-calendar-days"></i> 6 décembre 2024 à 8:39
+            </a>
+          </div>
+          <div class="flex gap-2 absolute right-4">
+            <form>
+              <button class="btn btn-secondary">
+                <i class="fa-solid fa-heart"></i> 0
+              </button>
+            </form>
+            <form>
+              <button class="btn btn-info">
+                <i class="fa-solid fa-pen-to-square"></i>
+              </button>
+            </form>
+            <form>
+              <button class="btn btn-error">
+                <i class="fa-solid fa-trash-can"></i>
+              </button>
+            </form>
+          </div>
         </div>
-
-        <article class="m-2 prose lg:prose-lg max-w-fit">
-          <h2>🎁 Bienvenue sur la boutique de DEMOCRAFT !</h2>
-          <p>Utilise le menu déroulant à ta gauche pour choisir une catégorie et commencer tes emplettes.</p>
-          <h4>✉️ Contact : [email protected]</h4>
-          <h3>🪙 Politique de remboursement</h3>
-          <p>Tout paiements ou achat n'est pas remboursable. Comme l'indique notre CGV, toute tenative de remboursement, par hasard avec un litige PayPal, sera refusée, et un entraînera un bannissement automatique immédiat sans retour possible. Ce qui est logique, car sinon c'est du vol.</p>
-          <h2>💢 Produit non reçu ?</h2>
-          Comme dit précédement, il est inutile de nous sauter sur paypal puisque vous allez vous faire rattraper par notre CGV. Ouvrez plutot un ticket sur le site ou sur notre discord avec votre ID de transaction (reçu sur votre compte ici ou par mail) et nous essayerons de réparer cette injustice dans les plus brefs delais, avec un petit dédomagement de 1000 rubys 💎 ;)</p>
-        </article></div>
-    </div>  
+      </div>
+    </div>
   </div>
 </Layout>
diff --git a/src/pages/index.astro b/src/pages/index.astro
@@ -5,6 +5,8 @@ import Arg1 from "../sections/Arg1.astro";
 import Arg2 from "../sections/Arg2.astro";
 import Arg3 from "../sections/Arg3.astro";
 import News from "../sections/News.astro";
+import Jeux from "../sections/Jeux.astro";
+import Join from "../sections/Join.astro";
 ---
 
 <Layout>
@@ -13,6 +15,6 @@ import News from "../sections/News.astro";
   <Arg2 />
   <Arg3 />
   <News />
-  <p>Nos Juex</p>
-  <p>Rejoindre</p>
+  <Jeux />
+  <Join />
 </Layout>
diff --git a/src/pages/news/index.astro b/src/pages/news/index.astro
@@ -21,10 +21,9 @@ import Layout from "../../layouts/Layout.astro";
           </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="join-item flex flex-col justify-center items-center px-1"
+            <div class="absolute flex left-0">
+              <img class="w-12 h-12 rounded-lg" src="/avatar.png" />
+              <button class="flex flex-col justify-center items-center px-1"
                 >Funasitien
                 <span class="badge badge-warning">
                   <i class="fa-solid fa-crown"></i>
@@ -54,14 +53,13 @@ import Layout from "../../layouts/Layout.astro";
           </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="join-item flex flex-col justify-center items-center px-1"
-                >Funasitien
-                <span class="badge badge-warning">
+            <div class="absolute flex left-0">
+              <img class="w-12 h-12 rounded-lg" src="/fantaisiici.png" />
+              <button class="flex flex-col justify-center items-center px-1"
+                >Fantaisiici
+                <span class="badge badge-error">
                   <i class="fa-solid fa-crown"></i>
-                  Fondateur
+                  Administrateur
                 </span></button
               >
             </div>

diff --git a/src/sections/Arg1.astro b/src/sections/Arg1.astro
@@ -1,6 +1,6 @@
 <div
-  class="bg-base-100 grid grid-cols-1 md:grid-cols-2 py-12 px-2 lg:px-6 gap-2 justify-items-center">
-  <div class="lg:p-12">
+  class="bg-base-100 grid grid-cols-1 md:grid-cols-2 py-12 px-4 gap-2 justify-items-center">
+  <div class="md:p-4">
     <h1 class="text-3xl lg:text-4xl text-center font-bold" id="1">
       Découvrez le <span class="underline">véritable</span> crossplay
     </h1>

diff --git a/src/sections/Arg2.astro b/src/sections/Arg2.astro
@@ -1,15 +1,21 @@
 <div
-  class="bg-base-100 grid grid-cols-1 md:grid-cols-2 py-12 px-2 lg:px-6 gap-2 justify-items-center">
-  <div class="md:order-last lg:p-12">
-    <h1 class="text-3xl lg:text-4xl text-center">
-      Avec un pack de ressources 🔥
+  class="bg-base-100 grid grid-cols-1 md:grid-cols-2 py-12 px-4 gap-2 justify-items-center">
+  <div class="md:p-4 md:order-last">
+    <h1
+      class="text-3xl lg:text-4xl text-center font-bold md:col-start-1"
+      id="2">
+      Découvrez le <span class="underline">véritable</span> crossplay
     </h1>
-    <p></p>
+    <p class="p-1 md:p-4 text-lg md:text-2xl">
+      Dites bonjour à DEMOCRAFT, le <strong>premier serveur Minecraft</strong> mini-jeux
+      Français a accepter toutes les éditions du jeu. Plus d'excuse pour ne pas jouer
+      avec vos amis, même ceux sur consoles !
+    </p>
   </div>
   <div>
     <img
-      class="rounded-lg bg-[url('/white.png')] dark:bg-[url('/dark.png')]"
-      src="https://placehold.co/600x400?text=Hello+World&font=montserrat"
+      class="w-full rounded-lg bg-[url('/white.png')] dark:bg-[url('/dark.png')]"
+      src="/demomulti.png"
     />
   </div>
 </div>
diff --git a/src/sections/Jeux.astro b/src/sections/Jeux.astro
@@ -0,0 +1,33 @@
+<p class="bg-base-100 text-center pixel pt-6 pb-8">Nos Jeux/</p>
+<div class="carousel carousel-center bg-base-100 space-x-4 p-4 max-w-full">
+  <div class="carousel-item w-96 h-48">
+    <img
+      src="https://img.daisyui.com/images/stock/photo-1559703248-dcaaec9fab78.webp"
+      class="object-cover w-full rounded-box"
+    />
+  </div>
+  <div class="carousel-item w-96 h-48">
+    <img
+      src="https://img.daisyui.com/images/stock/photo-1559703248-dcaaec9fab78.webp"
+      class="object-cover w-full rounded-box"
+    />
+  </div>
+  <div class="carousel-item w-96 h-48">
+    <img
+      src="https://img.daisyui.com/images/stock/photo-1559703248-dcaaec9fab78.webp"
+      class="object-cover w-full rounded-box"
+    />
+  </div>
+  <div class="carousel-item w-96 h-48">
+    <img
+      src="https://img.daisyui.com/images/stock/photo-1559703248-dcaaec9fab78.webp"
+      class="object-cover w-full rounded-box"
+    />
+  </div>
+  <div class="carousel-item w-96 h-48">
+    <img
+      src="https://img.daisyui.com/images/stock/photo-1559703248-dcaaec9fab78.webp"
+      class="object-cover w-full rounded-box"
+    />
+  </div>
+</div>
diff --git a/src/sections/Join.astro b/src/sections/Join.astro
@@ -0,0 +1,2 @@
+<div class=" bg-[url('/white.png')] dark:bg-[url('/dark.png')] h-96">
+</div>
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,2 @@
		<div class=" bg-[url('/white.png')] dark:bg-[url('/dark.png')] h-96">
		</div>