ReallyAnnoyingDirectory icon indicating copy to clipboard operation
ReallyAnnoyingDirectory copied to clipboard

Improve the directory CSS layout with more StyleSheets

Open Tor020 opened this issue 8 years ago • 4 comments

Requirements

  • Add an external stylesheet to the DirectoryStyles folder to keep the files organized. Name the stylesheet the same name that you use on Discord or on Github, Specify which it is in the PR.
  • The content of the page must remain readable and accessible.
  • You may move around items on the page, but only with css.
  • Animations are perfectly acceptable, but you must be able to click the links on the page.
  • You may take any personal liberty with styling the page. Any color scheme any font choice etc. The changes must be css.

Allowance

  • You can use a CDN to bring in a framework
  • I will allow some javascript, but If you would like to use Javascript, please clear it with me first.

Here are some ideas, but feel free to ignore all of them and do something completely different. Just make sure it meets the requirements outlined above

Misc cool CSS effects SlideShow SVG animation Font Jerky Font Effect Smooth Font Effect 3D Font Effect Dramatic Font Shadow

The pages themselves should be annoying, but the directory they're on should be pleasant and usable.

Two issues will be created, one for putting buttons on the page that allow the user to choose from different style sheets and another to implement random functionality so that everytime the page loads, a random stylesheet is chosen.

Tor020 avatar Oct 06 '17 22:10 Tor020

Will add to my PR provided no one beats me

yochrisbolton avatar Oct 09 '17 00:10 yochrisbolton

If anyone wants to submit css to style the index page differently, while still prioritizing readablilty and a comfortable layout, i'll put in some functionality that chooses a random stylesheet on load and make another issue to allow people visiting the page to select different stylesheets, which will be named as your username from selection.

I'll be editing this issue to reflect the new requirements.

I'll find a few more example layouts to give you guys some ideas of alternative layout style, however if you want to simply change the color while keeping a similar layout, that's an option too

Tor020 avatar Oct 09 '17 02:10 Tor020

Updated for 2018 hacktoberfest

Tor020 avatar Sep 22 '18 22:09 Tor020

I want to work on this.

Swayamsvk avatar Oct 08 '19 15:10 Swayamsvk