diff --git a/Makefile b/Makefile
deleted file mode 100644
index 2c09c15..0000000
--- a/Makefile
+++ /dev/null
@@ -1,13 +0,0 @@
-SCSSDIR ?= scss
-CSSDIR = static/css
-
-sass:
- @for i in $$(ls $(SCSSDIR)); do \
- out="$(CSSDIR)/$${i%.*}.css"; \
- sass "$(SCSSDIR)/$$i" "$$out"; \
- sed -i '$$d' "$$out"; \
- rm "$$out.map"; \
- done
- @echo 'SCSS files compiled'
-
-
diff --git a/README.md b/README.md
index 7c08223..21bcb0c 100644
--- a/README.md
+++ b/README.md
@@ -46,9 +46,9 @@ Features
Install
-------
-This template uses the [representative_image](https://github.com/getpelican/pelican-plugins/tree/master/representative_image) plugin, so you will need to:
+This template uses the [representative_image](https://github.com/getpelican/pelican-plugins/tree/master/representative_image) and [image_process](https://github.com/getpelican/pelican-plugins/tree/master/image_process) plugins, so you will need to:
- pip install beautifulsoup4
+ pip install beautifulsoup4 pillow
Settings
diff --git a/article-page-smartphone-top.png b/article-page-smartphone-top.png
deleted file mode 100644
index 42fa28e..0000000
Binary files a/article-page-smartphone-top.png and /dev/null differ
diff --git a/article-screenshot.png b/article-screenshot.png
deleted file mode 100644
index 7f80866..0000000
Binary files a/article-screenshot.png and /dev/null differ
diff --git a/home-page-screenshot.png b/home-page-screenshot.png
deleted file mode 100644
index 688fd34..0000000
Binary files a/home-page-screenshot.png and /dev/null differ
diff --git a/home-page-smartphone-bottom.png b/home-page-smartphone-bottom.png
deleted file mode 100644
index fc52559..0000000
Binary files a/home-page-smartphone-bottom.png and /dev/null differ
diff --git a/home-page-smartphone-top.png b/home-page-smartphone-top.png
deleted file mode 100644
index be9ed26..0000000
Binary files a/home-page-smartphone-top.png and /dev/null differ
diff --git a/scss/main.scss b/scss/main.scss
deleted file mode 100644
index 053cef4..0000000
--- a/scss/main.scss
+++ /dev/null
@@ -1,247 +0,0 @@
-$baseGreen: #39B39D;
-$accentGreen: #28D1B2;
-$feedOrange: #FF6600;
-$twitterBlue: #00B0ED;
-$facebookBlue: #3B5999;
-$googleRed: #D34836;
-$githubBlack: #333;
-$mailBlue: #059;
-$textGrey: #444;
-$ancorBase: #33b5e5;
-$ancorOver: #0099cc;
-
-// Base style
-
-html {
- font: 400 14px / 20px "Oswald", "Helvetica Neue",Helvetica,Arial,sans-serif;
-}
-
-a {
- color: $ancorBase;
- &:hover {
- color: $ancorOver;
- }
-}
-
-// uikit override
-
-.uk-navbar-brand {
- text-transform: uppercase;
-}
-
-.uk-article-meta {
- & > a {
- color: $textGrey;
-
- &:hover {
- color: $textGrey;
- }
- }
-
- & > .uk-icon-comment {
- color: $textGrey;
- }
-}
-
-.uk-icon-twitter {
- color: $twitterBlue;
-}
-
-.uk-icon-facebook, .uk-icon-facebook-square {
- color: $facebookBlue;
-}
-
-.uk-icon-google-plus, .uk-icon-google-plus-square {
- color: $googleRed;
-}
-
-.uk-icon-github {
- color: $githubBlack;
-}
-
-.uk-icon-envelope {
- color: $textGrey;
-}
-
-.uk-nav-side > li.uk-active > a {
- background: $accentGreen;
-}
-
-.uk-pagination>.uk-active>span {
- background: $accentGreen;
-}
-
-.uk-icon-medium {
- margin-right: 0.3em;
-}
-
-.uk-navbar-toggle {
- color: white;
-
- &:hover, &:focus {
- color: white;
- }
-}
-
-.uk-nav-offcanvas {
- & > li > a {
- border-top: 1px solid rgba(0,0,0,.3);
- box-shadow: inset 0 1px 0 rgba(255,255,255,.05);
- text-shadow: 0 1px 0 rgba(0,0,0,.5);
-
- &:last-child {
- border-bottom: 1px solid rgba(0,0,0,.3);
- }
- }
-
- & .uk-nav-divider {
- border-top: 1px solid rgba(255,255,255,.01);
- margin: 0;
- height: 4px;
- background: rgba(0,0,0,.2);
- box-shadow: inset 0 1px 3px rgba(0,0,0,.3);
- }
-}
-
-
-.uk-nav-offcanvas .uk-nav-header {
- margin-top: 0;
- background: #404040;
- border-top: 1px solid rgba(0,0,0,.3);
- box-shadow: inset 0 1px 0 rgba(255,255,255,.05);
- text-shadow: 0 1px 0 rgba(0,0,0,.5);
-}
-
-// mg style
-
-.mg-header {
- padding: 1em 0;
- // Green style
- background-color: $baseGreen;
-}
-
-.mg-brand {
- font: {
- family: "Open Sans", sans-serif;
- style: italic;
- size: 2.5em;
- }
- padding-left: 0;
-
- // Green style
- color: white;
- text-decoration: none;
-
- &:hover, &:focus {
- color: white;
- }
-
- @media (max-width: 767px) {
- padding: 0;
- max-width: 100%;
- font-size: 2em;
- }
-
-}
-
-.mg-tagline {
- font: {
- family: "Open Sans", sans-serif;
- weight: 800;
- }
- padding: 1em 0 0;
- color: white;
-
- @media (min-width: 1220px) {
- padding-left: 0 !important;
- }
-
-}
-
-.mg-main {
- margin: {
- top: 4em;
- bottom: 3em;
- }
- min-height: 100%;
-}
-
-.mg-feed {
- color: $feedOrange;
- &:hover {
- text-decoration: none;
- color: $feedOrange;
- }
-}
-
-.mg-list-title {
- font-size: 2em;
- line-height: 42px;
- font-weight: 400;
- text-transform: none;
- margin-top: 0.5em;
-}
-
-.mg-footer {
- margin-bottom: 1em;
-}
-
-.mg-author {
- margin-top: 1em;
-}
-
-.mg-icon-link:hover {
- text-decoration: none;
-}
-
-.mg-icons-small {
- margin-bottom: 1em;
-}
-
-.mg-icons-small {
- &>li>a {
- color: white;
-
- &:hover {
- color: white;
- }
- }
-
- .uk-icon-rss {
- background-color: $feedOrange;
- }
-
- .uk-icon-twitter {
- background-color: $twitterBlue;
- }
-
- .uk-icon-facebook {
- background-color: $facebookBlue;
- }
-
- .uk-icon-google-plus {
- background-color: $googleRed;
- }
-
- .uk-icon-github {
- background-color: $githubBlack;
- }
-
- .uk-icon-envelope {
- background-color: $mailBlue;
- }
-}
-
-.mg-badges li {
- float: left;
- position: relative;
-}
-
-// Browser Upgrade
-
-.browserupgrade {
- margin: 0.2em 0;
- background: #ccc;
- color: #000;
- padding: 0.2em 0;
-}
diff --git a/scss/tipuesearch.scss b/scss/tipuesearch.scss
deleted file mode 100755
index ce4bd7a..0000000
--- a/scss/tipuesearch.scss
+++ /dev/null
@@ -1,127 +0,0 @@
-/*!
- * Tipue Search 4.0
- * Copyright (c) 2014 Tipue
- * Tipue Search is released under the MIT License
- * http://www.tipue.com/search
- *
- * This is a modified version of the Tipue Search plugin style sheet,
- * edited for the pelican mg theme.
- * If you are looking for the original Tipue Search plugin style sheet
- * check the project home at http://www.tipue.com/search.
- */
-
-$baseText: #444;
-
-@mixin animation($values) {
- -webkit-animation: $values;
- -moz-animation: $values;
- -o-animation: $values;
- animation: $values;
-}
-
-#tipue_search_content {
- max-width: 650px;
- padding-top: 15px;
- margin: 0;
-}
-
-#tipue_search_loading:before {
- padding-top: 60px;
- font-family: FontAwesome;
- content: "\f013";
- background: #fff no-repeat left;
- @include animation(fa-spin 2s infinite linear);
-}
-
-#tipue_search_warning_head {
- font: 300 15px/1.6;
- color: #555;
-}
-
-#tipue_search_warning {
- font: 300 13px/1.6;
- color: #333;
- margin: 7px 0;
-}
-
-#tipue_search_warning a {
- color: #36c;
- font-weight: 300;
- text-decoration: none;
-}
-
-#tipue_search_warning a:hover {
- color: #333;
-}
-
-.tipue_search_content_title {
- font-size: 2em;
- line-height: 42px;
- font-weight: 400;
- text-transform: none;
- margin-top: 0.5em;
-}
-
-.tipue_search_content_title a {
- color: $baseText;
- text-decoration: none;
- &:hover {
- color: $baseText;
- text-decoration: underline;
- }
-}
-
-.tipue_search_content_url {
- display: none;
-}
-
-.tipue_search_content_text {
- margin-top: 3px;
-}
-
-.h01 {
- font-weight: bold;
-}
-
-#tipue_search_foot {
- margin: 51px 0 21px 0;
-}
-
-#tipue_search_foot_boxes {
- font-size: 0.75em;
- padding: 0;
- margin: 0;
-}
-
-#tipue_search_foot_boxes li {
- list-style: none;
- margin: 0;
- padding: 0;
- display: inline;
-}
-
-#tipue_search_foot_boxes li a {
- padding: 9px 15px 10px 15px;
- background-color: #f1f1f1;
- border: 1px solid #dcdcdc;
- border-radius: 1px;
- color: #333;
- margin-right: 7px;
- text-decoration: none;
- text-align: center;
-}
-
-#tipue_search_foot_boxes li.current {
- padding: 9px 15px 10px 15px;
- background: #fff;
- border: 1px solid #dcdcdc;
- border-radius: 1px;
- color: #333;
- margin-right: 7px;
- text-align: center;
-}
-
-#tipue_search_foot_boxes li a:hover {
- border: 1px solid #ccc;
- background-color: #f3f3f3;
-}
diff --git a/static/css/main.css b/static/css/main.css
index b8925d7..ada8340 100644
--- a/static/css/main.css
+++ b/static/css/main.css
@@ -125,10 +125,17 @@ a {
font: inherit;
padding: .5rem 1.5rem;
margin: .5rem 1rem;
- text-transform: uppercase; }
-.mg-tag-filter:hover {
- border-color: #b2b2b2;
- text-decoration: none;}
+ text-transform: uppercase;
+ cursor: pointer; }
+ .mg-tag-filter:hover {
+ border-color: #b2b2b2;
+ text-decoration: none; }
+ .mg-tag-filter-enabled {
+ background-color: #33b5e5;
+ border-color: black; }
+ .mg-tag-filter-disabled {
+ background-color: #FF9148;
+ border-color: black; }
.mg-nav-small {
width: 100% }
@@ -268,3 +275,13 @@ a {
.mg-cloud-tag-badge {
color: #FF6600; }
+
+.mg-fadeable {
+ max-height: 100vh;
+ overflow: hidden;
+ transition: max-height 1s ease-in;
+}
+.mg-faded {
+ max-height: 0;
+ transition: max-height 1s ease-out;
+}
diff --git a/templates/base.html b/templates/base.html
index 126135e..196c980 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -16,50 +16,54 @@
{% endif %}
-
-
-{% block title %}{{ SITENAME }}{% endblock %}
-
-
-{% if FAVICON %}{% endif %}
-
-
-
-
-
-{% block seo %}
-
-
-
-
-
-
-{% if DESCRIPTION %}
-
-
-
-{% endif %}
-{% if META_IMAGE %}
-
-
-
-
-{% endif %}
-{% endblock %}
-
-
-{% if not DISABLE_SEARCH %}
-
-
-{% endif %}
-
-
+
+
+
+
+ {% block title %}{{ SITENAME }}{% endblock %}
+
+ {% if FAVICON %}{% endif %}
+
+
+
+
+
+
+
+
+ {% block seo %}
+
+
+
+
+
+
+ {% if DESCRIPTION %}
+
+
+
+ {% endif %}
+ {% if META_IMAGE %}
+
+
+
+
+ {% endif %}
+ {% endblock %}
+
+
+ {% if not DISABLE_SEARCH %}
+
+
+ {% endif %}
+
+
+ You are using an outdated browser. Please upgrade your browser to improve your experience.
+