From 8c28c5b2f04758a06b299825dcde831143e2b398 Mon Sep 17 00:00:00 2001
From: Shing Hung <yhung022@ucr.edu>
Date: Mon, 23 Dec 2024 22:38:42 -0800
Subject: [PATCH] add divider

---
 src/components/core/Navbar.astro       |  2 +-
 src/components/main_page/Divider.astro | 15 +++++++++++++++
 src/components/main_page/Landing.astro | 10 +++++-----
 src/pages/index.astro                  |  2 ++
 4 files changed, 23 insertions(+), 6 deletions(-)
 create mode 100644 src/components/main_page/Divider.astro

diff --git a/src/components/core/Navbar.astro b/src/components/core/Navbar.astro
index 3a9ae0d..84f1a3c 100644
--- a/src/components/core/Navbar.astro
+++ b/src/components/core/Navbar.astro
@@ -5,7 +5,7 @@ import pages from "../../data/pages.json";
 ---
 
 <div class="md:w-full w-fit fixed z-10">
-    <div class="flex justify-between items-center bg-black/40 m-[1%] py-[0.8%] px-[1.5%] md:rounded-full md:border-[0.1vw]">
+    <div class="flex justify-between items-center bg-black/40 my-[1%] mx-[2.5%] py-[0.8%] px-[1.5%] md:rounded-full md:border-[0.1vw]">
         <a
         href="/"
         class="hover:opacity-60 duration-300 hidden md:flex"
diff --git a/src/components/main_page/Divider.astro b/src/components/main_page/Divider.astro
new file mode 100644
index 0000000..008168d
--- /dev/null
+++ b/src/components/main_page/Divider.astro
@@ -0,0 +1,15 @@
+<div class="flex py-[15vh] px-[7vw] items-end w-full">
+    <div class="w-3/5">
+        <p class="text-ieee-yellow text-[4.5vw] font-semibold">
+            02
+        </p>
+        <p class="text-white text-[2.5vw] font-light">
+            Amet Consectetur
+        </p>
+
+    </div>
+    <p class="text-white text-[1.5vw]">
+        Lorem ipsum dolor sit amet, consectetur adipiscing elit, 
+        sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
+    </p>
+</div>
diff --git a/src/components/main_page/Landing.astro b/src/components/main_page/Landing.astro
index 2f09dcf..b9cf640 100644
--- a/src/components/main_page/Landing.astro
+++ b/src/components/main_page/Landing.astro
@@ -6,13 +6,13 @@ import landingimg from "../../../public/landing.png"
 import { FaDiscord, FaInstagram, FaFacebook} from "react-icons/fa";
 ---
 
-<div class="w-full flex justify-between pt-[12vh]">
-    <div class=" pt-[7%] bg-gradient-to-t to-ieee-blue-100/30 p-[5vw] via-ieee-black from-ieee-black w-[53%] h-[85vh] border-white/70 border-[0.1vw] rounded-[3vw]">
+<div class="w-full flex justify-between pt-[14vh]">
+    <div class=" pt-[7%] bg-gradient-to-t to-ieee-blue-100/30 p-[5vw] via-ieee-black from-ieee-black w-[53%] h-[80vh] border-white/70 border-[0.1vw] rounded-[3vw]">
         <p class=" text-ieee-yellow font-bold text-[2.2vw] mb-[3%]">UC San Diego IEEE</p>
         <p class="font-bold text-[2.8vw] text-white mb-[10%]">Join one of the largest IEEE student branch in the US!</p>
         <p class="text-white font-light text-[1.3vw]">quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat</p>
 
-        <div class="flex justify-end w-full mt-[15vh]">
+        <div class="flex justify-end w-full mt-[13vh]">
             <div class="text-white text-[2.5vw] w-1/2 flex justify-between">
                 <Link href="https://discord.gg/XxfjqZSjca" target="_blank" className="border-[0.15vw] rounded-full p-[5%] shadow-glow hover:scale-110 duration-300">
                     <FaDiscord />
@@ -28,7 +28,7 @@ import { FaDiscord, FaInstagram, FaFacebook} from "react-icons/fa";
         </div>
 
     </div>
-    <div class="w-[46%] h-[85vh] border-white/70 border-[0.1vw] rounded-[3vw] object-contain bg-gradient-to-b to-ieee-blue-100/60 from-ieee-black">
-        <Image src={landingimg} alt="circuit"/>
+    <div class="w-[46%] h-[80vh] border-white/70 border-[0.1vw] rounded-[3vw] object-contain bg-gradient-to-b to-ieee-blue-100/60 from-ieee-black">
+        <Image src={landingimg} alt="circuit" class="w-[95%]"/>
     </div>
 </div>
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 49894e7..c460ddf 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -1,8 +1,10 @@
 ---
 import Layout from "../layouts/Layout.astro";
 import Landing from "../components/main_page/Landing.astro";
+import Divider from "../components/main_page/divider.astro";
 ---
 
 <Layout>
     <Landing />
+    <Divider />
 </Layout>