Initial Theme Development

[Mischback]

• [x] Initial Theme
  • [x] focus on typography and structure of the content
  • [x] create required structure for SASS (5-1 pattern according to Simple SCSS playbook)
• [x] close #27 (as of 4f9cb56d18ddabf9639b5260302ad240a69adec6)
• [x] close #41 (as of edecfc7389447c29c579e1a08735a9765b76acd1)
  • the coherent visual style is not yet done, but as the article template is finished and is considered the overall guideline, there is nothing left in this issue. See #13 and #36 for details on things that need to be done!

TODO while developing

• [x] <blockquote> elements should have a visual style with a ::before pseudo-element. As of now, this element is clipped in Firefox (Ubuntu 22.04)
  • [x] Verify in Chrome (Win10): Result: No clipping in Chrome
  • [x] Verify in Edge (Win10): Result: No clipping
  • [x] Verify in Firefox (Win10): Result: No clipping
  • [x] https://css-tricks.com/snippets/css/simple-and-nice-blockquote-styling/
  • [x] it might be just a font issue; as of now, the ::before text is formatted with serif, which relies on the system font that is used for that keyword... (see #30)
• [x] <code> in article bodies is formatted using Hack, might need some more styling
• [x] Hyphenation in CSS (https://stackoverflow.com/a/49471381)
• [x] 404 pages (review the Sphinx extension!)
  • [x] e.g. /misc/pimp-my-q7/
  • requires changes in nginx / webserver configuration! moved to #52
• [x] run todo from repository root!

[Mischback]

font-stretch is not yet W3C Standard, so html5validator fails during CSS validation.

Add another ignore string to corresponding job.