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

added iframe for OAH

Browse source
This commit is contained in:
chark1es 2025-01-13 01:00:46 -08:00
parent c62379a53c
commit e6d6dc16a6
2 changed files with 19 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

19
src/components/join/OAH.astro Normal file
View file

@ -0,0 +1,19 @@
---
---
<div
data-inview
class="flex flex-col items-center w-[40vw] my-[10%] in-view:animate-fade-down"
>
<p class="text-ieee-yellow text-[1.2vw]">Each officer has their own OAH</p>
<p class="text-white text-[2.5vw] my-[2%]">Check out our calendar!</p>
<iframe
class="object-cover aspect-[1000/400] w-[90%] rounded-[1.5vw]"
src="https://calendar.google.com/calendar/embed?src=c_62493071bab19c7c60d103460604dc7b3b569ffc1e58a42617978f626dff02ac%40group.calendar.google.com&ctz=America%2FLos_Angeles"
style="border: 0"
width="600"
height="450"
frameborder="0"
scrolling="no"></iframe>
</div>

13
src/components/join/OH.astro
View file

@ -1,13 +0,0 @@
---
const {title, subtitle, image} = Astro.props;
---
<div data-inview class="flex flex-col items-center w-[40vw] my-[10%] in-view:animate-fade-down">
<p class="text-ieee-yellow text-[1.2vw]">
{subtitle}
</p>
<p class="text-white text-[2.5vw] my-[2%]">
{title}
</p>
<img src={image} alt="Office hours" class="object-cover aspect-[620/408] w-[90%] rounded-[2vw]" />
</div>