search

osu-atri / osu-dictionary

A simple "dictionary" for osu! enthusiasts
https://osu-atri.github.io/osu-dictionary/
MIT License
0 stars 1 forks source link

Fix homepage landing background image #32

Open CloneWith opened 2 months ago

CloneWith commented 2 months ago

To make a reference to the background landing.gif in the CSS file, and define the text colour for dark mode exclusively.

NaughtyChas commented 2 months ago

Concept accepted but landing.gif obviously needs a better source and design. I'm currently working on this, comment down to express your thoughts about better landing.gif design.

CloneWith commented 2 months ago

If we have time and enough skill, I would like to make a card layout in place of the default tutorial feature placeholder, which can help make good use of the index page.

And for the background image we can consider:

NaughtyChas commented 2 months ago
  • Change the image: use triangle texture, and put an big icon to the right of the hero section.
  • Should we use a autoplaying video? (not good)

Triangle texture is already available in ./src/css/assets/triangles.svg

The original plan was using video in the background, but considering its size I have to use GIFs instead. External video-hosting servers or platforms my needed if we want to display videos, ~or we can use ppy's asset straight from here~.