Fixed height issues relating to navbar
This commit is contained in:
chark1es
parent
43fb2f37d8
commit
9c114fb1db
5 changed files with 121 additions and 96 deletions
|
|
@ -15,7 +15,7 @@ const currentFilter = "All";
|
||||||
---
|
---
|
||||||
|
|
||||||
<div
|
<div
|
||||||
class="text-white flex flex-col items-center md:mt-[10vw] mt-[20vw] mb-[10vh]"
|
class="text-white flex flex-col items-center md:mt-[5vw] mt-[10vw] mb-[10vh]"
|
||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
data-inview
|
data-inview
|
||||||
|
|
@ -37,9 +37,8 @@ const currentFilter = "All";
|
||||||
<p
|
<p
|
||||||
class="md:text-[1.3vw] text-[2.5vw] md:w-[56%] w-[70%] my-[3%] font-extralight text-center"
|
class="md:text-[1.3vw] text-[2.5vw] md:w-[56%] w-[70%] my-[3%] font-extralight text-center"
|
||||||
>
|
>
|
||||||
Our board comprises 31 students of varying majors, colleges, and
|
Our board comprises 31 students of varying majors, colleges, and interests!
|
||||||
interests! Feel free to reach out for any questions about our position
|
Feel free to reach out for any questions about our position or experiences.
|
||||||
or experiences.
|
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
<Filter filters={types} currentFilter={currentFilter} />
|
<Filter filters={types} currentFilter={currentFilter} />
|
||||||
|
|
|
||||||
|
|
@ -3,7 +3,9 @@ const {title} = Astro.props;
|
||||||
import { LiaDotCircle } from "react-icons/lia";
|
import { LiaDotCircle } from "react-icons/lia";
|
||||||
---
|
---
|
||||||
|
|
||||||
<div class="flex items-center md:text-[3vw] text-[4.5vw] ml-[10%] md:pt-[10%] pt-[15%] text-white font-semibold">
|
<div
|
||||||
|
class="flex items-center md:text-[3vw] text-[4.5vw] ml-[10%] md:pt-[5%] pt-[10%] text-white font-semibold"
|
||||||
|
>
|
||||||
<LiaDotCircle className=" mr-[1vw] text-[2.7vw]" />
|
<LiaDotCircle className=" mr-[1vw] text-[2.7vw]" />
|
||||||
<p>
|
<p>
|
||||||
{title}
|
{title}
|
||||||
|
|
|
||||||
|
|
@ -4,7 +4,7 @@ import eventbg from "../../images/eventbg.webp";
|
||||||
import { LiaDotCircle } from "react-icons/lia";
|
import { LiaDotCircle } from "react-icons/lia";
|
||||||
---
|
---
|
||||||
|
|
||||||
<div class="w-full md:pt-[13vw] pt-[16vw] flex justify-center relative">
|
<div class="w-full md:pt-[5vw] pt-[10vw] flex justify-center relative">
|
||||||
<Image
|
<Image
|
||||||
src={eventbg}
|
src={eventbg}
|
||||||
alt="Event Page Background"
|
alt="Event Page Background"
|
||||||
|
|
|
||||||
|
|
@ -3,19 +3,30 @@ import Link from "next/link";
|
||||||
import { LiaDotCircle } from "react-icons/lia";
|
import { LiaDotCircle } from "react-icons/lia";
|
||||||
---
|
---
|
||||||
|
|
||||||
<div class="md:pt-[10vw] pt-[15vw] text-white w-full flex justify-center md:mb-[8vw] mb-[15vw]">
|
<div
|
||||||
|
class="md:pt-[5vw] pt-[10vw] text-white w-full flex justify-center md:mb-[8vw] mb-[15vw]"
|
||||||
|
>
|
||||||
<div class="w-3/4 md:h-[25vw] h-[35vw] flex justify-between flex-col">
|
<div class="w-3/4 md:h-[25vw] h-[35vw] flex justify-between flex-col">
|
||||||
<div class="flex items-center md:text-[3vw] text-[4.5vw] pl-[5%] pt-[5%]">
|
<div class="flex items-center md:text-[3vw] text-[4.5vw] pl-[5%] pt-[5%]">
|
||||||
<LiaDotCircle className=" mr-[1vw] pt-[0.5%]" />
|
<LiaDotCircle className=" mr-[1vw] pt-[0.5%]" />
|
||||||
<p>
|
<p>Contact Us</p>
|
||||||
Contact Us
|
|
||||||
</p>
|
|
||||||
</div>
|
</div>
|
||||||
<p class="md:text-[1.25vw] text-[2vw]">
|
<p class="md:text-[1.25vw] text-[2vw]">
|
||||||
The <a class=" text-ieee-yellow underline" href="https://maps.app.goo.gl/y4RwNCkoKBEHGHsv6" target="_blank">IEEE Project Space</a> is an open-access, collaborative space located at EBU1-4710. Students can do homework or get access to basic electronic tools such as soldering stations, breadboard components, and Arduino and Raspberry PI parts!
|
The <a
|
||||||
|
class="text-ieee-yellow underline"
|
||||||
|
href="https://maps.app.goo.gl/y4RwNCkoKBEHGHsv6"
|
||||||
|
target="_blank">IEEE Project Space</a
|
||||||
|
> is an open-access, collaborative space located at EBU1-4710. Students can
|
||||||
|
do homework or get access to basic electronic tools such as soldering stations,
|
||||||
|
breadboard components, and Arduino and Raspberry PI parts!
|
||||||
</p>
|
</p>
|
||||||
<div class="flex justify-end">
|
<div class="flex justify-end">
|
||||||
<Link data-inview href="https://maps.app.goo.gl/y4RwNCkoKBEHGHsv6" target="_blank" className="in-view:animate-jump-in border-white/70 border-[0.1vw] py-[1%] px-[8%] rounded-[0.7vw] hover:text-ieee-yellow hover:border-ieee-yellow duration-300 md:text-[1.2vw] text-[2vw]">
|
<Link
|
||||||
|
data-inview
|
||||||
|
href="https://maps.app.goo.gl/y4RwNCkoKBEHGHsv6"
|
||||||
|
target="_blank"
|
||||||
|
className="in-view:animate-jump-in border-white/70 border-[0.1vw] py-[1%] px-[8%] rounded-[0.7vw] hover:text-ieee-yellow hover:border-ieee-yellow duration-300 md:text-[1.2vw] text-[2vw]"
|
||||||
|
>
|
||||||
DISCORD
|
DISCORD
|
||||||
</Link>
|
</Link>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -3,22 +3,35 @@ import Link from "next/link";
|
||||||
import { LiaDotCircle } from "react-icons/lia";
|
import { LiaDotCircle } from "react-icons/lia";
|
||||||
---
|
---
|
||||||
|
|
||||||
<div class="md:pt-[7vw] pt-[15vw] text-white w-full flex justify-center mb-[10vw]">
|
<div class="text-white w-full flex justify-center mb-[10vw]">
|
||||||
<div class="w-3/4 md:h-[20vw] h-[40vw] flex justify-between flex-col">
|
<div class="w-3/4 md:h-[20vw] h-[40vw] flex justify-between flex-col">
|
||||||
<div data-inview class=" animate-ease-in-out flex items-center text-[6vw] md:text-[3vw] pl-[5%] pt-[5%] in-view:animate-fade-right">
|
<div
|
||||||
|
data-inview
|
||||||
|
class="animate-ease-in-out flex items-center text-[6vw] md:text-[3vw] pl-[5%] pt-[5%] in-view:animate-fade-right"
|
||||||
|
>
|
||||||
<LiaDotCircle className=" mr-[1vw] pt-[0.5%]" />
|
<LiaDotCircle className=" mr-[1vw] pt-[0.5%]" />
|
||||||
<p>
|
<p>Join Us</p>
|
||||||
Join Us
|
|
||||||
</p>
|
|
||||||
</div>
|
</div>
|
||||||
<p class="text-[2.2vw] md:text-[1.25vw]">
|
<p class="text-[2.2vw] md:text-[1.25vw]">
|
||||||
The <a class=" text-ieee-yellow underline" href="https://maps.app.goo.gl/y4RwNCkoKBEHGHsv6" target="_blank">IEEE Project Space</a> is an open-access, collaborative space located at EBU1-4710. Students can do homework or get access to basic electronic tools such as soldering stations, breadboard components, and Arduino and Raspberry PI parts!
|
The <a
|
||||||
|
class="text-ieee-yellow underline"
|
||||||
|
href="https://maps.app.goo.gl/y4RwNCkoKBEHGHsv6"
|
||||||
|
target="_blank">IEEE Project Space</a
|
||||||
|
> is an open-access, collaborative space located at EBU1-4710. Students can
|
||||||
|
do homework or get access to basic electronic tools such as soldering stations,
|
||||||
|
breadboard components, and Arduino and Raspberry PI parts!
|
||||||
</p>
|
</p>
|
||||||
<div data-inview class="animate-ease-in-out flex justify-end in-view:animate-fade-up">
|
<div
|
||||||
<Link href="https://maps.app.goo.gl/y4RwNCkoKBEHGHsv6" target="_blank" className="text-[2.5vw] md:text-[1.2vw] border-white/70 border-[0.1vw] py-[1%] px-[8%] rounded-[0.7vw] hover:text-ieee-yellow hover:border-ieee-yellow duration-300">
|
data-inview
|
||||||
|
class="animate-ease-in-out flex justify-end in-view:animate-fade-up"
|
||||||
|
>
|
||||||
|
<Link
|
||||||
|
href="https://maps.app.goo.gl/y4RwNCkoKBEHGHsv6"
|
||||||
|
target="_blank"
|
||||||
|
className="text-[2.5vw] md:text-[1.2vw] border-white/70 border-[0.1vw] py-[1%] px-[8%] rounded-[0.7vw] hover:text-ieee-yellow hover:border-ieee-yellow duration-300"
|
||||||
|
>
|
||||||
JOIN
|
JOIN
|
||||||
</Link>
|
</Link>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
Loading…
Reference in a new issue