- This directory contains generated files. If you edit these, you can expect them to eventually be clobbered.
Flancia
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.
Installation
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.
Agora
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
- dark
- dark-grey
- solarized-dark
- standard
©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:
- Could add support for fontawesome icons in nav bar like some forks of this theme have.
- Image gallery is somewhat broken
Nikola MDL Mako Template
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
Installation
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.
Style development
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.
JavaScript development
If you want to add custom JavaScript in custom.js, set mdl__custom_js
to True
. The custom.js file is git-ignored.
Components
Here are the components that used in this theme
- Buttons (mdl-button) on site buttons
- Cards (mdl-card) on post, story and gallery
- Layout (mdl-layout) on site layout
- Navigation (mdl-navigation) on top and drawer navigations
- Grid (mdl-grid) on site grid
- Footer (mdl-mega-footer or mdl-mini-footer)
- List (mdl-list)
- Menus (mdl-menu) on more button in navigation
- Text Fields (mdl-textfield) not in the theme but you might need it on search box
- Tooltips (mdl-tooltip) not in the theme but you might need it on search box
Customization
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
isMaterial Design Lite
version numbermdl__color_scheme
is colour scheme fromMaterial 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.
Layout
Additional optional MDL classes for outer div element:
- When
mdl__fixed_header
isTrue
, classmdl-layout--fixed-header
is applied for making the header always visible, even in small screens - When
mdl__fixed_drawer
isTrue
, classmdl-layout--fixed-drawer
is applied for making the drawer always visible and open in larger screens - When
mdl__no_drawer_button
isTrue
, classmdl-layout--no-drawer-button
is applied for not displaying a drawer button - When
mdl__no_desktop_drawer_button
isTrue
, classmdl-layout--no-desktop-drawer-button
is applied for not displaying a drawer button in desktop mode
Header
- When
mdl__multiple_header
isTrue
, logo and title will be first line and top navigation will move to second line - When
title_row_middle
isTrue
, title row (or first line in multiple header lines) will position in the middle
Additional optional MDL classes for header element:
- When
mdl__header_scroll
isTrue
, classmdl-layout__header--scroll
is applied for making the header scroll with the content and mutually exclusive withmdl__fixed_header
- When
mdl__header_waterfall
isTrue
, classmdl-layout__header--waterfall
is applied for allowing a "waterfall" effect with multiple header lines - When
mdl__header_waterfall_hide_top
isTrue
, classmdl-layout__header--waterfall-hide-top
is applied for hiding the top rather than the bottom rows on a waterfall header - When
mdl__header_transparent
isTrue
, classmdl-layout__header--transparent
is applied for making header transparent (draws on top of layout background) - When
mdl__header_seamed
isTrue
, classmdl-layout__header--seamed
is applied for using a header without a shadow
footer
- By default,
mdl__footer
is empty. But it could be also eithermdl-mega-footer
ormdl-mini-footer
or even any custom classes, refer to [footer documentation] (http://www.getmdl.io/components/index.html#layout-section/footer)
Navigation
- When
mdl__navigation_large_screen_only
isTrue
, it hides navigation row in multiple header lines on smaller screens - When
navigation_row_middle
isTrue
, navigation row (second line) in multiple header lines will position in the middle
Drawer
- When
mdl__drawer_small_screen_only
isTrue
, it hides drawer on larger screens drawer_title
is the title in the drawer and it could be set the same asBLOG_TITLE
drawer_logo_url
is the logo url in the drawer and final output is- The default of
drawer_show_title
isFalse
. It hides the drawer title (for example, if drawer logo already contains the text). drawer_description
is more HTML text betweendrawer_title
and drawer navigationdrawer_note
is more HTML text after drawer navigation
Others
- When Post Types feature in
Nikola is used,
post_type
can used to style different type of posts. - When
top_nav_header
is true, navigation will visible when top header is appeared on wider screen. - When
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. - String value
image_plugin
is either empty string,lightbox
orcolorbox
. It it is empty string, no image plugin will be used. If it iscolorbox
, colorbox script is used to view full images. It is the same image library as Nikola used. If it islightbox
, lightbox script is used to view full images in gallery pages. - Add meta 'type' and 'hidetitle' to 'story' page.
- Add meta 'no-card-shadow' and 'no-card-media' to 'post' and 'story' pages.
Depreciated GLOBAL_CONTEXT
mdl_version
is replaced withmdl__version
color_scheme
is replaced withmdl__color_scheme
roboto_font
is replaced withmdl__roboto_font
mega_footer
(boolean type) is replaced withmdl__footer
(string type)
Depreciated classes
theme-blog
is replaced withsite
theme-blog__posts
is replaced withsite-posts
theme-blog__post
is replaced withsite-post
theme-blog__gallery
is replaced withsite-gallery
theme-blog__page
is replaced withsite-page
theme-blog__listing
is replaced withsite-listing
theme-card
is replaced withsite-card
theme-nav
is replaced withsite-navigation
theme-nav__button
is replaced withsite-navigation__button
previous
is replaced withsite-navigation__previous
next
is replaced withsite-navigation__next
theme-crumbs
is replaced withsite-breadcrumbs
searchform
is replaced withsite-header__search
New classes
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
Known Issues
- Not all features of Nikola are tested
slideshow
is not working- Submenus in navigation links are not supported
THEME_COLOR
is not used regardless the value- Not meet WCAG 2.0 level AA
Dependencies
License
Material 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.
About @flancia.org
- Repository URL: https://github.com/flancian/flancia
- Repository type: nikola
- # Resources: 130
- Support: https://flancia.org
Latest nodes edited
meetone-day
README
17
README
flancia
2022-03-26
blue-mocha-grunge
cream-dust
glyphicons-halflings-white
glyphicons-halflings
README
close
loading
next
prev
LICENSE
README
LICENSE
README
book-180x120
book-180x270
link-180x120
controls
loading
README
privilege
projects
relics
simulation
way
1-buddha-n-bodhisattvas
2019-01-26
2019-02-03
2019-03-04
2019-03-18
2019-04-14
2019-09-21
2020
a-new-corporation-type
about-unicorns-in-south-america
bad-showers
barcelona
beatboxing
best-url-of-2014
blockchain
bologna
bootlegs
cannazon
cano
chandler
chrome-21803362129
consciousness
cover
drafts
dreams
embracing-piracy
ethics
evolution
experiments-with-replicating-elements-of-style-with-transformer
flanbook
flying
foam
foreground
friction
german
go-links
gwern
history-chrome-extension
hotels
how-to-beat-procrastination
ideas
in-favour-of-identity-politics
kallax
la-vida-de-evaldo
last-days
machine-learning
meditation-for-programmers
meditation-practice
memory
metta
minsky
more-on-gpt-2
music-as-meditation
music
nikola
on-writing
ontological-coaching
overfitting
pearson
philosophy
politics
privilege
procrastination
ramen
rnns
scaruffi
space-time
stoa
strange-finger
Subnodes by @flancia.org
1-buddha-n-bodhisattvas17
2019-01-26
2019-02-03
2019-03-04
2019-03-18
2019-04-14
2019-09-21
2020
2022-03-26
a-new-corporation-type
about-unicorns-in-south-america
agora
anagora
bad-showers
barcelona
beatboxing
best-url-of-2014
blockchain
blue-mocha-grunge
bologna
book-180x120
book-180x270
bootlegs
botginia
cannazon
cano
chandler
chrome-21803362129
close
consciousness
controls
cover
cream-dust
drafts
dreams
embracing-piracy
ethics
evolution
experiments-with-replicating-elements-of-style-with-transformer
favicon
fiction
flanbook
flancia
flying
foam
foreground
friction
german
glyphicons-halflings
glyphicons-halflings-white
go
go-links
goals
gwern
history-chrome-extension
hotels
how-to-beat-procrastination
ideas
in-favour-of-identity-politics
irchelpark
kallax
la-vida-de-evaldo
last-days
LICENSE
LICENSE
link-180x120
loading
loading
machine-learning
manifesto
meditation-for-programmers
meditation-practice
meet
memory
meta
metta
minsky
more-on-gpt-2
music
music-as-meditation
next
nikola
on-writing
one-day
ontological-coaching
others
overfitting
pearson
philosophy
plan
politics
poverty
prev
privilege
privilege
procrastination
projects
ramen
README
README
README
README
README
README
relics
rnns
scaruffi
simulation
space-time
stoa
strange-finger
tesla2_lg
tesla4_lg
tesla_conducts_lg
tesla_lightning1_lg
tesla_lightning2_lg
tesla_tower1_lg
the-random-seller
time
time-capsules
todo
towards-the-agora
two-feature-requests-for-google-keep
way
why-we-did-it
wikipedia
writing
youtube