Skip to content

[CW2-30] Design event cards #37

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 16 commits into from
Oct 18, 2024
Merged

[CW2-30] Design event cards #37

Changes from 1 commit
Commits
Show all changes
16 commits
Select commit Hold shift + click to select a range
b157bcb
add fake event data
derekxu04 Jun 13, 2024
b0d426d
Created two carousels for past events and current events with an over…
Oct 15, 2024
f277d05
Edited events page such that it can be visible when events is clicked
Oct 15, 2024
77a3747
Added in automatic slide feature as well as fixed the dates
Oct 16, 2024
11aed9f
Reduce carousel speed and append no event message
Domin0de Oct 18, 2024
2493e60
Merge branch 'master' of github.com:csesoc/csesoc-website-2023 into C…
Domin0de Oct 18, 2024
7492572
Move events information from data to events file
Domin0de Oct 18, 2024
7f9d647
Replace previous events carousel with gallery, remove previous events…
Domin0de Oct 18, 2024
91a1b10
Formatting fix
Domin0de Oct 18, 2024
6ee8463
Reduce width of gallery items
Domin0de Oct 18, 2024
6f5018a
Replace gallery library
Domin0de Oct 18, 2024
a17ddc3
Minor modifications to text sizing
Domin0de Oct 18, 2024
3f29431
Remove photo album and use grid format
Domin0de Oct 18, 2024
c240cd6
Minor formatting adjustments and reverting events data test
Domin0de Oct 18, 2024
a20cec8
Further minor formatting adjustments
Domin0de Oct 18, 2024
8fb3b4d
alter styling
derekxu04 Oct 18, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Next Next commit
Formatting fix
  • Loading branch information
@Domin0de
Domin0de committed Oct 18, 2024
commit 91a1b1013ae944c7e4779930518751c969084570
30 changes: 15 additions & 15 deletions frontend/src/components/Event/EventsCarousel.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -36,22 +36,22 @@ export default function EventsCarousel() {
>
{events.map((event, index) => (
<div key={index} className="w-full text-center">
<a href={event.link} target="_blank" rel="noopener noreferrer" className="relative block w-full h-64 group transition-opacity duration-3000">
<img
src={event.image}
alt={event.title}
className="w-full h-64 object-contain rounded-md"
/>
<div className="w-full h-64 absolute inset-0 bg-black bg-opacity-60 opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-center justify-center rounded-md">
<div className="text-white text-center p-4">
<h2 className="font-extrabold text-xl mb-2">{event.title}</h2>
<h3 className="font-bold text-lg">{event.location}</h3>
<p className="mt-2">
{formatEventDate(event.startTime, event.endTime)}
</p>
<a href={event.link} target="_blank" rel="noopener noreferrer" className="relative block w-full h-64 group transition-opacity duration-3000">
<img
src={event.image}
alt={event.title}
className="w-full h-64 object-contain rounded-md"
/>
<div className="w-full h-64 absolute inset-0 bg-black bg-opacity-60 opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-center justify-center rounded-md">
<div className="text-white text-center p-4">
<h2 className="font-extrabold text-xl mb-2">{event.title}</h2>
<h3 className="font-bold text-lg">{event.location}</h3>
<p className="mt-2">
{formatEventDate(event.startTime, event.endTime)}
</p>
</div>
</div>
</div>
</a>
</a>
</div>
))}
</Carousel>
Expand Down
Loading