Working on blog feed

6 files changed, 110 insertions, 238 deletions

diff --git a/crumbs/static/css/cr_gay_override.css b/crumbs/static/css/cr_gay_override.css
index b28cb50..a8c8733 100644
--- a/crumbs/static/css/cr_gay_override.css
+++ b/crumbs/static/css/cr_gay_override.css
@@ -4,6 +4,7 @@
     height: 12px;
     margin: 0 auto;
     display: flex;
+    align-self: center;
     padding-bottom: 25px;
 }
 
@@ -12,5 +13,5 @@
     display: flex;
     flex-direction: column;
     height: 12px;
-    width: 75px;
+    width: 78px;
 }
diff --git a/crumbs/static/css/cr_title.css b/crumbs/static/css/cr_title.css
index 3eb3466..86bef57 100644
--- a/crumbs/static/css/cr_title.css
+++ b/crumbs/static/css/cr_title.css
@@ -19,21 +19,6 @@ div.navigation {
     font-size: 58px;
 }
 
-.cursor {
-    animation: flash 0.75s infinite alternate;  
-}
-
-@keyframes flash {
-    0%   { opacity: 1; }
-    49%  { opacity: 1; }
-    50%  { opacity: 0; }
-    100% { opacity: 0; }
-}
-
-#t-color-red { color: #ef787b; }
-#t-color-org { color: #f6915f; }
-#t-color-ylw { color: #fdcb71; }
-#t-color-grn { color: #99cb9b; }
 
 /* This is the block container */
 .gay {
diff --git a/crumbs/static/css/crumbs.css b/crumbs/static/css/crumbs.css
index 7f276c6..afba353 100644
--- a/crumbs/static/css/crumbs.css
+++ b/crumbs/static/css/crumbs.css
@@ -45,6 +45,13 @@ div.navigation a {
   /* transition: all 0.2s ease-out; */
 }
 
+.title {
+  font-size: 22px;
+  text-transform: lowercase;
+  margin-left: 25px;
+}
+
+
 /*
 
     ✨ COLOUR DEFINITIONS ✨
@@ -53,6 +60,23 @@ div.navigation a {
 
 */
 
+.cursor {
+  animation: flash 0.75s infinite alternate;  
+}
+
+@keyframes flash {
+  0%   { opacity: 1; }
+  49%  { opacity: 1; }
+  50%  { opacity: 0; }
+  100% { opacity: 0; }
+}
+
+#t-color-red { color: #ef787b; }
+#t-color-org { color: #f6915f; }
+#t-color-ylw { color: #fdcb71; }
+#t-color-grn { color: #99cb9b; }
+
+
 .colour1  { background-color: #3c3c3c; }
 .colour2  { background-color: #525252; }
 .colour3  { background-color: #74736a; }
@@ -68,3 +92,44 @@ div.navigation a {
 .colour13 { background-color: #6997c8; } /* Blue */
 .colour14 { background-color: #ca98c9; } /* Purple */
 .colour15 { background-color: #ce7b59; } /* Brown */
+
+/*
+
+    ✨ CARD DEFINITIONS ✨
+
+*/
+
+div.card {
+  padding: 25px;
+  background-color: #CECECE;
+  color: #222222;
+  width: 100%;
+  margin-bottom: 25px;
+}
+
+div.card h1 {
+  font-weight: 500;
+}
+
+div.card hr {
+  background-color: #222222;
+  height: 1px;
+  border: 1px;
+  margin-top: 45px;
+  margin-bottom: 45px;
+  margin-left: 25px;
+  margin-right: 25px;
+}
+
+
+/* hr {
+  display: ;
+  color: #222222;
+  height: 1px;
+  border: 0;
+  border-top: 1px solid #222222;
+  margin: 1em 0;
+  padding: 0; 
+  padding-bottom: 15px;
+  padding-top: 15px;
+} */
\ No newline at end of file
diff --git a/crumbs/templates/article.html b/crumbs/templates/article.html
index 165bd08..eb38808 100755
--- a/crumbs/templates/article.html
+++ b/crumbs/templates/article.html
@@ -4,41 +4,6 @@
 {% block description %}{{ article.content|striptags|truncate(200)|escape }}{% endblock description %}
 {% block keywords %}{% for tag in article.tags|sort %}{{ tag }}{% if not loop.last %}, {% endif %}{% endfor %}{% endblock keywords %}
 
-<!-- {% block headerstyle %}
-    {% if article.illustration %}
-    <div class="header-container" style="background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url('{{ SITEURL }}/images/{{ article.illustration }}'); background-position: center; ">
-    {% elif NEST_HEADER_IMAGES %}
-    <div class="header-container" style="background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url('{{ SITEURL }}/images/{{ NEST_HEADER_IMAGES }}'); background-position: center; ">
-    {% else %}
-    <div class="header-container gradient">
-    {% endif %}
-{% endblock headerstyle %} -->
-
-{% block header %}
-<!-- TEMPLATE: ARTICLE -->
-    <!-- Header -->
-    <div class="container header-wrapper">
-        <div class="row">
-              <div class="col-lg-12">
-                  <div class="header-content">
-                      <h1 class="header-title">{{ article.title }} ARTICLE</h1>
-                      <!--<p >{{ NEST_ARTICLE_HEADER_BY }} {% for author in article.authors %}<a href="{{ SITEURL }}/{{ author.url }}">{{ author }}</a>{% if not loop.last %}, {% endif %}{% endfor %}, </p>-->
-
-                      <p>{{ article.locale_date }}{% if article.modified %}, {{ NEST_ARTICLE_HEADER_MODIFIED }} {{ article.locale_modified }}{% endif %},Category: {{ NEST_ARTICLE_HEADER_IN }} <a href="{{ SITEURL }}/{{ category.url }}">{{ article.category|capitalize }}</a></p>
-
-                      <div class="header-underline"></div>
-                      <div class="clearfix"></div>
-                      <p class="pull-right header-tags">
-                          <span class="glyphicon glyphicon-tags mr5" aria-hidden="true"></span>
-                          {% for tag in article.tags|sort %}<a href="{{ SITEURL }}/{{ tag.url }}">{{ tag }}</a>{% if not loop.last %}, {% endif %}{% endfor %}
-                      </p>
-                  </div>
-              </div>
-        </div>
-    </div>
-    <!-- /Header -->
-{% endblock header %}
-
 {% block content %}
   <div class="col-lg-9 content">
       {{ article.content }}
diff --git a/crumbs/templates/base.html b/crumbs/templates/base.html
index bccf49d..87ae083 100755
--- a/crumbs/templates/base.html
+++ b/crumbs/templates/base.html
@@ -15,17 +15,28 @@
         <link href="{{ SITEURL }}/theme/css/cr_gay_override.css" rel="stylesheet">
 
     </head>
+
     <body>
         <div class="container">
 
             <!-- HEADER FOR EVERY PAGE -->
             <div>
                 <div class="navigation">
+
+                    <div class="nav pull-left">
+    
+                        <!-- The page title -->
+                        <div class="title" title="Inconsolata is my favourite monospace font, after all...">
+                                <span id="t-color-red"><b># ~ </b></span>
+                                <span id="t-color-org">Fun</span>
+                                <span id="t-color-ylw">Memory</span>
+                                <span id="t-color-grn">Violations</span>
+                                <span class="cursor" id="cursor">&nbsp;▁</span>
+                        </div>
+                    </div>
+
                     <div class="nav pull-right">
-        
-                        <!-- Loop through all pages -->
                         {% for title, link in MENUITEMS %}
-                            <!-- Do magic with http/https -->
                             {% if 'http://' in link or 'https://' in link %}
                                 <a class="naughty" href="{{ link }}">{{ title }} </a>
                             {% else %}
@@ -42,159 +53,10 @@
             </div>
             <!-- END HEADER FOR EVERY PAGE -->
 
+            {% block content %}
+            {% endblock %}
 
         </div>
 
     </body>
 </html>
-
-
-<!-- <!DOCTYPE html> -->
-<!-- TEMPLATE: BASE -->
-
-<!-- <html lang="{{ DEFAULT_LANG }}"> -->
-    <!-- <head> -->
-    <!-- {% block head %} -->
-
-    <!-- <meta charset="utf-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
-    <meta name="description" content="{% block description %}{% endblock description %}">
-    <meta name="keywords" content="{% block keywords %}{% endblock keywords %}">
-    <link rel="icon" href="{{ SITEURL }}/favicon.ico"> -->
-
-    <!-- Stylesheets -->
-    <!-- <link href="https://fonts.googleapis.com/css?family=Inconsolata|Quicksand:300,400|Roboto:300,400&amp;subset=cyrillic,cyrillic-ext" rel="stylesheet">
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
-    <link href="{{ SITEURL }}/theme/css/bootstrap.min.css" rel="stylesheet">
-    <link href="{{ SITEURL }}/theme/css/fonts.css" rel="stylesheet">
-    <link href="{{ SITEURL }}/theme/css/nest.css" rel="stylesheet">
-    <link href="{{ SITEURL }}/theme/css/pygment.css" rel="stylesheet"> -->
-
-    <!-- <link href="{{ SITEURL }}/theme/css/home.css" rel="stylesheet"> -->
-    <!-- /Stylesheets -->
-
-    <!-- {% endblock head %}
-    </head>
-
-    <body> -->
-
-      <!-- Header -->
-      <!-- {% block headerstyle %}
-      {% endblock headerstyle %} -->
-
-      <!-- Static navbar -->
-      <!-- <div class="container">
-        <div class="header-nav">
-          <div class="header-logo">
-            <a class="pull-left" href="{{ SITEURL }}/"><img class="mr20" width=192px height=64px src="{{ SITEURL }}{{NEST_HEADER_LOGO or "/images/logo3.png" }}" alt="logo"></a>
-          </div>
-          <div class="nav pull-right">
-            {% for title, link in MENUITEMS %}
-              {% if 'http://' in link or 'https://' in link %}
-                <a class="naughty" href="{{ link }}">{{ title }}</a>
-              {% else %}
-                <a class="naughty" href="{{ SITEURL }}{{ link }}">{{ title }}</a>
-              {% endif %}
-            {% endfor %}
-
-            {% if DISPLAY_PAGES_ON_MENU %}
-              {% for pg in PAGES %}
-                <a class="naughty" href="{{ SITEURL }}/{{ pg.url }}">{{ pg.title }}</a>
-              {% endfor %}
-            {% endif %}
-          </div>
-        </div>
-      </div> -->
-      <!-- /Static navbar -->
-
-      <!-- Header -->
-      <!-- {% block header %}
-      {% endblock header %} -->
-      <!-- /Header -->
-
-    <!-- </div> -->
-    <!-- /Header -->
-
-
-        <!-- Content -->
-
-        <!-- <div class="container">
-          <div class="row"> -->
-
-            <!-- This is our content container in all it's glory -->
-            <!-- {% block content %}
-            {% endblock %} -->
-
-            <!-- Append the navigation box -->
-<!--             <div class="col-lg-3 content archive">
-
-                <h3>Categories</h3>
-                <ul>
-                    {% for cat in categories %}
-                    <li><a href="{{ SITEURL }}/{{ cat[0].url }}">{{ cat[0] }}</a> ({{cat[1]|length}})</li>
-                    {% endfor %}
-                </ul>
-
-                <h3>Tags</h3>
-                <ul>
-                    {% for tag in tags %}
-                    <li><a href="{{ SITEURL }}/{{ tag[0].url }}">{{ tag[0] }}</a> ({{tag[1]|length}})</li>
-                    {% endfor %}
-                </ul>
-
-                <h3>About the Author</h3>
-                <img src="{{ SITEURL }}/theme/img/cat.png">
-
-            </div> -->
-        <!-- </div> -->
-        <!-- /Content --> 
-
-        <!-- Footer -->
-        <!-- <div class="footer gradient-2">
-            <div class="container footer-container">
-                <div class="row">
-                    <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4">
-                        <div class="footer-title">{{ NEST_SITEMAP_COLUMN_TITLE }}</div>
-                        <ul class="list-unstyled">
-                            {% for title, link in NEST_SITEMAP_MENU %}
-                            <li><a href="{{ SITEURL }}{{ link }}">{{ title }}</a></li>
-                            {% endfor %}
-                            {% if FEED_ALL_ATOM %}
-                            <li><a href="{{ FEED_DOMAIN }}/{{ FEED_ALL_ATOM }}" type="application/atom+xml" rel="alternate">{{ NEST_SITEMAP_ATOM_LINK }}</a></li>
-                            {% endif %}
-                            {% if FEED_ALL_RSS %}
-                            <li><a href="{{ FEED_DOMAIN }}/{{ FEED_ALL_RSS }}" type="application/rss+xml" rel="alternate">{{ NEST_SITEMAP_RSS_LINK }}</a></li>
-                            {% endif %}
-                        </ul>
-                    </div>
-                    <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4">
-                        {% if SOCIAL %}
-                        <div class="footer-title">{{ NEST_SOCIAL_COLUMN_TITLE }}</div>
-                        <ul class="list-unstyled">
-                            {% for name, link in SOCIAL %}
-                            <li><a href="{{ link }}" target="_blank">{{name}}</a></li>
-                            {% endfor %}
-                        </ul>
-                        {% endif %}
-                    </div>
-                    <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4">
-                        {% if LINKS %}
-                        <div class="footer-title">{{ NEST_LINKS_COLUMN_TITLE }}</div>
-                        <ul class="list-unstyled">
-                            {% for name, link in LINKS %}
-                            <li><a href="{{ link }}" target="_blank">{{name}}</a></li>
-                            {% endfor %}
-                        </ul>
-                        {% endif %}
-                    </div> 
-                </div>
-            </div>
-        </div> -->
-        <!-- /Footer -->
-    <!-- </body> -->
-
-
-
-    <!-- <script src="{{ SITEURL }}/theme/js/random_colour.js"></script> -->
-<!-- </html> -->
diff --git a/crumbs/templates/category.html b/crumbs/templates/category.html
index b1a1c69..3264eef 100755
--- a/crumbs/templates/category.html
+++ b/crumbs/templates/category.html
@@ -1,44 +1,38 @@
 {% extends "base.html" %}
 
-<!-- {% block title %}{{ NEST_CATEGORY_HEAD_TITLE }} {{ category|capitalize }} - {{ super() }} CATEGORY {% endblock title %} -->
-<!-- {% block description %}{{ NEST_CATEGORY_HEAD_DESCRIPTION }} {{ category|capitalize }}{% endblock description %} -->
-
-<!-- {% block headerstyle %}
-    {% if NEST_HEADER_IMAGES %}
-    <div class="header-container" style="background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url('{{ SITEURL }}/images/{{ NEST_HEADER_IMAGES }}'); background-position: center; ">
-    {% else %}
-    <div class="header-container gradient">
-    {% endif %}
-{% endblock headerstyle %} -->
-
-{% block header %}
-<!-- TEMPLATE: CATEGORY -->
-<div class="container header-wrapper">
-  <div class="row">
-    <div class="col-lg-12">
-      <div class="header-content">
-        <h1 class="header-title text-uppercase">{{ NEST_CATEGORY_HEADER_TITLE }} {{ category|capitalize }}</h1>
-        <!-- <div class="header-underline"></div> -->
-      </div>
-    </div>
-  </div>
-</div>
-{% endblock header %} 
+{% block title %}{{ NEST_CATEGORY_HEAD_TITLE }} {{ category|capitalize }} - {{ super() }} CATEGORY {% endblock title %}
+{% block description %}{{ NEST_CATEGORY_HEAD_DESCRIPTION }} {{ category|capitalize }}{% endblock description %}
 
 {% block content %}
 
-<div class="col-lg-12 content">
-  <dl class="dl-horizontal">
+<h1>{{ category }}</h1>
 
-    <!-- This loops through all the articles -->
+<br/>
+
+<dl class="dl-horizontal">
     {% for article in articles %}
-      <dt><p>{{ article.locale_date}}</p></dt>
-      <dd>
-        <a href="{{ SITEURL }}/{{ article.url }}"><h2>{{ article.title }}</h2></a>
+    <div class="card">
+        <h2><b>{{ article.title }}</b></h2>
+        <hr class="divider" />
         <p>{{ article.summary }}</p>
-      </dd>
+    </div>
     {% endfor %}
-  </dl>
-</div>
+</dl>
+
+
+
+<!-- <div class="col-lg-12 content"> -->
+  <!-- <dl class="dl-horizontal"> -->
+
+    <!-- This loops through all the articles -->
+    <!-- {% for article in articles %} -->
+      <!-- <dt><p>{{ article.locale_date}}</p></dt> -->
+      <!-- <dd> -->
+        <!-- <a href="{{ SITEURL }}/{{ article.url }}"><h2>{{ article.title }}</h2></a> -->
+        <!-- <p>{{ article.summary }}</p> -->
+      <!-- </dd> -->
+    <!-- {% endfor %} -->
+  <!-- </dl> -->
+<!-- </div> -->
 
 {% endblock content %}