Style published footer, various improvements

config.toml

@@ -11,7 +11,7 @@ highlight_code = true
 highlight_theme = "1337" # or: boron
 generate_rss = true
 build_search_index = true
-check_external_links = true
+# check_external_links = true
 
 taxonomies = [
     {name = "categories", paginate_by = 5, rss = true},

content/blog/2019-06-30_sample_article.md

@@ -3,7 +3,7 @@ title = "Sample article"
 description = "A sample article for testing Zola"
 
 [taxonomies]
-tags = ["test"]
+tags = ["test", "some", "random", "tags", "here", "long tag"]
 categories = ["dev"]
 +++
 

content/blog/2019-07-01_another_sample_article.md

@@ -4,7 +4,7 @@ description = "Another sample article"
 
 [taxonomies]
 tags = ["test"]
-categories = ["dev"]
+categories = ["dev", "release"]
 +++
 
 Ut enim ad minim `veniam`, quis

content/projects/bukkit/dungeon-maze.md

@@ -26,7 +26,7 @@ time:
 - The Dungeon Maze plugin does have some commands to easily generate a new Dungeon Maze world.
 - And a lot more...
 
-# Planned Features
+## Planned Features
 - A lot of new structures should be added! In the future there's probably also
   going to be a future available to add custom structures, made by yourself.
 - Config files to setup things for each world, like how much spawners a certain

themes/zenn/sass/site.scss

@@ -12,7 +12,8 @@ $font-base: "Source Sans Pro", Ubuntu, sans-serif;
 $font-title: "Zilla Slab", "Open Sans", sans-serif;
 $font-article: "Merriweather", serif;
 $font-monospace: "Fira Mono", monospace;
-$font-logo: "Source Sans Pro", Helvetica, sans-serif;
+// $font-logo: "Source Sans Pro", Helvetica, sans-serif;
+$font-logo: $font-title;
 
 // Setup the function in your functions or helpers files, wherever you keep these bits.
 @function headings($from:1, $to:6, $prefix:"") {
@@ -155,6 +156,9 @@ main .meta {
 }
 
 content {
+    // TODO: makes font-family in article obsolete?
+    font-family: $font-article;
+
     padding: 2.5em 3em;
     background: $background;
     flex: 1;
@@ -203,6 +207,7 @@ content code {
 }
 
 sidebar {
+    font-family: $font-title;
     width: 20em;
     padding: 0.5em 1.5em 1.5em 1.5em;
     box-sizing: border-box;
@@ -330,6 +335,7 @@ footer {
 
 ul {
     list-style-type: disclosure-closed;
-    list-style-position: inside;
-    padding-left: 0;
+    // list-style-position: inside;
+    padding-left: 1em;
+    line-height: 1.5;
 }

themes/zenn/templates/categories/list.html

@@ -9,7 +9,8 @@
         <ul>
             {% for term in terms %}
                 <li>
-                    <a href="{{ term.permalink | safe }}">{{ term.name | title }}</a> ({{ term.pages | length }})
+                    <a href="{{ term.permalink | safe }}">{{ term.name | title }}</a>:
+                    {{ term.pages | length }} article{{ term.pages | length | pluralize }}
                 </li>
             {% endfor %}
         </ul>

themes/zenn/templates/page.html

@@ -23,25 +23,28 @@
     <footer class="muted">
         <p>
             {% if config.extra.author %}
-                Published by {{ config.extra.author }}
+                Published by
+                <a href="{{ get_url(path="@/about.md") | safe }}">{{ config.extra.author }}</a>
             {% endif %}
             {% if page.taxonomies.categories %}
                 {% set category = page.taxonomies.categories[0] %}
-                in <a href="{{ get_taxonomy_url(kind="categories", name=category) | safe }}">{{ category }}</a>
+                in <a href="{{ get_taxonomy_url(kind="categories", name=category) | safe }}">{{ category | title }}</a>
             {% endif %}
             {% if page.taxonomies.tags %}
                 and tagged
                 {% for tag in page.taxonomies.tags %}
                     <a href="{{ get_taxonomy_url(kind="tags", name=tag) | safe }}" class="tag">{{ tag }}</a>
+                    {#
                     {% if page.taxonomies.tags | length > 1 %}
                         {% if loop.index != page.taxonomies.tags | length %}
                             {% if loop.index == page.taxonomies.tags | length - 1 %}
-                                and
+                                &amp;
                             {% else %}
                                 ,
                             {% endif %}
                         {% endif %}
                     {% endif %}
+                    #}
                 {% endfor %}
             {% endif %}
         </p>