DevvitIO / DevvitIO/ReallyAnnoyingDirectory

Improve the directory CSS layout with more StyleSheets

Open
#1 4 comments 0 reactions 0 assignees View on GitHub
Creative Content enhancement hacktoberfest help wanted
Dominant language
HTML
Stars
30
Forks
47
PR merge metrics
No merged PRs in 30d

Description

**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
- [columns](https://dribbble.com/shots/2191654-InVision-Workflow-Design-driven-project-management)
-[Navigation](https://dribbble.com/shots/3390803-Navigation)
-[Boxes](https://dribbble.com/shots/1293733-Supply)
-[Data columns](https://dribbble.com/shots/1949281-Cashflow-App-V2 )

Misc cool CSS effects
[SlideShow](https://codepen.io/Tor020/pen/prOepP) [SVG animation ](https://codepen.io/Tor020/pen/awwVOr ) [Font Jerky Font Effect ](https://codepen.io/lbebber/pen/ypgql ) [Smooth Font Effect](https://codepen.io/diegopardo/pen/dGlfC ) [3D Font Effect ]( https://codepen.io/noahblon/pen/CsxfH) [Dramatic Font Shadow ](https://codepen.io/juanbrujo/pen/yGpAK )

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.

Contributor guide

No contributing guide indexed for this repository

Research direction

Start by inspecting the directory page and the existing files in the DirectoryStyles folder. Add an external stylesheet there and verify that the directory remains readable and accessible, uses CSS for layout changes, and keeps all page links clickable.

Written by the indexing model from the issue text.

Assessment

Tech stack
css, html
Domain
accessibility, design, frontend, web-dev
Issue type
Feature
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.