Thank you for creating m.css, it seems like a lot of work has gone into it. I am unable to get a Landing Page generated in the style you describe i.e. a cover image with content on top of it.
I have added 'landed' to FORMATTED_FIELDS and have attempted to get the m.css landing page to appear like it is on the site using the index.rst from the repository. Unfortunately, I'm getting the attached.
As you can see I'm not getting content on top of the cover image apart from 'm.css'. I've attached the config file and the index.rst files.
#!/usr/bin/env python
# -*- coding: utf-8 -*- #
from __future__ import unicode_literals
AUTHOR = 'Ben Karim'
SITENAME = 'DScience'
SITEURL = 'http://dscience.co.uk'
M_SITE_LOGO_TEXT = 'DScience'
PATH = 'content'
TIMEZONE = 'Europe/London'
DEFAULT_LANG = 'en'
# Feed generation is usually not desired when developing
FEED_ALL_ATOM = None
CATEGORY_FEED_ATOM = None
TRANSLATION_FEED_ATOM = None
AUTHOR_FEED_ATOM = None
AUTHOR_FEED_RSS = None
# Blogroll
LINKS = (('Pelican', 'http://getpelican.com/'),
('Python.org', 'http://python.org/'),
('Jinja2', 'http://jinja.pocoo.org/'),
('You can modify those links in your config file', '#'),)
# Social widget
SOCIAL = (('You can add links in your config file', '#'),
('Another social link', '#'),)
DEFAULT_PAGINATION = 10
# Uncomment following line if you want document-relative URLs when developing
#RELATIVE_URLS = True
THEME = 'pelican-theme'
THEME_STATIC_DIR = 'static'
M_CSS_FILES = ['https://fonts.googleapis.com/css?family=Source+Code+Pro:400,400i,600,600i%7CSource+Sans+Pro:400,400i,600&subset=latin-ext',
'/static/m-dark.css']
DIRECT_TEMPLATES = ['index']
PLUGIN_PATHS = ['pelican-plugins']
PLUGINS = ['m.abbr',
'm.code',
'm.components',
'm.dox',
'm.filesize',
'm.gl',
'm.gh',
'm.htmlsanity',
'm.images',
'm.math']
FORMATTED_FIELDS = ['summary', 'landing', 'header', 'footer']
M_HTMLSANITY_SMART_QUOTES = True
M_HTMLSANITY_HYPHENATION = True
M_DOX_TAGFILES = [
('content/doxygen/corrade.tag', 'http://doc.magnum.graphics/corrade/', ['Corrade::'])]
DIRECT_TEMPLATES = []
PAGE_URL = '{slug}/'
PAGE_SAVE_AS = '{slug}/index.html'
ARTICLE_URL = '{category}/{slug}/'
ARTICLE_SAVE_AS = '{category}/{slug}/index.html'
AUTHOR_URL = 'author/{slug}/'
AUTHOR_SAVE_AS = 'author/{slug}/index.html'
CATEGORY_URL = '{slug}/'
CATEGORY_SAVE_AS = '{slug}/index.html'
TAG_URL = 'tag/{slug}/'
TAG_SAVE_AS = 'tag/{slug}/index.html'
AUTHORS_SAVE_AS = None # Not used
CATEGORIES_SAVE_AS = None # Not used
TAGS_SAVE_AS = None # Not used
SLUGIFY_SOURCE = 'basename'
PATH_METADATA = '(?P<slug>.+).rst'
M_SITE_LOGO_TEXT = 'DScience'
M_LINKS_NAVBAR1 = [('Products', 'products/', 'products', []),
('Case Studies', 'case-studies/', 'case-studies', []),
('Download', 'download/', 'download', [])]
M_LINKS_NAVBAR2 = [('Blog', 'blog/', '[blog]', [
('News', 'blog/news/', ''),
('Archive', 'blog/archive/', '')]),
('Contact', 'contact/', 'contact', [])]
SITENAME = 'm.css'
SITEURL = ''
M_BLOG_NAME = 'DScience Blog'
M_BLOG_URL = 'blog/'
M_THEME_COLOR = '#222_THEME_COLOR = '#22272e'
M_LINKS_FOOTER1 = [('DScience', '/'),
('Features', 'features/'),
('Showcase', 'showcase/')]
M_LINKS_FOOTER2 = [('Download', 'download/'),
('Packages', 'download/packages/'),
('Source', 'download/source/')]
M_LINKS_FOOTER3 = [('Contact', ''),
('E-mail', 'mailto:[email protected]'),
('GitHub', 'https://github.com/your-brand')]
M_FINE_PRINT = """
DScience. Copyright © `You <mailto:[email protected]>`_, 2017. All rights
reserved.
..
This file is part of m.css.
Copyright © 2017 Vladimír Vondruš <[email protected]>
Permission is hereby granted, free of charge, to any person obtaining a
copy of this software and associated documentation files (the "Software"),
to deal in the Software without restriction, including without limitation
the rights to use, copy, modify, merge, publish, distribute, sublicense,
and/or sell copies of the Software, and to permit persons to whom the
Software is furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included
in all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL
THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER
DEALINGS IN THE SOFTWARE.
..
m.css
#####
:save_as: index.html
:date: 2017 12 13
:url:
:cover: {filename}/images/cover.jpg
:summary: A no-nonsense, no-JavaScript CSS framework and Pelican theme for
content-oriented websites
:navbar_brand_hidden: True
:landing:
.. container:: m-row
.. container:: m-col-l-6 m-push-l-1 m-col-m-7 m-nopadb
.. raw:: html
<h1>m.css</h1>
.. container:: m-row
.. container:: m-col-l-6 m-push-l-1 m-col-m-7 m-nopadt
*A no-nonsense, no-JavaScript CSS framework and Pelican theme for
content-oriented websites.*
Do you *hate* contemporary web development like I do? Do you also
feel that it's not right for a web page to take *seconds* and
*megabytes* to render? Do you want to write beautiful content but
*can't* because the usual CMS tools make your blood boil and so you
rather stay silent? Well, I have something for you.
.. container:: m-col-l-3 m-push-l-2 m-col-m-4 m-push-m-1 m-col-s-6 m-push-s-3 m-col-t-8 m-push-t-2
.. button-primary:: https://github.com/mosra/m.css/tree/master/css/m-dark.compiled.css
:class: m-fullwidth
Get the essence
| some text of gzipped CSS,
| licensed under MIT
.. container:: m-row m-container-inflate
.. container:: m-col-m-4
.. block-success:: *Pure* CSS and HTML
Everything you need is some text
of compressed CSS. This framework has exactly 0 bytes of JavaScript
because *nobody actually needs it*. Even for responsive websites.
.. button-success:: {filename}/images/apology.jpg
:class: m-fullwidth
Get the CSS
.. container:: m-col-m-4
.. block-warning:: Designed for *content*
If you just want to write content with beautiful typography, you
don't need forms, progressbars, popups, dropdowns or other cruft.
You want fast iteration times.
.. button-warning:: {filename}/images/apology.jpg
:class: m-fullwidth
Use it with Pelican
.. container:: m-col-m-4
.. block-info:: Authoring made *easy*
Code snippets, math, linking to docs, presenting photography in a
beautiful way? Or making a complex page without even needing to
touch HTML? Everything is possible.
.. button-info:: {filename}/images/apology.jpg
:class: m-fullwidth
Get Pelican plugins
.. class:: m-text-center m-noindent
*Still not convinced?* Head over to a `detailed explanation <{filename}/images/apology.jpg>`_
of this project goals and design decisions.
Appreciate any assistance you're able to provide.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent