#10 outputs semantic html

I've updated the example template, toml settings and timeline css to output semantic html, which is better for screen-readers.

The example output uses flexbox, and will wrap on mobile.

Actual styling and layout choices remain the same - it's just more disability-accessible and mobile-responsive to use out of the box.

Hi, Tarry. The semantic tags are great to have.

Regarding the other changes, the mobile-oriented css changes are compromising desktop viewing. The user profile is outgrowing the timeline when zoomed in, vice versa when zoomed out. This throws off reading the page at "desk distance" and "couch distance" (e.g for gaming pc or console). Ideally, the "aside"/profile and "main"/timeline elements should remain at the same proportions when scaled but snap to a single column layout for mobile.

The extra padding rule on article is also excessive but minor.

I'm open to hearing how the original css layout was inadequate for mobile browsing. (I check my own microblog from a phone, and there doesn't seem to be any issue.)

Lastly, there is another branch that will be merged to master which has been stable for some time (syndication, json-based webring features); this adds some new html tags to the toml.

How may I coordinate integrating your changes?

I merged some commits from your branch. (There's a new release now for semantic output.)