Saidit.net - Side-scrolling banner has been disabled, further CSS changes to improve appearance

submitted by magnora7[A] from (self.SaidIt)

Although some people liked it, the general consensus was that the scrolling banner sucks because it eats up too much CPU and also has other bad effects (and was causing me to feel slight motion-sickness). So I've changed it back to the normal banner, with the vertical scroll-activated parallax now enabled.

Also I did some more CSS changes, to make the comments' and links' colored backgrounds borders fade in to the normal background as they go to the right, to make the page less visually busy but still allow the posts to be distinguished from each other easily. Subtle effect, but it cuts down on the clutter a lot. I also did an overhaul of the CSS for the search and wiki systems, so they're a lot more accessible. If you see any more bugs or errors in the layout of any page on saidit, please let us know in the comments below.

Later today or tomorrow I will probably take on our final CSS challenge: Moving the vote buttons to be side-by-side instead of on top of each other. This will help show off the fact our upvotes are two unique upvotes, not an upvote and downvote like on reddit. Once this is done, our CSS changes should be entirely complete. Thanks everyone!

all 8 comments
sorted by:
top
newinsightfulfun

[–]portcity 4 insightful - 1 fun4 insightful - 0 fun5 insightful - 1 fun -  (1 child)

Hey /u/magnora7 ... really love the visual update!! Great work. Is there any way I can get the update as well on portcity? If not, I completely get it. Just thought I should ask as I love what you've done! Thanks ...

[–]magnora7[S] 3 insightful - 2 fun3 insightful - 1 fun4 insightful - 2 fun -  (0 children)

Thanks! Check out our github commits since Nov 21, that's when I started the visual updates: https://github.com/libertysoft3/saidit/commits/master

I've almost only changed the CSS, which is in the .less files. You can copy that CSS over for yourself to portcity (assuming it still has the same old reddit html class tags). Or you can port over each change individually by using your browser's "inspect" tool on our website to see what the CSS design is for the elements you'd like to copy. If you need any help, let me know.

[–]magnora7[S] 3 insightful - 2 fun3 insightful - 1 fun4 insightful - 2 fun -  (1 child)

Sometimes I feel like it's still moving, even though it's not. It's like after you've been on a boat for a long time lol. Turning it off was a good idea

[–]m68k 2 insightful - 2 fun2 insightful - 1 fun3 insightful - 2 fun -  (0 children)

Or driving for an hour, then sitting down afterwards just to feel you're still moving forward.

[–]SierraKiloBravo 3 insightful - 2 fun3 insightful - 1 fun4 insightful - 2 fun -  (1 child)

This will help show off the fact our upvotes are two unique upvotes, not an upvote and downvote like on reddit.

Great idea

[–]FormosaOolong 3 insightful - 2 fun3 insightful - 1 fun4 insightful - 2 fun -  (0 children)

Yeah, noice!

[–]RatherSmallPotato 3 insightful - 1 fun3 insightful - 0 fun4 insightful - 1 fun -  (1 child)

Nice!

How is this infrastructure wise? Are the costs high? Is there any optimization to be done here? Site always runs smooth, just curious.

[–]magnora7[S] 3 insightful - 1 fun3 insightful - 0 fun4 insightful - 1 fun -  (0 children)

Our infrastructure is doing good. We have 3 servers now, the main one is $55/mo, and the other two are just $5/mo, and our domain costs are $1/mo, so our total expenses for everything is $61/mo. It's very very streamlined, we've put a lot of effort in to that.

And thankfully our incoming donations are a steady $45/mo, counting cryptocurrency donations. So we've got it pretty optimized from a hardware and cost point of view. Please consider donating via patreon or cryptocurrency if you really want to help out saidit!