I'm really trying to simplify the default theme. I don't care if it's fancy. I want it to work as a baseline without modification and then I want to make it as simple as possible to modify. Take primary navigation for a moment. It was more complicated but also more fragile. Now it's incredibly basic and a few additional rulesets and a little JS from now it will be better off for it. Want to include dozens of links? Go ahead.
There's a version running at ode.io now. I could be handling this testing much more elegantly of course. For example (as you may know) rather than having the new theme be the default, I could just rename it and then explicitly request the working theme as part of the URL. But I figure this is my prerogative for having an exceedingly unpopular project. :)
Ummm… The responsive styles are essentially broken at the moment because I've been renaming things. Currently only the "marquee" is intact. (That's the bit at the top that reads "A platform about you*"). If you'd like to see some of the additional styles I'm including for content (again, very basic) you I have a playground post here: https://ode.io/playground/testing-2_shy.html#testing-2_shy. (Shy posts are only visible when explicitly requested.)
This is with:body {
margin-left: auto;
margin-right: auto;
max-width: 900px;
}
This is a crazy hacky solution. My CSS is trial/mostly error, so I'm sure there's a better way to do this). The original looks great on mobile and tablet; I'm just worried that the text is too wide for desktop and laptop reading.
body {
background-color: #b3c2d0; /* #b3c2d0; – Light bluish grey */
color: #464545; /* #464545; – Med dark gray */
margin: 0;
}
Here's another design that I like:
https://getpocket.com/explore/item/secrets-of-ivy-league-tour-guides