The spoonbill theme uses a flexible layout with a max-width for content. The header is fixed at the top of the page, with links to pages. The footer consists of big profile logos.
The homepage (index.html) lists all articles, with date and summary. The same style is used for other index pages: category, tag, author and archives. Pagination navigation is available if necessary.
Posts (article.html) have date and tags under title. Pages are styled similarly.
Style
The spoonbill theme is minimalistic, with a white background and blue links. The text is big and has a decent line-height. Links use a dashed border-bottom for hover and some specific links are styled with an icon (e.g. GitHub and Picasa).
The theme uses the Google fonts Open Sans for body text and Quicksand for titles. Font Awesome is used to add icons.
Reusability
All specific content (title, profile links, etc.) is coming from the Pelican settings file. The theme works without Google fonts or Font Awesome and looks even ok without CSS.
First version of the spoonbill theme.
Layout
The spoonbill theme uses a flexible layout with a max-width for content. The header is fixed at the top of the page, with links to pages. The footer consists of big profile logos. The homepage (
index.html) lists all articles, with date and summary. The same style is used for other index pages: category, tag, author and archives. Pagination navigation is available if necessary. Posts (article.html) have date and tags under title. Pages are styled similarly.Style
The spoonbill theme is minimalistic, with a white background and blue links. The text is big and has a decent line-height. Links use a dashed border-bottom for hover and some specific links are styled with an icon (e.g. GitHub and Picasa). The theme uses the Google fonts
Open Sansfor body text andQuicksandfor titles.Font Awesomeis used to add icons.Reusability
All specific content (title, profile links, etc.) is coming from the Pelican settings file. The theme works without Google fonts or
Font Awesomeand looks even ok without CSS.Todo
code,pre,img, etc.)