Skip to content

Reworked the landing page for Spring 2026#14

Open
vivi-j wants to merge 5 commits intomainfrom
refactor/spring2026
Open

Reworked the landing page for Spring 2026#14
vivi-j wants to merge 5 commits intomainfrom
refactor/spring2026

Conversation

@vivi-j
Copy link

@vivi-j vivi-j commented Feb 7, 2026

So far, I've worked on reworking the Landing page for both desktop and mobile interfaces based on the Figma design. Link with evidence for a quick view: https://screenrec.com/share/hJqc516KyL.

TODOs for this page:

  1. Image quality (Instagram icon, linkedin icon, youtube icon, acm icon, and the triangles) is subpar...
  2. Not sure what the 'on hover' behavior for the register button should be, so I let it be for the time being.
  3. I couldn't find an Ultra condensed Modenra woff2 file off the internet so I'm using a Moderna placeholder for now. On that note, the current file I'm using doesn't have a ?, so I'm using ? from another font.
  4. Need to clean up the code and improve image names later.
  5. Need to add an actual video in the placeholder area.
  6. The triangles are slightly problematic, but I'll talk about it during our meeting.
  7. Not sure where "Click here" should route the user to.
  8. I couldn't tell what the Register font was from the Figma file so I used Sunday Masthead.

Next steps:

  • Fix issues on the landing page
  • Move onto the register/login page

So far, I've worked on reworking the Landing page for both desktop and mobile interfaces based on the Figma design.

TODOs:
1. Image quality (Instagram icon, linkedin icon, youtube icon, acm icon, and the triangles) is subpar...
2. Not sure what the 'on hover' behavior for the register button should be, so I let it be for the time being.
3. I couldn't find an Ultra condensed Modenra woff2 file off the internet so I'm using a Moderna placeholder for now. On that note, the current file I'm using doesn't have a ?, so I'm using ? from another font.
4. Need to clean up the code and improve image names later.
5. Need to add an actual video in the placeholder area.
6. The triangles are slightly problematic, but I'll talk about it during our meeting.
7. Not sure where "Click here" should route the user to.
8. I couldn't tell what the Register font was from the Figma file so I used Sunday Masthead.
@vivi-j vivi-j requested a review from LukeSultzer February 7, 2026 21:52
@LukeSultzer
Copy link

Looks great a couple thoughts I had below

  • on screens bigger than 1440px I'd like the main content to still stretch out to the edges like it does on all sizes below 1440px this is just for people who have monitors.
  • Think about what is the main focus for the viewer on each section of the home page, for example without scrolling the user should only see the main peechi games and 300 dollar prize sign without seeing some of the video section poke out like in the image below
    image Can go over this more on wednesday
    -Was wondering if we could add some more animation to this page maybe see if we could add some kind of horizontal scrolling animation to this section
image (Thought this might not work unless all the content of this page hug the edges closely so less black space on the edges)

1. No login page for non admin users?
2. Can't go back to landing page without the back button - is this desirable behavior?
3. White register button on header vs pink register button on form
4. What does form register button do? ie what happens after registration?
5. Looking for other events? Not sure what goes here
6. I'd like to set up the admin page as well but what's the route for it? How do we know who admin users are? Admin only has log in, no register - so are we (devs) configuring admins?
- Added Viewport. Pls check this on bigger screens.
- Fixed width header and entire page? what about marquee ie infinite scrolling thing? Need Luke or someone with a bigger screen to test this. Feel free to check its behavior (scroll speed, etc).
- Cluttered bottom half? Thoughts?
- Triangle side art behavior on bigger screens needs to be looked at
- Rounded edges for images? Registration page uses rounded edges and I think it's good to be consistent
- Overall testing on bigger screen sizes is needed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants