Webmaster/ieeeucsd-org
3
1
Fork 0
Code Issues 11 Pull requests Projects Releases Packages Wiki Activity Actions

add divider #3

Merged
shing.hung merged 1 commit from shing/divider into main 2024-12-24 06:36:48 +00:00
Conversation 0 Commits 1 Files changed 4 +23 -6
4 changed files with 23 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/components/core/Navbar.astro
View file

@ -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"

15
src/components/main_page/Divider.astro Normal file
View file

@ -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>

10
src/components/main_page/Landing.astro
View file

@ -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>

2
src/pages/index.astro
View file

@ -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>