General changes

static/css/pelican.css

@@ -25,10 +25,10 @@ ol {
 .post st-link {
     text-decoration: none;
 }
+
+
 /************************************************/
-
+/* main                                         */
-
-/* main */
 
 .tmpl-library .photo_gallery {
     border: 1px solid var(--base-dark);
@@ -39,6 +39,7 @@ ol {
 
 /************************************************/
 /* This is the stuff for my reading library     */
+
 .wip {
     width: 150px;
     opacity: 75%;
@@ -52,8 +53,6 @@ ol {
     opacity: 75%;
     filter: grayscale(100%);
 }
-/************************************************/
-
 
 
 /************************************************/
@@ -62,7 +61,6 @@ ol {
 /* "sourced" aka copied from - https://www.pagemelt.ink/published/ */
 /* I have probably made enough changes that is it now "inspired by", but where is that lie really? */
 
-
 .tmpl-library {
     margin: 0 auto;
     overflow-x: hidden;
@@ -77,9 +75,10 @@ ol {
     width: 100%;
     border: 1px;
     }
-    
 
-/* photos */
+
+/************************************************/
+/* photos                                       */
 
 .photo {
     display: flex;
@@ -153,13 +152,13 @@ transform: scale(2);
 box-shadow: 0 0 10px rgba(0,0,0,.5);
 }
 
+
 /************************************************/
+/* Article/Entry Info                           */
 
-
-/* Article/Entry Info */
 #entry-info {
     margin: 0 0 2em 0;
-    border-bottom: solid 5px #f56a6a;
+    border-bottom: solid 5px var(--style-colour);
     padding: 1em 0 0 0;
     position: relative;
 }
@@ -167,12 +166,37 @@ VB
 .pentry {
     margin: 0 0 0 0;
 }
-/************************************************/
 
-/* Special Classes */
+
+/************************************************/
+/* Special Classes                              */
 
 .share {
     margin: 1em 0 1em 0;
 }
 
+
 /************************************************/
+/* Post Series Styling                          */
+
+.post-series p {
+    color: var(--header-colour);
+    font-family: "Roboto Slab", serif;
+    font-weight: 700;
+    font-size: 1.5em;
+    text-decoration: underline;     
+    margin-top: 1em;
+    margin-bottom: -0.5em;
+}
+
+.parts {
+    display: block;
+    list-style-type: decimal;
+    margin-top: 1em;
+    margin-bottom: 2em;
+    margin-left: 0;
+    margin-right: 0;
+    padding-left: 40px;
+}
+
+/************************************************/

templates/article.html

@@ -57,7 +57,7 @@
     <header>
       <h1 class="entry-title"><a href="{{ SITEURL }}/{{ article.url }}" rel="bookmark" title="Permalink to {{ article.title|striptags }}">{{ article.title }}</a></h1>
       {% if article.photo_image %}
-      <img style="display: block; margin: 0px auto;" src="{{ SITEURL }}/{{ article.photo_image[1] }}" />
+      <a href="{{ SITEURL }}/{{ article.photo_image[1] }}"><img style="display: block; margin: 0px auto;" src="{{ SITEURL }}/{{ article.photo_image[1] }}" /></a>
       {% endif %}
 
 
@@ -100,8 +100,7 @@
           
       {% endif %}
       {% if article.series %}
-      <div class="post series">
+      <div class="post-series">
-        <br /><br />
         <p>This post is part {{ article.series.index }} of the "{{ article.series.name }}" series:</p>
         <ol class="parts">
           {% for part_article in article.series.all %}

templates/index.html

@@ -12,20 +12,24 @@
                         {% if article.photo_image %}
                             <a href="{{ SITEURL }}/{{ article.url }}" class="image"><img src="{{ SITEURL }}/{{ article.photo_image[1] }}" style="max-width: 100%; display: inline; float: center;" /></a>
                         {% endif %}
-                    <footer class="post-info">
+                        {% if (article.category != MICROBLOG ) %}
+                    <!--<footer class="post-info">
                         <time class="published" datetime="{{ article.date.isoformat() }}"> {{ article.locale_date }} </time> 
-                    </footer><!-- /.post-info -->                        
+                    </footer> -->
+                    
+                    <!-- /.post-info -->                        
                         <div class="entry-content"> {{ article.summary }} </div>
                         {% if article.category %}
                         <div class="category">
                             Posted in: <a href="{{ SITEURL }}/{{ article.category.url }}">{{ article.category }}</a>
                         </div>
-                        {% endif %}
+                        {% endif %} <!--
                         <ul class="actions">
                             <li><a href="{{ SITEURL }}/{{ article.url }}" class="button">More</a></li>
-                        </ul>
+                        </ul> -->
                     <!-- /.entry-content -->
-            </article>
+                    {% endif %}
+            </article> 
     {% endfor %}
 <!-- /#posts-list -->
 </div>

templates/sidebar.html

@@ -142,7 +142,7 @@
 
       <!-- Footer -->
       <footer id="footer">
-        <p class="copyright">&copy; Untitled. All rights reserved. Original design: <a href="https://html5up.net">HTML5 UP</a>. <br />
+        <p class="copyright">&copy; Untitled. All rights reserved. Original design inspired by: <a href="https://html5up.net">HTML5 UP</a>. <br />
           Proudly powered by <a href="https://getpelican.com/">Pelican</a>, which takes great advantage of <a href="https://www.python.org/">Python</a>. <br /> 
           Modifed by <a href="https://jeffmackinnon.com/i-built-a-pelican-theme.html">Jeff MacKinnon</a></p>
           {% if SITELICENSE %}