Skip to content

Download Page Update#1

Open
MarcusGuevarra wants to merge 1 commit into
OpenTaiko:mainfrom
MarcusGuevarra:downloads
Open

Download Page Update#1
MarcusGuevarra wants to merge 1 commit into
OpenTaiko:mainfrom
MarcusGuevarra:downloads

Conversation

@MarcusGuevarra
Copy link
Copy Markdown

@MarcusGuevarra MarcusGuevarra commented Jan 22, 2025

download.html
-> Added Divisions for more clear UI for the users to interact with -> Added Placeholder moving backgrounds using the images available -> Added divisions for each Section ( OpenTaiko Hub Download, Download Tutorial, Source Code and Assets )

download.css
-> Added Division box for design
-> Added Background movement for dynamic feel
-> Changed paragraph font size for better readability

style.css
-> Added overflow: scroll; for better scrollability

@MarcusGuevarra
Download Page Update
4023a8a 
download.html
-> Added Divisions for more clear UI for the users to interact with
-> Added Placeholder moving backgrounds using the images available
-> Added divisions for each Section ( OpenTaiko Hub Download, Download Tutorial, Source Code and Assets )

download.css
-> Added Division box for design
-> Added Background movement for dynamic feel
-> Changed paragraph font size for better readability

style.css
-> Added overflow: scroll; for better scrollability
@DragonRatTiger
Copy link
Copy Markdown
Collaborator

DragonRatTiger commented Jan 26, 2025

Sorry for taking a while to respond to this, there's some things to note :

  • I failed to mention that we're using Svelte instead, and that the HTML/CSS/JS files were meant to be deleted. I can help transfer this code to Svelte if needed.
  • The background should be reworked :
    • The background appears very large, and should be fixed instead of relative. Check the <html> tag's CSS on the Songlist page to see how this is done.
    • The background scrolls very quickly & snaps back after completing its animation. Since it's difficult to correctly animate a background's offset while using cover, consider animating the background offset through something like JS.
    • A bit of white can be seen just below the website's header, meaning that the background doesn't completely cover the page.
  • The "Download OpenTaiko" button for hub should be replaced with individual buttons, linking to the latest version of each installer available.
  • A vertical scroll bar appears at the bottom of the page; this should not be there.
  • The bottom of the page is slightly cut off by the footer. (Check image below)
    image

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

No reviews

Assignees

No one assigned

Labels

None yet

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

2 participants

@MarcusGuevarra @DragonRatTiger