🎨 Fixes

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

Hide file tree

Showing 5 changed files with 38 additions and 11 deletions.
diff --git a/public/fixes.css b/public/fixes.css
@@ -18,10 +18,17 @@
    min-height: 70vh;
 }
 
+.banner-hero {
+   min-height: 30vh;
+}
+
 @media (min-width: 768px) {
    .home-hero {
       min-height: 85vh;
    }
+   .banner-hero {
+   min-height: 40vh;
+   }
 }
 
 @font-face {

diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
@@ -3,6 +3,7 @@ import Navbar from "../components/Navbar.astro";
 import Menu from "../components/Menu.astro";
 import Footer from "../components/Footer.astro";
 import Navigation from "../components/Navigation.astro";
+import Banner from "../sections/Banner.astro";
 ---
 
 <!doctype html>
@@ -40,6 +41,7 @@ import Navigation from "../components/Navigation.astro";
   <body>
     <Menu />
     <Navbar />
+    <Banner/>
     <slot />
     <Footer />
     <Navigation />

diff --git a/src/sections/Arg1.astro b/src/sections/Arg1.astro
@@ -1,12 +1,12 @@
 <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:m-4">
+  <div class="lg:p-12">
     <h1 class="text-3xl lg:text-4xl text-center" id="1">
       Découvrez le <span class="underline">véritable</span> crossplay
     </h1>
     <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.
+      Dites bonjour à DEMOCRAFT, le <strong>premier serveur Minecraft</strong> mini-jeux
+      Français a accepter toutes les éditions du jeu.
     </p>
   </div>
   <div>

diff --git a/src/sections/Arg2.astro b/src/sections/Arg2.astro
@@ -1,15 +1,15 @@
 <div
-  class="bg-base-100 flex flex-col-reverse md:flex-row py-12 px-2 lg:px-6 gap-2 justify-center">
-  <div class="rounded-lg">
-    <img
-      class="object-cover w-full"
-      src="https://placehold.co/600x400?text=Hello+World&font=montserrat"
-    />
-  </div>
-  <div class="lg:m-4 col-start-1 lg:col-start-2">
+  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 🔥
     </h1>
     <p></p>
   </div>
+  <div>
+    <img
+      class="rounded-lg"
+      src="https://placehold.co/600x400?text=Hello+World&font=montserrat"
+    />
+  </div>
 </div>
diff --git a/src/sections/Banner.astro b/src/sections/Banner.astro
@@ -0,0 +1,18 @@
+<div class="hero banner-hero relative">
+  <video
+    autoplay
+    muted
+    loop
+    id="background-video"
+    class="object-cover absolute overflow-hidden -z-10 scale-150 md:scale-110 lg:scale-100">
+    <source src="/demo-avion.mp4" type="video/mp4" />
+  </video>
+  <div class="hero-content text-center">
+    <div>
+      <img
+        class="h-16 lg:h-40 mb-2"
+        src="https://us-east-1.tixte.net/uploads/cdn.democraft.fr/title_flat.png"
+      />
+    </div>
+  </div>
+</div>