material-theme
To install, run nikola theme -i material-theme
material-theme-nikola
A theme for nikola based on Bootstrap 3, which lets you use the new Google Material Design.
Based on bootstrap-material-design.
Customization
Navbar color schema
GLOBAL_CONTEXT = {
'header_color': 'default'
}
Options available:
-
default
orprimary
success
info
warning
danger
Social links in floating action button
GLOBAL_CONTEXT = {
"social_links": [
{
'bgcolor': "#F44336",
'icon': "<i class='fa fa-share-square-o'></i>"
},
{
"url": "https://twitter.com/",
"bgcolor": "#55ACEE",
"color": "#fffff",
"icon": "<i class='fa fa-twitter'></i>",
"target": "_blank"
},
{
"url": "https://github.com/",
"bgcolor": "#666666",
"color": "#fffff",
"icon": "<i class='fa fa-github-square'></i>",
"target": "_blank"
},
{
"url": "https://www.facebook.com",
"bgcolor": "#3B5998",
"color": "#fffff",
"icon": "<i class='fa fa-facebook'></i>",
"target": "_blank"
},
]
}
Set author's avatar in header post
GLOBAL_CONTEXT = {
'author_avatar': '/images/avatar.jpg',
}
Show author's biography into the dialog of credits (or footer)
For convenience, first define a variable with the html biography.
BIOGRAPHY = """
<img class="img-circle" style="float:left;margin:10px 20px 10px 0px;max-height:200px;" src="/images/avatar.jpg">
<p>Nikola Tesla (Serbian Cyrillic: Никола Тесла; 10 July 1856 – 7 January 1943) was a Serbian American inventor, electrical engineer, mechanical engineer, physicist, and futurist best known for his contributions to the design of the modern alternating current (AC) electricity supply system.
</p>
"""
Then, add it to biography
viariable into GLOBAL_CONTEXT
GLOBAL_CONTEXT = {
"biography": BIOGRAPHY,
}
Enable use of pace.js
For enable use of PACE, add a variable into GLOBAL_CONTEXT:
GLOBAL_CONTEXT = {
'use_pace': True,
}
Customize the font size
You can add
Issues? Questions?
You can report issues with this theme and request help via GitHub Issues (themes repository).