diff options
| author | Bobby <[email protected]> | 2025-05-13 04:30:40 +0530 |
|---|---|---|
| committer | Bobby <[email protected]> | 2025-05-13 04:30:40 +0530 |
| commit | bde3bf7a280c48e4d9273415e7353a20a0486db3 (patch) | |
| tree | befd347e6d6df97cace4c661a5baa5141ed07d3b /src/components | |
| parent | 87320dfcad1ef13b35fdd4443bcb5647e0c43925 (diff) | |
| download | pagoda-bde3bf7a280c48e4d9273415e7353a20a0486db3.tar.xz pagoda-bde3bf7a280c48e4d9273415e7353a20a0486db3.zip | |
added districts and improved layout
Diffstat (limited to 'src/components')
| -rw-r--r-- | src/components/AnnouncementsMarqueeComponent.astro | 10 | ||||
| -rw-r--r-- | src/components/DistrictCardComponent.astro | 12 |
2 files changed, 15 insertions, 7 deletions
diff --git a/src/components/AnnouncementsMarqueeComponent.astro b/src/components/AnnouncementsMarqueeComponent.astro index df9e30d..ea5ca39 100644 --- a/src/components/AnnouncementsMarqueeComponent.astro +++ b/src/components/AnnouncementsMarqueeComponent.astro @@ -1,15 +1,11 @@ --- -import type { Announcement } from '../types/Announcement'; -import announcementsData from '../data/announcements.json'; +import { getAnnouncements, Announcement } from '../data/announcements'; import SingleAnnouncementComponent from './SingleAnnouncementComponent.astro'; -const announcements: Announcement[] = announcementsData; -const sortedAnnouncements = announcements.sort((a, b) => { - return new Date(b.date).getTime() - new Date(a.date).getTime(); -}); +const announcements: Announcement[] = getAnnouncements(); --- <marquee behavior="scroll" direction="up" scrollamount="1" scrolldelay="30" onmouseover="this.stop()" onmouseout="this.start()" class="h-[180px] w-[672px] border-b-2 border-white/75 relative left-2"> - {sortedAnnouncements.map((announcement) => ( + {announcements.map((announcement) => ( <SingleAnnouncementComponent isNew={announcement.isNew} date={announcement.date}> {announcement.text} </SingleAnnouncementComponent> diff --git a/src/components/DistrictCardComponent.astro b/src/components/DistrictCardComponent.astro new file mode 100644 index 0000000..6da9aa2 --- /dev/null +++ b/src/components/DistrictCardComponent.astro @@ -0,0 +1,12 @@ +--- +const { district } = Astro.props; +--- +<a class={`flex flex-row bg-${district.id} rounded items-center px-4 py-2`} href={`/districts/${district.id}`}> + <div class="w-2/3"> + <h2 class="text-lg saira">{district.name}</h2> + <p class="text-xs">{district.description}</p> + </div> + <div class="w-1/3 flex justify-end"> + <img src={district.image} alt={district.name} class="max-h-[70px]" /> + </div> +</a>
\ No newline at end of file |