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

add image for 404

Browse source
This commit is contained in:
Shing Hung 2025-01-06 12:19:38 -08:00
parent a702ee36aa
commit c5e56a73b4
3 changed files with 11 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
public/404.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 2 MiB

2
src/components/events/EventTitle.astro
View file

@ -1,6 +1,6 @@
--- ---
import { Image } from "astro:assets"; import { Image } from "astro:assets";
import eventbg from "/eventbg.png"; import eventbg from "../../../public/eventbg.png";
import { LiaDotCircle } from "react-icons/lia"; import { LiaDotCircle } from "react-icons/lia";
--- ---

20
src/components/qp/Timeline.astro
View file

@ -4,14 +4,14 @@ const { events } = qpTimeline;
import Subtitle from "../core/Subtitle.astro"; import Subtitle from "../core/Subtitle.astro";
--- ---
<div class="flex flex-col items-center my-[5%]"> <div class="flex flex-col items-center mt-[10%] mb-[15%]">
<Subtitle title="Timeline" /> <Subtitle title="Timeline" />
<div <div
class="relative flex items-center justify-between w-full max-w-4xl py-[10%]" class="relative flex items-center justify-between w-full max-w-[65vw] py-[10%] mt-[3%]"
> >
<div <div
class="absolute top-1/2 w-full h-0.5 bg-gray-200 transform -translate-y-1/2" class="absolute top-1/2 w-full h-[0.1vw] bg-gray-200 transform -translate-y-1/2"
> >
</div> </div>
@ -23,14 +23,14 @@ import Subtitle from "../core/Subtitle.astro";
> >
<div <div
class={`absolute ${ class={`absolute ${
index % 2 === 0 ? "bottom-0 mb-20" : "top-0 mt-20" index % 2 === 0 ? "bottom-0 mb-[70%]" : "top-0 mt-[70%]"
} flex flex-col items-center`} } flex flex-col items-center`}
> >
<div class="text-center"> <div class="text-center">
<div class="font-bold text-ieee-yellow"> <div class="font-bold text-ieee-yellow text-[1.4vw]">
{event.week} {event.week}
</div> </div>
<div class="text-sm text-gray-300 max-w-[120px]"> <div class="text-[1.1vw] text-gray-300 max-w-[10vw]">
{event.description} {event.description}
</div> </div>
</div> </div>
@ -39,13 +39,13 @@ import Subtitle from "../core/Subtitle.astro";
<div <div
class={`absolute ${ class={`absolute ${
index % 2 === 1 index % 2 === 1
? "h-[75px] top-1/2" ? "h-[5vw] top-1/2"
: "h-[75px] bottom-1/2" : "h-[5vw] bottom-1/2"
} w-0.5 bg-white `} } w-[0.1vw] bg-white`}
/> />
<div class="absolute top-1/2 transform -translate-y-1/2"> <div class="absolute top-1/2 transform -translate-y-1/2">
<div class="w-4 h-4 bg-white border-2 rounded-full" /> <div class="w-[1.2vw] h-[1.2vw] bg-white border-2 rounded-full" />
</div> </div>
</div> </div>
)) ))