All images used in this demo are taken from Wikipedia commons and they are released to public domain by NASA.
Medius is a responsive theme for Pelican. It is heavily inspired from medium. Medius means medium in Latin.
It is still under development and you can find the latest version of medius in github repository. PRs are welcomed!
Medius comes with few templates:
Medium is using proprietary sans and serif fonts. I used similar free fonts: Open Sans and Merriweater.
Medius is using few settings defined in pelicanconf.py
and article metadata
for page images and thumbnails.
A category can have a description, logo and thumbnail. You can define your
categories in pelicanconf.py
by using MEDIUS_CATEGORIES
setting.
MEDIUS_CATEGORIES
is a dictionary and it must contain dictionary of
categories that have description, logo and thumbnail attributes. An example
of MEDIUS_CATEGORIES
defined in this demo:
MEDIUS_CATEGORIES = {
'Category Name': {
'description': 'A galaxy is a gravitationally bound system of stars, stellar remnants, interstellar gas and dust, and dark matter.',
'logo': 'https://upload.wikimedia.org/wikipedia/commons/thumb/b/b9/GalacticRotation2.svg/250px-GalacticRotation2.svg.png',
'thumbnail': 'https://upload.wikimedia.org/wikipedia/commons/thumb/2/29/NGC_3923_Elliptical_Shell_Galaxy.jpg/220px-NGC_3923_Elliptical_Shell_Galaxy.jpg'
}
}
You can also define author description, cover image, profile image and
links by using MEDIUS_AUTHORS
in your pelicanconf.py
.
Links must be a list of tuples. Font Awesome used for link icons. First element must contain name of icon without fa prefix and second element must be URL for this icon.
Example
MEDIUS_AUTHORS
defined in pelicanconf.py for this demo:
MEDIUS_AUTHORS = {
'Onur Aslan': {
'description': """
I am a superhero saving thousand of lives in Internet.
""",
'cover': 'https://upload.wikimedia.org/wikipedia/commons/thumb/9/9e/Milky_Way_Arch.jpg/1920px-Milky_Way_Arch.jpg',
'image': 'https://lh6.googleusercontent.com/-zEMaXmWAhdI/AAAAAAAAAAI/AAAAAAAAAAA/eVdgsm3TIDU/s128-c-k/photo.jpg',
'links': (('github', 'https://github.com/onuraslan'),
('twitter-square', 'https://twitter.com/oasln')),
}
}
If you visit my author page, you can see my cover image, description and profile image.
A post can have a SubTitle
, a big Cover
image and a Thumbnail
that
is used in various places. Cover
is only used in article.html and it's
cover image of the page. For example this page has a Cover
defined in
post metadata. Example metadata used in this post:
Title: Medius
Category: Category
Date: 2015-09-11
SubTitle: The medium is the message
Cover: https://upload.wikimedia.org/wikipedia/commons/thumb/5/52/Hubble2005-01-barred-spiral-galaxy-NGC1300.jpg/1920px-Hubble2005-01-barred-spiral-galaxy-NGC1300.jpg
Thumbnail: https://upload.wikimedia.org/wikipedia/commons/thumb/5/52/Hubble2005-01-barred-spiral-galaxy-NGC1300.jpg/800px-Hubble2005-01-barred-spiral-galaxy-NGC1300.jpg
Check one of the other page that
has no cover and only Thumbnail
defined in metadata.
You don't need to supply a Cover
or Thumbnail
in your posts, but
category pages will look better if you supply
Thumbnail
in all of your posts.
Demo is fully available in demo branch.