Repository for the writing and media in https://flancia.org .
Flancia by @flancian is licensed under a Creative Commons Attribution-ShareAlike 4.0 International License.
This uses [[Nikola]] to generate https://flancia.org and [[markdown-pp]] to generate a book with selections from the site.
$ pip install nikola MarkdownPP
Then run [[make]] to make both.
In Flancia there is an Agora, and Flancia is in the Agora :)
See https://anagora.org , https://anagora.org/flancia for more.
A nerdy theme, based on HACK CSS
It has a few different color schemes, you can activate them by
setting the HACK_VARIANT
variable in GLOBAL_CONTEXT
to one of
Β©2017 Roberto Alsina
Nikola theme forked from https://github.com/pagecho/maupassant
Description from the original:
A simple typecho template with great performance on different devices.
Suggested configuration is to add Home to nav links so you see the "tabs" properly:
NAVIGATION_LINKS = {
DEFAULT_LANG: (
("/", "Home"),
("/archive.html", "Archive"),
("/categories/", "Tags"),
),
}
TODO:
This theme is based from Material Design Lite templates. It gets the idea from the blog example. This theme is for Nikola static site generator and used Mako templates. The RSS feed icon is getting from Community Icons
To install:
Enter the command line below at the console
$ nikola theme -i mdl
Edit conf.py
for setting these values below:
THEME = "mdl"
Refer to
Customizing Your Site
for more information. If post_type
is used, it accepts a dictionary value,
where key
is the post meta type and value is the icon name from
Google Material Design Icons. There is
an example in Customization
section.
You can skip this section if the theme is going to be used as it is. As the
final styles.css
is generated and placed in assets/css
folder.
The css file is generated using SASS compiler. If you
have it installed, you can generate the final styles.css
file by calling
make
as there is a Makefile
that contains the generation commands.
If you want to add custom styles in custom.scss or custom.css, set mdl__custom_css
to True
. Both files are git-ignored.
If you want to add custom JavaScript in custom.js, set mdl__custom_js
to True
. The custom.js file is git-ignored.
Here are the components that used in this theme
It supports some variables in the config file (conf.py). Below are the default
values except post_type
, where is {}
:
GLOBAL_CONTEXT = {
"mdl__version": "1.3.0",
"mdl__color_scheme": "indigo-pink",
"mdl__roboto_font": False,
"mdl__late_load_css": False,
"mdl__cachebusting": "1",
"mdl__fixed_header": False,
"mdl__fixed_drawer": False,
"mdl__no_drawer_button": False,
"mdl__no_desktop_drawer_button": False,
"mdl__multiple_header": False,
"mdl__header_scroll": False,
"mdl__header_waterfall": False,
"mdl__header_waterfall_hide_top": False,
"mdl__header_transparent": False,
"mdl__header_seamed": False,
"mdl__footer": "",
"mdl__navigation_large_screen_only": False,
"mdl__drawer_small_screen_only": False,
"mdl__custom_css": False,
"mdl__custom_js": False,
"drawer_title": "",
"drawer_logo_url": "",
"drawer_show_title": "",
"drawer_description": "",
"drawer_note": "",
"title_row_middle": False,
"navigation_row_middle": False,
"breadcrumb_separator": ">",
"post_type": {
"text": "format_align_justify",
},
"top_nav_header": False,
"more_button_header": [
("/mobile/", "Mobile Site", "Mobile"),
],
"image_plugin": "colorbox",
}
mdl__version
is Material Design Lite
version numbermdl__color_scheme
is
colour scheme from
Material Design Lite
mdl__roboto_font
is a flag whether Roboto font is used, refer to
styles documentationmdl__late_load_css
is a flag whether CSS styles are deferred, refer to
Optimize CSS Deliverymdl__cachebusting
is a flag solving the cache problem for CSS and JavaScript files.Additional optional MDL classes for outer div element:
mdl__fixed_header
is True
, class mdl-layout--fixed-header
is applied for making the header always visible, even in small screensmdl__fixed_drawer
is True
, class mdl-layout--fixed-drawer
is applied for making the drawer always visible and open in larger screensmdl__no_drawer_button
is True
, class
mdl-layout--no-drawer-button
is applied for not displaying a drawer
buttonmdl__no_desktop_drawer_button
is True
, class
mdl-layout--no-desktop-drawer-button
is applied for not displaying a
drawer button in desktop modemdl__multiple_header
is True
, logo and title will be first line
and top navigation will move to second linetitle_row_middle
is True
, title row (or first line in multiple
header lines) will position in the middleAdditional optional MDL classes for header element:
mdl__header_scroll
is True
, class mdl-layout__header--scroll
is applied for making the header scroll with the content and mutually
exclusive with mdl__fixed_header
mdl__header_waterfall
is True
, class
mdl-layout__header--waterfall
is applied for allowing a "waterfall"
effect with multiple header linesmdl__header_waterfall_hide_top
is True
, class
mdl-layout__header--waterfall-hide-top
is applied for hiding the top
rather than the bottom rows on a waterfall headermdl__header_transparent
is True
, class
mdl-layout__header--transparent
is applied for making header transparent
(draws on top of layout background)mdl__header_seamed
is True
, class mdl-layout__header--seamed
is applied for using a header without a shadowmdl__footer
is empty. But it could be also either
mdl-mega-footer
or mdl-mini-footer
or even any custom classes, refer
to [footer documentation]
(http://www.getmdl.io/components/index.html#layout-section/footer)mdl__navigation_large_screen_only
is True
, it hides navigation
row in multiple header lines on smaller screensnavigation_row_middle
is True
, navigation row (second line) in
multiple header lines will position in the middlemdl__drawer_small_screen_only
is True
, it hides drawer on larger
screensdrawer_title
is the title in the drawer and it could be set the same as
BLOG_TITLE
drawer_logo_url
is the logo url in the drawer and final output is
drawer_show_title
is False
. It hides the drawer title
(for example, if drawer logo already contains the text).drawer_description
is more HTML text between drawer_title
and drawer
navigationdrawer_note
is more HTML text after drawer navigationpost_type
can used to style
different type of posts.top_nav_header
is true, navigation will visible when top header is
appeared on wider screen.more_button_header
is true, more button at top menu header will visible
after search button. It is a tuple list, where
("URL", "title", "menu name")
as format.image_plugin
is either empty string, lightbox
or
colorbox
. It it is empty string, no image plugin will be used. If it is
colorbox
, colorbox script is used
to view full images. It is the same image library as
Nikola used. If it is lightbox
,
lightbox script is used to view
full images in gallery pages.mdl_version
is replaced with mdl__version
color_scheme
is replaced with mdl__color_scheme
roboto_font
is replaced with mdl__roboto_font
mega_footer
(boolean type) is replaced with mdl__footer
(string type)theme-blog
is replaced with site
theme-blog__posts
is replaced with site-posts
theme-blog__post
is replaced with site-post
theme-blog__gallery
is replaced with site-gallery
theme-blog__page
is replaced with site-page
theme-blog__listing
is replaced with site-listing
theme-card
is replaced with site-card
theme-nav
is replaced with site-navigation
theme-nav__button
is replaced with site-navigation__button
previous
is replaced with site-navigation__previous
next
is replaced with site-navigation__next
theme-crumbs
is replaced with site-breadcrumbs
searchform
is replaced with site-header__search
site-header
site-header__title-row
site-header__navigation-row
site-header__row-middle
site-header__navigation
site-header__more-button
site-title
site-drawer
site-drawer__title
site-drawer__description
site-drawer__navigation
site-drawer__note
metadata
site-post__author
site-post__date
site-post__total-comment
site-post__tag
site-post__source-link
site-post__source-link
site-page-list
site-page-list-post
site-page-story
site-page-tags
site-page-tag
site-footer
slideshow
is not workingTHEME_COLOR
is not used regardless the valueMaterial Design Lite Apache License Version 2.0
Google Material Design Icons - Attribution 4.0 International
RSS Feed Icons - SIL Open Font License 1.1
jQuery - MIT License
Colorbox - MIT License
Lightbox - MIT License
Templates - Apache License Version 2.0
The zen and zen-based themes are very customizable, so to make these themes work, you have to use the sample config file. The theme uses Font Awesome v5 icons.
More info about the zen themes family here.
Enjoy!
DamiΓ‘n
WARNING: The themes use Less for their styles, but you don’t need a Less compiler installed to use it.
Rendering context...