a title bar: one-line, left-aligned, simple, wide but with limited width
a page switcher:
list of tags below a title, not below a post
from the Pythonic Attacks:
Open Sans font in the page header
even simplier page header's top line (minus background)
"Title - published - author - updated" article header layout
GitHub Issue-driven comment section
a gray color of a page footer
the site hero is the blog content, not a branding of the author. The only place where you can see a photo and a full name is "About the Author" section. Note: the URL is the author's name while the site behind has its own name expressed in a title
from the Marius Schulz's blog:
Segoe UI font in the body
darker color of header links and their wide click area with little deadzones inbetween
"About Me" page cards linking to social networks
from the Fabien Sanglard's blog:
Underlined headers; use as category/tag titles on a main page
As-Is
Currently it's a mere stub:
To-Be
I'm more keen of blog post layouts like:
Highlights of features I'd like to borrow:
from the Tall, Snarky Canadian:
a title bar: one-line, left-aligned, simple, wide but with limited width
a page switcher:
list of tags below a title, not below a post
from the Pythonic Attacks:
Open Sans font in the page header
even simplier page header's top line (minus background)
"Title - published - author - updated" article header layout
GitHub Issue-driven comment section
a gray color of a page footer
the site hero is the blog content, not a branding of the author. The only place where you can see a photo and a full name is "About the Author" section. Note: the URL is the author's name while the site behind has its own name expressed in a title
from the Marius Schulz's blog:
Segoe UI font in the body
darker color of header links and their wide click area with little deadzones inbetween
from the Fabien Sanglard's blog:
Use right-aligned readable and top bar block of links from https://web.archive.org/web/20240909033256/https://www.qemu.org/. They reming me of oler sites when you could easily recognize where pressable elements are.
Extra:
To-Do
To recast it into a proper blog, the following steps are required:
On this site
tag/section on how to deploy a multilanguage site