Uses a combination of CSS changes and Tachyons classes to implement the design.
Adds the non-minified Tachyons CSS library itself and SVG icons from Font Awesome.
This avoids a situation where multiple summaries have floats that stack on
top of each other vertically, which end up getting far away from the actual
text.
In order to make this work, we had to change the styling of #mainContent on
blog pages (and others with a sidebar). Otherwise, headlines with
class="clear" would clear the sidebar as well.
* Put news and blogs up front.
* Use 30 days as the cutoff for everything, consistently.
* Allow columns to collapse. Hopefully this is the start of a nicer
view on mobile.
* Reduce shading.
Element form not allowed as child of element span in this
context. (Suppressing further errors from this subtree.)
So, I moved the id into the form rather than a span.
The early change to frontpage.py was not sufficient; the template
obviously needs to make use of those five blog posts as well.
Note the cascading effect here. We only put lots on the front page if
they are recent.
Put the code for blog.1 within the if block of blog.0, as this is the
logic used for news. As a result, the <hr> divider for blogs is now
in the "shaded" element (as it already is with news).
One too many <div> elements were closed when no blogs were displayed.
Note that the logic between news and blogs is different: news opens
one "shaded" div and puts all news in it. In the case of blogs, one
"shaded" div is created for each blog entry displayed.
Change all links when possible to not mention a site, so HTTPS will be used
automatically for same-site links.
For embedded images, and other links out to the rest of the world, use HTTPS
when the site is known to support it.
It just looked wrong up there on top of the page. I know that's what I
suggested to Paul to do it, but 11 months later, when I finally accepted his
merge request, it just didn't make sense.
