Design notes
Template notes (before)
_default/baseof.html
Blocks – head
- schema-dot-org – empty
- title – head/title metadata
Blocks – body
- masthead – nav links for home and .Site.Menus.navbar
- header – blog title, description
- body – page content and right sidebar
- footer – copyright, template credit and back-to-top link.
Consumes
-
partial head-meta.html – viewport def, opengraph, twitter_cards, google, bing, yandex search site verification
-
cookie-consent – uses haven.umd.js to collect consent for cookies
-
head-custom – placeholder for custom content at bottom of header
-
sidebar.html – about (.Site.Params.sidebar.about), recent or related list then static links from .Site.Menus.sidebar
-
opengraph – complex script, metadata “og:*” for title,desc,article/website,url, images, audio, video, related links, author, publisher, …
(wtf is all this? Why is publisher “facebook?”. It’s broken till i fix .Params.images –> .Params.image
-
twitter_cards – metadata “twitter:*” card, image, title, description, site, creator
_default/single.html
Blocks
- title
- schema-dot-org – @type: BlogPosting, image, url, wordcount, author, keywords (all blog tag/category) .Params.description
- main – article#blog-post
- header: title and post-meta
- post image
- content
- footer: sharing icons, disqus link
Consumes
- local-image – srcset of first image from resources. Need a better way to do this! Should work with generic reference to images or image
- meta-terms – list of category, tag links for page
- sharing-icons – list of “share-this-on” links.
_default/list.html
Blocks
-
schema-dot-org: @type: Blog, keywords: list of all terms in each taxonomy, description (.Site)
-
main:
pagination of
.Site.RegularPages "Section" "in" .Site.Params.mainSection
render “summary-card” or “content” based on
$truncate
prev/next page links
Consumes
- partial pagination.html – prev/next links
- template summary-card – article#blog-post
- link to article image as small float-left
- link to title
- (modification?) time
- author, posted in: partial meta-terms
- .Summary (not .Description!)
Ideas
Meta descriptions
4 kinds: schema-dot-org, twitter-card, opengraph and RSS. All needed?
- schema-dot-org:
- blog: list = “Blog”, post = “BlogPosting”
- project: list = “Article”, page = pageStart / pageEnd or pagination
- opengraph
- twitter-card
- rss
Simple definition lists
- this is a term
- and here is its definition
- another term
- another definition
Simple, isn’t it?
checklists
- not done
- done
- tbd
Custom attribute on link
my example my example as a button{.btn .btn-primary}