{% block title %} {{ SITENAME }} {% endblock %}

From 09aae94c108f54b99614ac0747c24287dbce115d Mon Sep 17 00:00:00 2001 From: Johannes 'josch' Schauer Date: Sat, 29 Jul 2017 19:57:37 +0200 Subject: pelican-bootstrap3: Add authors to sidebar --- pelican-bootstrap3/README.md | 1 + pelican-bootstrap3/templates/includes/sidebar.html | 1 + .../templates/includes/sidebar/authors.html | 22 ++++++++++++++++++++++ 3 files changed, 24 insertions(+) create mode 100644 pelican-bootstrap3/templates/includes/sidebar/authors.html diff --git a/pelican-bootstrap3/README.md b/pelican-bootstrap3/README.md index 02a130a..ffb3c6c 100644 --- a/pelican-bootstrap3/README.md +++ b/pelican-bootstrap3/README.md @@ -251,6 +251,7 @@ icon to show. You can provide an alternative icon string as the third string (as * **Categories** will be shown if `DISPLAY_CATEGORIES_ON_SIDEBAR` is set to _True_ * **Recent Posts** will be shown if `DISPLAY_RECENT_POSTS_ON_SIDEBAR` is set to _True_ * Use `RECENT_POST_COUNT` to control the amount of recent posts. Defaults to **5** +* **Authors** will be shown if `DISPLAY_AUTHORS_ON_SIDEBAR` is set to _True_ Other sidebar related options include: diff --git a/pelican-bootstrap3/templates/includes/sidebar.html b/pelican-bootstrap3/templates/includes/sidebar.html index 7772ff8..d83a7b8 100644 --- a/pelican-bootstrap3/templates/includes/sidebar.html +++ b/pelican-bootstrap3/templates/includes/sidebar.html @@ -10,6 +10,7 @@ {% include 'includes/sidebar/github.html' %} {% include 'includes/sidebar/twitter_timeline.html' %} {% include 'includes/sidebar/links.html' %} + {% include 'includes/sidebar/authors.html' %} {% include 'includes/sidebar/images.html' %} {% include 'includes/sidebar/optional_bottom.html' ignore missing %} diff --git a/pelican-bootstrap3/templates/includes/sidebar/authors.html b/pelican-bootstrap3/templates/includes/sidebar/authors.html new file mode 100644 index 0000000..114c688 --- /dev/null +++ b/pelican-bootstrap3/templates/includes/sidebar/authors.html @@ -0,0 +1,22 @@ +{% if DISPLAY_AUTHORS_ON_SIDEBAR %} + {% from 'includes/sidebar/macros.jinja' import title %} + + +

+ + {%- if not DISABLE_SIDEBAR_TITLE_ICONS -%} + + {%- endif -%} + {{- author -}} + + ({{ articles|count }}) +

+ +{% endif %} -- cgit From 3f9ddddab6f49eb2d2df35d47de78c0dddea3088 Mon Sep 17 00:00:00 2001 From: Rahul Nair Date: Fri, 4 Aug 2017 07:47:36 +0530 Subject: Add Graymill theme --- graymill/LICENSE | 21 ++ graymill/README.md | 85 +++++ graymill/sample_pelicanconf.py | 55 +++ graymill/static/css/custom.css | 272 ++++++++++++++ graymill/static/css/milligram.css | 600 ++++++++++++++++++++++++++++++ graymill/static/images/icons/facebook.png | Bin 0 -> 8065 bytes graymill/static/images/icons/github.png | Bin 0 -> 17085 bytes graymill/static/images/icons/gplus.png | Bin 0 -> 20669 bytes graymill/static/images/icons/linkedin.png | Bin 0 -> 8590 bytes graymill/static/images/icons/mail.png | Bin 0 -> 17730 bytes graymill/static/images/icons/rss.png | Bin 0 -> 19693 bytes graymill/static/images/icons/twitter.png | Bin 0 -> 17479 bytes graymill/templates/archives.html | 27 ++ graymill/templates/article.html | 56 +++ graymill/templates/author.html | 18 + graymill/templates/base.html | 138 +++++++ graymill/templates/categories.html | 21 ++ graymill/templates/category.html | 17 + graymill/templates/index.html | 39 ++ graymill/templates/page.html | 8 + graymill/templates/pagination.html | 16 + graymill/templates/tag.html | 18 + graymill/templates/tags.html | 21 ++ graymill/templates/translations.html | 6 + 24 files changed, 1418 insertions(+) create mode 100644 graymill/LICENSE create mode 100644 graymill/README.md create mode 100644 graymill/sample_pelicanconf.py create mode 100644 graymill/static/css/custom.css create mode 100644 graymill/static/css/milligram.css create mode 100644 graymill/static/images/icons/facebook.png create mode 100644 graymill/static/images/icons/github.png create mode 100644 graymill/static/images/icons/gplus.png create mode 100644 graymill/static/images/icons/linkedin.png create mode 100644 graymill/static/images/icons/mail.png create mode 100644 graymill/static/images/icons/rss.png create mode 100644 graymill/static/images/icons/twitter.png create mode 100644 graymill/templates/archives.html create mode 100644 graymill/templates/article.html create mode 100644 graymill/templates/author.html create mode 100644 graymill/templates/base.html create mode 100644 graymill/templates/categories.html create mode 100644 graymill/templates/category.html create mode 100644 graymill/templates/index.html create mode 100644 graymill/templates/page.html create mode 100644 graymill/templates/pagination.html create mode 100644 graymill/templates/tag.html create mode 100644 graymill/templates/tags.html create mode 100644 graymill/templates/translations.html diff --git a/graymill/LICENSE b/graymill/LICENSE new file mode 100644 index 0000000..a9151f4 --- /dev/null +++ b/graymill/LICENSE @@ -0,0 +1,21 @@ +MIT License + +Copyright (c) [2017] [Rahul Nair] + +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. diff --git a/graymill/README.md b/graymill/README.md new file mode 100644 index 0000000..0385813 --- /dev/null +++ b/graymill/README.md @@ -0,0 +1,85 @@ +## Graymill - A minimal Pelican theme. + +Graymill is a minimal, responsive theme for the [Pelican](http://blog.getpelican.com/) static site generator. It is based on the [Milligram CSS framework](http://milligram.io/). + +### Demo + +See the theme in action at [muchBits](https://muchbits.com) + +### Features + +* Syntax highlighting for code blocks +* Easy to install +* Minimal/No Javascript (JS is only used in case Google Analytics is enabled). +* Google Analytics Support +* Responsive (Mobile Friendly Test on [Google](https://search.google.com/test/mobile-friendly?utm_source=mft&utm_medium=redirect&utm_campaign=mft-redirect&id=TT7gCU77TVUWMMbu4pmHsg)) + +## Installation + +* Clone the repository: +```python +git clone https://github.com/rn4ir/graymill.git +``` +* Create a `THEME` variable in your `pelicanconf.py` file and set its value to the location of ***graymill*** theme, like so: +```python +THEME = 'path/to/graymill' +``` + +## Custom Variables + +(*Please refer to the sample pelicanconf.py contained in this repo for examples*) + +The ***Graymill*** theme use the following settings in the `pelicanconf.py`: + +### pelicanconf.py + +#### Social Icons: +```python +SOCIAL = (('linkedin', 'https://www.linkedin.com/in/username'), + ('github', 'https://github.com/username'), + ('twitter', 'https://twitter.com/username'), + ('facebook', 'https://facebook.com/userid'), + ) +``` + +#### Pagination: +```python +DEFAULT_PAGINATION = 8 +``` + +#### Home page parameters: + +```python +SITEDESCRIPTION = 'your-site's-tagline' +DISPLAY_SUMMARY = True +DISPLAY_PAGES_ON_MENU = True +``` + +#### Other Settings +```python +FAVICON = 'images/favicon.png' +STATIC_PATHS = ['images', 'extras'] +EXTRA_PATH_METADATA = { + 'extras/.htaccess': {'path': '.htaccess'}, + 'extras/robots.txt': {'path': 'robots.txt'}, +``` + +#### For local development: +``` +SITEURL = 'http://localhost:8000' +``` + +### publishconf.py + +When you are ready to publish your site add the following settings to `publishconf.py` file + +```python +SITEURL = 'https://domain-name.tld' + +FEED_ALL_ATOM = 'feeds/all.atom.xml' +CATEGORY_FEED_ATOM = 'feeds/%s.atom.xml' + +GOOGLE_ANALYTICS = "" +``` + +For more information on publishing your site, please read the [Pelican publishing docs](http://docs.getpelican.com/en/3.6.3/publish.html) diff --git a/graymill/sample_pelicanconf.py b/graymill/sample_pelicanconf.py new file mode 100644 index 0000000..8a9680e --- /dev/null +++ b/graymill/sample_pelicanconf.py @@ -0,0 +1,55 @@ +#!/usr/bin/env python +# -*- coding: utf-8 -*- # +from __future__ import unicode_literals + +# Basic information +AUTHOR = u'author' +AUTHOREMAIL = 'myemail [at] mydomain [dot] tld' +SITENAME = u'siteName' +SITEURL = 'http://muchbits.com' + +PATH = 'content' + +TIMEZONE = 'Asia/Kolkata' + +DEFAULT_LANG = u'en' +THEME = 'themes/graymill' + +# Social widgets +SOCIAL = (('twitter', 'https://twitter.com/'), + ('linkedin', 'https://www.linkedin.com/'), + ('github', 'https://github.com/'), + ('facebook', 'https://facebook.com/'), + ) + +DEFAULT_PAGINATION = 8 + +SITEDESCRIPTION = 'my custom tagline/description' + +# For post-summaries +DISPLAY_SUMMARY = True + +# To display static pages like About, Contact etc. +DISPLAY_PAGES_ON_MENU = True + +MENUITEMS = (('Home', SITEURL), + ) + +# Feed generation is usually not desired when developing +FEED_ALL_RSS = False +FEED_ALL_ATOM = False +FEED_ALL_ATOM = None +CATEGORY_FEED_ATOM = None +TRANSLATION_FEED_ATOM = None +AUTHOR_FEED_ATOM = None +AUTHOR_FEED_RSS = None + +# Favicon (path relative to './content/') +FAVICON = 'images/favicon.png' + +# To include custom static files like htaccess, robots, PDF files etc. (path relative to './content/') +STATIC_PATHS = ['images', 'extras'] +EXTRA_PATH_METADATA = { + 'extras/.htaccess': {'path': '.htaccess'}, + 'extras/robots.txt': {'path': 'robots.txt'}, +} diff --git a/graymill/static/css/custom.css b/graymill/static/css/custom.css new file mode 100644 index 0000000..616b944 --- /dev/null +++ b/graymill/static/css/custom.css @@ -0,0 +1,272 @@ +body { + background-color: #ffffff; + font-size: 1.5rem; +} + +a { + color: #6C7A89; + text-decoration: none; +} + +.navbar { + margin-bottom: 10px; +} + +.navbar ul { + list-style-type: none; + margin: 0; + padding: 0; + overflow: hidden; +} + +.navbar li { + margin: 1em; + float: left; + line-height: 0.1em; + padding: 1em; +} + +.navbar li a { + display: block; + color: #6C7A89; + text-align: center; + text-decoration: none; +} + +.navbar li h4 { + margin: 5%; +} + +.navbar li h6 { + line-height: 2.5; +} +.navbar li i { + display: block; + text-align: center; + padding: 14px 16px; +} + +.social-img { + background-color: #6C7A89; +} + +sidebar { + font-size: 1.25em; + width: 15%; + height: 100%; + position: fixed; + right: 0; + padding: 2%; + text-align: center; + background-size: cover; +} + +sidebar > ul { + list-style-type: none; + padding: 0px 10px; + margin-top: 0px; +} + +.static-item { + text-transform: uppercase; + font-size: 1.5em; +} + +.cat-border { + border: 2px solid #6C7A89; + text-transform: uppercase; +} + +.cat-border a:focus, +.cat-border a:hover { + color: #F2F1EF; + background-color: #6C7A89; + padding: 1%; +} + +sidebar > ul > li > a:hover, +sidebar > ul > li > a:focus { + color: #F2F1EF; + background-color: #6C7A89; + padding: 1%; +} + +sidebar > h2 { + font-size: 15px; + margin-bottom: 5px; + padding-bottom: 3%; +} + +maincontent { + display: block; + line-height: 1.6em; + width: 85%; +} + +maincontent > ol { + list-style-type: none; +} + +mainarticle ul { + list-style: square inside; +} + +mainarticle ul li p { + padding-left: 3%; + margin-top: -2%; + font-size: 1.5em; +} + +mainarticle a { + background: #f4f5f6; + font-weight: bold; + font-style: italic; +} + +maincontent table { + max-width: 100%; + width: 0; +} + +maincontent table tbody tr td pre { + padding-right: 20px; +} + +maincontent table tbody tr td .highlight { + width: 90rem; +} + +.page-title { + border-bottom: 1.5px solid #eee; + width: 85%; +} + +hr { + border-top: 0.3rem double #6C7A89; +} + +pre { + padding-left: 1.5%; + border-left: 0.3rem solid #6C7A89; +} + +code { + font-size: 100%; + font-style: italic; +} + +ul { + list-style: square inside; +} + +.social-icons-a { + max-width: 3%; +} + +.social-icons-m { + max-width: 20%; +} + +.pagination-dir { + font-size: 2.5rem; + margin-top: 2%; +} + +@media (max-width: 40.0rem) { + + .navbar { + margin-left: 0; + margin-right: 0; + } + + .navbar li { + float: none; + padding: initial; + text-align: center + } + + .navbar li h6 { + line-height: initial; + font-size: 0.75em; + letter-spacing: 0; + } + + sidebar { + right: 0; + max-width: none; + position: fixed; + width: 25%; + padding: 0; + padding-top: 1px; + font-size: 8px; + } + + maincontent { + width: 75%; + font-size: 10px; + } + + maincontent h2 { + font-size: 2rem; + } + + maincontent h5 { + font-size: 1.4rem; + } + + mainarticle ul li p { + padding-left: 5%; + margin-top: -6%; + } + + .social-icons-a { + max-width: 10%; + } +} + +@media (min-width: 41.0rem) and (max-width: 80.0rem){ + .navbar { + margin-left: 0; + margin-right: 0; + } + + .navbar li { + float: none; + padding: initial; + text-align: center + } + + .navbar li h6 { + line-height: initial; + font-size: 0.75em; + letter-spacing: 0; + } + + sidebar { + right: 0; + max-width: none; + position: fixed; + width: 15%; + padding: 0; + padding-top: 1px; + font-size: 8px; + } + + maincontent { + width: 85%; + font-size: 10px; + } + + maincontent h2 { + font-size: 2rem; + } + + maincontent h5 { + font-size: 1.4rem; + } + + mainarticle ul li p { + padding-left: 5%; + margin-top: -2%; + } +} diff --git a/graymill/static/css/milligram.css b/graymill/static/css/milligram.css new file mode 100644 index 0000000..a05548b --- /dev/null +++ b/graymill/static/css/milligram.css @@ -0,0 +1,600 @@ +/*! + * Milligram v1.3.0 + * https://milligram.github.io + * + * Copyright (c) 2017 CJ Patoilo + * Licensed under the MIT license + */ + +*, +*:after, +*:before { + box-sizing: inherit; +} + +html { + box-sizing: border-box; + font-size: 62.5%; +} + +body { + color: #606c76; + font-family: monospace; + font-size: 1.6em; + font-weight: 300; + letter-spacing: .01em; + line-height: 1.6; +} + +blockquote { + border-left: 0.3rem solid #d1d1d1; + margin-left: 0; + margin-right: 0; + padding: 1rem 1.5rem; +} + +blockquote *:last-child { + margin-bottom: 0; +} + +.button, +button, +input[type='button'], +input[type='reset'], +input[type='submit'] { + background-color: #9b4dca; + border: 0.1rem solid #9b4dca; + border-radius: .4rem; + color: #fff; + cursor: pointer; + display: inline-block; + font-size: 1.1rem; + font-weight: 700; + height: 3.8rem; + letter-spacing: .1rem; + line-height: 3.8rem; + padding: 0 3.0rem; + text-align: center; + text-decoration: none; + text-transform: uppercase; + white-space: nowrap; +} + +.button:focus, .button:hover, +button:focus, +button:hover, +input[type='button']:focus, +input[type='button']:hover, +input[type='reset']:focus, +input[type='reset']:hover, +input[type='submit']:focus, +input[type='submit']:hover { + background-color: #606c76; + border-color: #606c76; + color: #fff; + outline: 0; +} + +.button[disabled], +button[disabled], +input[type='button'][disabled], +input[type='reset'][disabled], +input[type='submit'][disabled] { + cursor: default; + opacity: .5; +} + +.button[disabled]:focus, .button[disabled]:hover, +button[disabled]:focus, +button[disabled]:hover, +input[type='button'][disabled]:focus, +input[type='button'][disabled]:hover, +input[type='reset'][disabled]:focus, +input[type='reset'][disabled]:hover, +input[type='submit'][disabled]:focus, +input[type='submit'][disabled]:hover { + background-color: #9b4dca; + border-color: #9b4dca; +} + +.button.button-outline, +button.button-outline, +input[type='button'].button-outline, +input[type='reset'].button-outline, +input[type='submit'].button-outline { + background-color: transparent; + color: #9b4dca; +} + +.button.button-outline:focus, .button.button-outline:hover, +button.button-outline:focus, +button.button-outline:hover, +input[type='button'].button-outline:focus, +input[type='button'].button-outline:hover, +input[type='reset'].button-outline:focus, +input[type='reset'].button-outline:hover, +input[type='submit'].button-outline:focus, +input[type='submit'].button-outline:hover { + background-color: transparent; + border-color: #606c76; + color: #606c76; +} + +.button.button-outline[disabled]:focus, .button.button-outline[disabled]:hover, +button.button-outline[disabled]:focus, +button.button-outline[disabled]:hover, +input[type='button'].button-outline[disabled]:focus, +input[type='button'].button-outline[disabled]:hover, +input[type='reset'].button-outline[disabled]:focus, +input[type='reset'].button-outline[disabled]:hover, +input[type='submit'].button-outline[disabled]:focus, +input[type='submit'].button-outline[disabled]:hover { + border-color: inherit; + color: #9b4dca; +} + +.button.button-clear, +button.button-clear, +input[type='button'].button-clear, +input[type='reset'].button-clear, +input[type='submit'].button-clear { + background-color: transparent; + border-color: transparent; + color: #9b4dca; +} + +.button.button-clear:focus, .button.button-clear:hover, +button.button-clear:focus, +button.button-clear:hover, +input[type='button'].button-clear:focus, +input[type='button'].button-clear:hover, +input[type='reset'].button-clear:focus, +input[type='reset'].button-clear:hover, +input[type='submit'].button-clear:focus, +input[type='submit'].button-clear:hover { + background-color: transparent; + border-color: transparent; + color: #606c76; +} + +.button.button-clear[disabled]:focus, .button.button-clear[disabled]:hover, +button.button-clear[disabled]:focus, +button.button-clear[disabled]:hover, +input[type='button'].button-clear[disabled]:focus, +input[type='button'].button-clear[disabled]:hover, +input[type='reset'].button-clear[disabled]:focus, +input[type='reset'].button-clear[disabled]:hover, +input[type='submit'].button-clear[disabled]:focus, +input[type='submit'].button-clear[disabled]:hover { + color: #9b4dca; +} + +code { + background: #f4f5f6; + border-radius: .4rem; + font-size: 86%; + margin: 0 .2rem; + padding: .2rem .5rem; + white-space: nowrap; +} + +pre { + background: #f4f5f6; + border-left: 0.3rem solid #9b4dca; + overflow-y: hidden; +} + +pre > code { + border-radius: 0; + display: block; + padding: 1rem 1.5rem; + white-space: pre; +} + +hr { + border: 0; + border-top: 0.1rem solid #f4f5f6; + margin: 3.0rem 0; +} + +input[type='email'], +input[type='number'], +input[type='password'], +input[type='search'], +input[type='tel'], +input[type='text'], +input[type='url'], +textarea, +select { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + background-color: transparent; + border: 0.1rem solid #d1d1d1; + border-radius: .4rem; + box-shadow: none; + box-sizing: inherit; + height: 3.8rem; + padding: .6rem 1.0rem; + width: 100%; +} + +input[type='email']:focus, +input[type='number']:focus, +input[type='password']:focus, +input[type='search']:focus, +input[type='tel']:focus, +input[type='text']:focus, +input[type='url']:focus, +textarea:focus, +select:focus { + border-color: #9b4dca; + outline: 0; +} + +select { + background: url('data:image/svg+xml;utf8,') center right no-repeat; + padding-right: 3.0rem; +} + +select:focus { + background-image: url('data:image/svg+xml;utf8,'); +} + +textarea { + min-height: 6.5rem; +} + +label, +legend { + display: block; + font-size: 1.6rem; + font-weight: 700; + margin-bottom: .5rem; +} + +fieldset { + border-width: 0; + padding: 0; +} + +input[type='checkbox'], +input[type='radio'] { + display: inline; +} + +.label-inline { + display: inline-block; + font-weight: normal; + margin-left: .5rem; +} + +.container { + margin: 0 auto; + max-width: 112.0rem; + padding: 0 2.0rem; + position: relative; + width: 100%; +} + +.row { + display: flex; + flex-direction: column; + padding: 0; + width: 100%; +} + +.row.row-no-padding { + padding: 0; +} + +.row.row-no-padding > .column { + padding: 0; +} + +.row.row-wrap { + flex-wrap: wrap; +} + +.row.row-top { + align-items: flex-start; +} + +.row.row-bottom { + align-items: flex-end; +} + +.row.row-center { + align-items: center; +} + +.row.row-stretch { + align-items: stretch; +} + +.row.row-baseline { + align-items: baseline; +} + +.row .column { + display: block; + flex: 1 1 auto; + margin-left: 0; + max-width: 100%; + width: 100%; +} + +.row .column.column-offset-10 { + margin-left: 10%; +} + +.row .column.column-offset-20 { + margin-left: 20%; +} + +.row .column.column-offset-25 { + margin-left: 25%; +} + +.row .column.column-offset-33, .row .column.column-offset-34 { + margin-left: 33.3333%; +} + +.row .column.column-offset-50 { + margin-left: 50%; +} + +.row .column.column-offset-66, .row .column.column-offset-67 { + margin-left: 66.6666%; +} + +.row .column.column-offset-75 { + margin-left: 75%; +} + +.row .column.column-offset-80 { + margin-left: 80%; +} + +.row .column.column-offset-90 { + margin-left: 90%; +} + +.row .column.column-10 { + flex: 0 0 10%; + max-width: 10%; +} + +.row .column.column-20 { + flex: 0 0 20%; + max-width: 20%; +} + +.row .column.column-25 { + flex: 0 0 25%; + max-width: 25%; +} + +.row .column.column-33, .row .column.column-34 { + flex: 0 0 33.3333%; + max-width: 33.3333%; +} + +.row .column.column-40 { + flex: 0 0 40%; + max-width: 40%; +} + +.row .column.column-50 { + flex: 0 0 50%; + max-width: 50%; +} + +.row .column.column-60 { + flex: 0 0 60%; + max-width: 60%; +} + +.row .column.column-66, .row .column.column-67 { + flex: 0 0 66.6666%; + max-width: 66.6666%; +} + +.row .column.column-75 { + flex: 0 0 75%; + max-width: 75%; +} + +.row .column.column-80 { + flex: 0 0 80%; + max-width: 80%; +} + +.row .column.column-90 { + flex: 0 0 90%; + max-width: 90%; +} + +.row .column .column-top { + align-self: flex-start; +} + +.row .column .column-bottom { + align-self: flex-end; +} + +.row .column .column-center { + -ms-grid-row-align: center; + align-self: center; +} + +@media (min-width: 40rem) { + .row { + flex-direction: row; + margin-left: -1.0rem; + width: calc(100% + 2.0rem); + } + .row .column { + margin-bottom: inherit; + padding: 0 1.0rem; + } +} + +a { + color: #9b4dca; + text-decoration: none; +} + +a:focus, a:hover { + color: #606c76; +} + +dl, +ol, +ul { + list-style: none; + margin-top: 0; + padding-left: 0; +} + +dl dl, +dl ol, +dl ul, +ol dl, +ol ol, +ol ul, +ul dl, +ul ol, +ul ul { + font-size: 90%; + margin: 1.5rem 0 1.5rem 3.0rem; +} + +ol { + list-style: decimal inside; +} + +ul { + list-style: circle inside; +} + +.button, +button, +dd, +dt, +li { + margin-bottom: 1.0rem; +} + +fieldset, +input, +select, +textarea { + margin-bottom: 1.5rem; +} + +blockquote, +dl, +figure, +form, +ol, +p, +pre, +table, +ul { + margin-bottom: 2.5rem; +} + +table { + border-spacing: 0; + width: 100%; +} + +td, +th { + border-bottom: 0.1rem solid #e1e1e1; + padding: 1.2rem 1.5rem; + text-align: left; +} + +td:first-child, +th:first-child { + padding-left: 0; +} + +td:last-child, +th:last-child { + padding-right: 0; +} + +b, +strong { + font-weight: bold; +} + +p { + margin-top: 0; +} + +h1, +h2, +h3, +h4, +h5, +h6 { + font-weight: 300; + letter-spacing: -.1rem; + margin-bottom: 2.0rem; + margin-top: 0; +} + +h1 { + font-size: 4.6rem; + line-height: 1.2; +} + +h2 { + font-size: 3.6rem; + line-height: 1.25; +} + +h3 { + font-size: 2.8rem; + line-height: 1.3; +} + +h4 { + font-size: 2.2rem; + letter-spacing: -.08rem; + line-height: 1.35; +} + +h5 { + font-size: 1.8rem; + letter-spacing: -.05rem; + line-height: 1.5; +} + +h6 { + font-size: 1.6rem; + letter-spacing: 0; + line-height: 1.4; +} + +img { + max-width: 100%; +} + +.clearfix:after { + clear: both; + content: ' '; + display: table; +} + +.float-left { + float: left; +} + +.float-right { + float: right; +} diff --git a/graymill/static/images/icons/facebook.png b/graymill/static/images/icons/facebook.png new file mode 100644 index 0000000..f9c12e1 Binary files /dev/null and b/graymill/static/images/icons/facebook.png differ diff --git a/graymill/static/images/icons/github.png b/graymill/static/images/icons/github.png new file mode 100644 index 0000000..4d83b8f Binary files /dev/null and b/graymill/static/images/icons/github.png differ diff --git a/graymill/static/images/icons/gplus.png b/graymill/static/images/icons/gplus.png new file mode 100644 index 0000000..eb1a77f Binary files /dev/null and b/graymill/static/images/icons/gplus.png differ diff --git a/graymill/static/images/icons/linkedin.png b/graymill/static/images/icons/linkedin.png new file mode 100644 index 0000000..48b994b Binary files /dev/null and b/graymill/static/images/icons/linkedin.png differ diff --git a/graymill/static/images/icons/mail.png b/graymill/static/images/icons/mail.png new file mode 100644 index 0000000..7eede02 Binary files /dev/null and b/graymill/static/images/icons/mail.png differ diff --git a/graymill/static/images/icons/rss.png b/graymill/static/images/icons/rss.png new file mode 100644 index 0000000..b12dc1c Binary files /dev/null and b/graymill/static/images/icons/rss.png differ diff --git a/graymill/static/images/icons/twitter.png b/graymill/static/images/icons/twitter.png new file mode 100644 index 0000000..4ecf4c7 Binary files /dev/null and b/graymill/static/images/icons/twitter.png differ diff --git a/graymill/templates/archives.html b/graymill/templates/archives.html new file mode 100644 index 0000000..9ebba9c --- /dev/null +++ b/graymill/templates/archives.html @@ -0,0 +1,27 @@ +{% extends "base.html" %} +{% block head %} +{{ super() }} + + + + + + + + + +{% endblock head %} +{% block content %} +

+ {{ article.title }} +

+ +

+ By: {{ article.author }} On: {{ article.locale_date }}
+ In: {{ article.category }}
+ Tags: + {% if article.tags %} + {% for tag in article.tags %} + #{{ tag }} + {% endfor %} + {% endif %} + +

+ +

+ + {{ article.content }} + +

+ +

+ If you found the article helpful, please share or cite the article, and spread the word: +

+ + + + +

+{% if AUTHOREMAIL %} +

For any feedback or corrections, please write in to: {{ AUTHOREMAIL }}

+{% else %} +

For any feedback or corrections, please write in to: {{ AUTHOR }}

+{% endif %} + +{% endblock %} diff --git a/graymill/templates/author.html b/graymill/templates/author.html new file mode 100644 index 0000000..3606441 --- /dev/null +++ b/graymill/templates/author.html @@ -0,0 +1,18 @@ +{% extends "index.html" %} +{% block head %} + {{ super() }} + + + + + + + + + +{% endblock head %} +{% block title %}{{ SITENAME }} - {{ author }}{% endblock %} +{% block heading %} +

Author: {{ author }}

+{% endblock %} + diff --git a/graymill/templates/base.html b/graymill/templates/base.html new file mode 100644 index 0000000..55fc051 --- /dev/null +++ b/graymill/templates/base.html @@ -0,0 +1,138 @@ + + + + {% block head %} + + + {% block title %} {{ SITENAME }} {% endblock %} + + + + + + + + + + + + + + + + + {% if FEED_ALL_ATOM %} + + {% endif %} + {% if FEED_ALL_RSS %} + + {% endif %} + + + + + + {% endblock %} + + + +

+ + + + + + +

{{ title }}
{{ p.title }}

+ +

Category: {{ category }}

+{% endblock %} diff --git a/graymill/templates/index.html b/graymill/templates/index.html new file mode 100644 index 0000000..b63d91f --- /dev/null +++ b/graymill/templates/index.html @@ -0,0 +1,39 @@ +{% extends "base.html" %} +{% block head %} +{{ super() }} + + + + + + + + + +{% endblock head %} +{% block content_title %}{% endblock %} +{% block content %} + +{% if articles %} +

Tag: {{ tag }}

+{% endblock %} + diff --git a/graymill/templates/tags.html b/graymill/templates/tags.html new file mode 100644 index 0000000..b9a80cb --- /dev/null +++ b/graymill/templates/tags.html @@ -0,0 +1,21 @@ +{% extends "base.html" %} +{% block head %} +{{ super() }} + + + + + + + + + +{% endblock head %} +{% block content %} +

{{ title(_('Authors'), DISABLE_SIDEBAR_TITLE_ICONS) }}

Archives

+ {{ article.title }} +

Author: {{ author }}

{{ SITENAME }}

{{ SITEDESCRIPTION }}

BLOGROLLS

Categories

Category: {{ category }}

Recent entries

{{ article.title }}

Tag: {{ tag }}

Tags