This text will be updated as my to-do list wraps up.
My first sub is where I test CSS stuff and work things out:
There are many old extra images there an on other subs to clean out. Ultimately, for all future references my final CSS I will use my shortest sub:
From my opening comment, " This CSS may not be the prettiest but it aims to be as practical as possible. Aesthetic style evolved secondarily to the top priority of ergonomic functionality. Each distinct colour has a unique function with enough perceived contrast for maximum glare-free readability. Improvement feedback is most welcome. "
Not a Redditor, as a newbie, I was offering suggestions on how to improve the readability and functionality of the default SaidIt GUI. Of course I started a list. magnora7 and d3rr implemented some things and didn't get to others. At some point someone suggested I start a CSS theme to show and prove things to be be adopted site wide. The site wide thing didn't happen and I went even more extreme with the "ergonomic" stuff leading the aesthetic. It's not perfect but it's not bad either. In the process I've mapped out much of the SaidIt page architecture and gained a tiny glimpse into a part of the inner workings. I'm still so far from expert but I can help, for as long as I remember. My unconventional code is arranged to fit my browser in a way that works for me. I spent a few solid days removing all the redundancies I could.
Near the top in the commented code I have installation instructions for everyone, including newbies. Right now it's all out of wack, but the /s/Sex one will be the definitive one soon enough and all others will be copies.
My CSS To Do list:
- add to my latest CSS parts of my old CSS, commented out, as an option for different header menus
- design alt day/night SVG icon, see if folks like it or not
- design lightbulb/smiley vote SVG icons, to scale in mobile mode, see if folks like it or not
- new banner redesigns : Architecture, Canada, ElectionsUSA2020, Tin Foil Hat, USAmerica,
- first banner designs : FLOSS, Race_DivisionByElites, GlossedOver, GlossedAndProfound, BittersweetSeeds, Trutherism101
And, why I've drafted this post...
I need a little help.
On both the /s/DecentralizeAllThings and /s/Sex subs you'll find in the sidebox:
- a box-space near the top just below "search" (I'll call that the UnderSearch box)
- an extra box-space after the very bottom of the sidebox (I'll call that the SideboxFooter) and it says "Ergonomix Subsaidit CSS Theme https://Saidit.net/s/Sex/about/stylesheet/"
For #2 I'd like it to be linked text with the url hidden. I don't know how to do that. In the code you can search for the comment title: "sidebox after box with name of CSS theme"
For #1, in the code you can search for "above submit buttons".
On /s/Sex it's a decorative element only using part of the banner image depending on the day/night modes. While that is nice, it's unnecessarily, and has complicated my installation instruction manual. (Also FYI, I couldn't position the image "window" like the banner with a xx% left-right and xx% up-down, but have very limited options like top-left, top-center, center, bottom-center, bottom-right, etc.)
On /s/DecentralizeAllThings I hoped in the UnderSearch grey box this code would work (like it did adding text for the SideboxFooter):
content: "SaidIt Important News!"
Actually, I don't even need it to work. I was trying to show you rather than tell you. Now I'll tell you about my idea...
The UnderSearch box could be a little "SaidIt Important Announcements" box. It doesn't even need the title as this would be or become obviousl. This site-wide bulletin box could have links to the latest developments, etc in posts. They don't even need the full title. Examples:
This tiny notice board could be very static, could be curated, or could be a little bigger and more lively. Examples:
- "Movie Night starts in 4 hours"
- "SaidIt server tests 3am-6am"
- "New rule proposal, chime in"
- "Open trial in /s/SaidItConflicts"
- "magnora7's birthday on Fri"
Or whatever you/we like.