Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Improve the directory CSS layout with more StyleSheets #1

Open
Tor020 opened this issue Oct 6, 2017 · 4 comments
Open

Improve the directory CSS layout with more StyleSheets #1

Tor020 opened this issue Oct 6, 2017 · 4 comments

Comments

@Tor020
Copy link
Member

Tor020 commented Oct 6, 2017

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.

@yochrisbolton
Copy link
Contributor

Will add to my PR provided no one beats me

LandonPatmore added a commit to LandonPatmore/ReallyAnnoyingDirectory that referenced this issue Oct 9, 2017
- reworked the index.html page to look like the codepen referenced in issue DevvitIO#1
- created stylesDirectory that holds .css files for pages
LandonPatmore added a commit to LandonPatmore/ReallyAnnoyingDirectory that referenced this issue Oct 9, 2017
- references issue DevvitIO#1 that asks for external stylesheet to track styles
    - interpreted this as creating a directory that held css files of all pages
- moved all css of current pages to external css files and are linked inside the html pages
    - work exactly like before except now css and html are seperated
@Tor020
Copy link
Member Author

Tor020 commented Oct 9, 2017

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

LandonPatmore added a commit to LandonPatmore/ReallyAnnoyingDirectory that referenced this issue Oct 9, 2017
Tor020 added a commit that referenced this issue Oct 9, 2017
references issue #1 by restyling the index page
@Tor020 Tor020 changed the title Improve the directory CSS layout Improve the directory CSS layout with more StyleSheets Oct 18, 2017
Tor020 pushed a commit that referenced this issue Oct 23, 2017
@Tor020
Copy link
Member Author

Tor020 commented Sep 22, 2018

Updated for 2018 hacktoberfest

@Swayamsvk
Copy link

I want to work on this.

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

No branches or pull requests

3 participants