fix opacity

This commit is contained in:
Shing Hung 2025-01-04 17:36:12 -08:00
parent cb6838fe6b
commit cd4105cacd
6 changed files with 50 additions and 2 deletions

BIN
public/event.JPG Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 3 MiB

View file

@ -0,0 +1,24 @@
---
import Link from "next/link";
import { LiaDotCircle } from "react-icons/lia";
---
<div class="pt-[14vh] text-white w-full flex justify-center mb-[10vh]">
<div class="w-3/4 h-[40vh] flex justify-between flex-col">
<div class="flex items-center text-[3vw] pl-[5%] pt-[5%]">
<LiaDotCircle className=" mr-[1vw] pt-[0.5%]"/>
<p>
Contact Us
</p>
</div>
<p class="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!
</p>
<div class="flex justify-end">
<Link href="https://maps.app.goo.gl/y4RwNCkoKBEHGHsv6" target="_blank" className="border-white/70 border-[0.1vw] py-[1%] px-[8%] rounded-[0.7vw] hover:text-ieee-yellow hover:border-ieee-yellow duration-300 text-[1.2vw]">
DISCORD
</Link>
</div>
</div>
</div>

View file

@ -15,7 +15,7 @@ import { LiaDotCircle } from "react-icons/lia";
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>
<div class="flex justify-end">
<Link href="https://maps.app.goo.gl/y4RwNCkoKBEHGHsv6" target="_blank" className="border-white/70 border-[0.1vw] py-[1%] px-[8%] rounded-[0.7vw] hover:text-ieee-yellow hover:border-ieee-yellow duration-300">
<Link href="https://maps.app.goo.gl/y4RwNCkoKBEHGHsv6" target="_blank" className="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
</Link>
</div>

View file

@ -17,7 +17,7 @@
},
{
"name": "Find Us",
"path": "/find-us"
"path": "/find"
},
{
"name": "Online Store",

7
src/pages/events.astro Normal file
View file

@ -0,0 +1,7 @@
---
import Layout from "../layouts/Layout.astro";
---
<Layout>
QP
</Layout>

17
src/pages/find.astro Normal file
View file

@ -0,0 +1,17 @@
---
import Layout from "../layouts/Layout.astro";
import Social from "../components/core/Social.astro";
import Findus from "../components/join/Findus.astro";
import FindTitle from "../components/find/FindTitle.astro";
import { Image } from "astro:assets";
import event from "../../public/event.jpg"
---
<Layout>
<FindTitle />
<div class="w-full flex justify-center">
<Image src={event} alt="board group photos" class=" w-3/4 mt-[3%] rounded-full"/>
</div>
<Findus />
<Social />
</Layout>