DSA_SF/dsasf-theme
1
1
Fork 0
Code Issues 15 Pull requests Projects 2 Releases Packages Wiki Activity Actions

Calendar Page Design #5

New issue
Open
opened 2026-01-25 12:40:22 -08:00 by good_matty · 4 comments
good_matty commented 2026-01-25 12:40:22 -08:00
Owner
Copy link

Currently

The calendar page on the on the website looks like this: image

It is a mostly-unstyled Wordpress plugin that produces a standard calendar. I think we could probably do better than this.

The Website Team currently does not have any tickets associated to this page or any design work associate to it in this document.

# Currently The calendar page on the [on the website](https://dsasf.org/events/) looks like this: ![image](/attachments/5772927f-48a1-492e-928d-6e86588b7d55) It is a mostly-unstyled [Wordpress plugin](https://wordpress.org/plugins/pretty-google-calendar/) that produces a standard calendar. I think we could probably do better than this. The Website Team currently does not have any tickets associated to this page or any design work associate to it in [this document](https://docs.google.com/document/d/1u4Omy4JcjlO_cf7_c2GNxFURIjPQgumm8KTzJ_xNlRs/edit?tab=t.n0yf3uqjfuw7#heading=h.hh5a2cxyhtu7).
image.png
172 KiB
thejenbo commented 2026-01-25 12:47:25 -08:00
Copy link

Can we have a pull-out with the next week's "new member friendly" events? It'd be cool if a new person could see that quickly.

Can we have a pull-out with the next week's "new member friendly" events? It'd be cool if a new person could see that quickly.
good_matty commented 2026-01-26 21:49:03 -08:00
Author
Owner
Copy link

Based on @thejenbo good ideas, made some mockups:

First is maybe a tabbed layout.

Based on @thejenbo good ideas, made some mockups: First is maybe a tabbed layout.
calendar-a-tab-beginner.png
392 KiB
calendar-a-tab-all.png
202 KiB
calendar-a-tab-recurring.png
134 KiB
calendar-a-tab-beginner.png calendar-a-tab-all.png calendar-a-tab-recurring.png
good_matty commented 2026-01-26 21:49:56 -08:00
Author
Owner
Copy link

B is a dashboard type of thing, don't mind the proportions, it's just the idea.

C is a carousel up top, and maybe some marquee at the bottom.

D is a grid with an omitted full calendar that is linked on a separate page.

B is a dashboard type of thing, don't mind the proportions, it's just the idea. C is a carousel up top, and maybe some marquee at the bottom. D is a grid with an omitted full calendar that is linked on a separate page.
calendar-c.png
249 KiB
calendar-d.png
136 KiB
calendar-b.png
241 KiB
calendar-c.png calendar-d.png calendar-b.png
good_matty commented 2026-01-26 21:56:18 -08:00
Author
Owner
Copy link

Another idea is to have something like A, where there are tabs that filter a fixed calendar, while maintaining a callout for the next general meeting. I think that's my favorite idea right now.

Another idea is to have something like A, where there are tabs that filter a fixed calendar, while maintaining a callout for the next general meeting. I think that's my favorite idea right now.
good_matty changed title from What should the calendar page look like? to Calendar Page Design 2026-01-28 14:30:42 -08:00
Sign in to join this conversation.
No Branch/Tag specified
Branches Tags
main
good_matty-patch-1
clean-vapour-dev
No results found.
Labels
Clear labels   
bug

Something is not working

  
design

   
duplicate

This issue or pull request already exists

  
enhancement

New feature

  
help wanted

Need some help

  
invalid

Something is wrong

  
question

More information is needed

  
wontfix

This won't be fixed

No labels
bug
design
duplicate
enhancement
help wanted
invalid
question
wontfix
Milestone
Clear milestone
No items
No milestone
Initial Design
Projects
Clear projects
No items
No project
Initial Design of Website
Assignees
Clear assignees
No assignees
2 participants
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference
DSA_SF/dsasf-theme#5
No description provided.