feat: Bootstrap icons, new H1 style, symlink README to site index

templates/404.html

@@ -1,7 +1,7 @@
 {% extends "base.html" %}
 
 {% block content %}
-<img src="404.png" class="full pixels transparent no-hover" />
+<img src="{{ get_url(path='404.png') }}" class="full pixels transparent no-hover" />
 
 <h1>Document Not Found</h1>
 

templates/blog.html

@@ -13,13 +13,8 @@
       {%- for name, taxon in page.taxonomies %}
         •
         {%- for item in taxon %}
-          <a class="link-tag" href="{{ get_taxonomy_url(kind=name, name=item) }}">
-            <svg class="link-icon" viewBox="0 0 16 16" width="16" height="16">
-              <path
-                fill="currentColor"
-                d="M4 0C1.785 0 0 1.785 0 4v3.09c0 .847.336 1.66.938 2.262l5.382 5.382c.93.934 2.43.934 3.36 0l4.965-4.964c.98-.98.98-2.56 0-3.54L9.227.812A2.777 2.777 0 0 0 7.266 0H4zm0 2h3.266c.207 0 .402.082.546.227l5.418 5.418a.512.512 0 0 1 0 .71L8.266 13.32a.38.38 0 0 1-.532 0L2.352 7.937A1.198 1.198 0 0 1 2 7.09V4c0-1.098.902-2 2-2zm.5 1a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3z"
-              />
-            </svg>
+          <a href="{{ get_taxonomy_url(kind=name, name=item) }}">
+            <i class="bi bi-tag-fill"></i>
             {{ item }}
           </a>&nbsp;
         {%- endfor %}

templates/blog_list.html

@@ -28,13 +28,8 @@
         {%- for name, taxon in page.taxonomies %}
         •
           {%-for item in taxon %}
-          <a class="link-tag" href="{{ get_taxonomy_url(kind=name, name=item) }}">
-            <svg class="link-icon" viewBox="0 0 16 16" width="16" height="16">
-              <path
-                fill="currentColor"
-                d="M4 0C1.785 0 0 1.785 0 4v3.09c0 .847.336 1.66.938 2.262l5.382 5.382c.93.934 2.43.934 3.36 0l4.965-4.964c.98-.98.98-2.56 0-3.54L9.227.812A2.777 2.777 0 0 0 7.266 0H4zm0 2h3.266c.207 0 .402.082.546.227l5.418 5.418a.512.512 0 0 1 0 .71L8.266 13.32a.38.38 0 0 1-.532 0L2.352 7.937A1.198 1.198 0 0 1 2 7.09V4c0-1.098.902-2 2-2zm.5 1a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3z"
-              />
-            </svg>
+          <a href="{{ get_taxonomy_url(kind=name, name=item) }}">
+            <i class="bi bi-tag-fill"></i>
             {{ item }}
           </a>&nbsp;
           {%- endfor %}

templates/includes/head.html

@@ -11,10 +11,10 @@
     {% else %} {{ config.title }} {% endif %}
   </title>
 
-  <link href="{{ get_url(path='style.css') }}" rel="stylesheet" />
+  <link rel="stylesheet" href="{{ get_url(path='style.css') }}" />
   {% if config.extra.stylesheets %}
     {% for stylesheet in config.extra.stylesheets %}
-      <link href="{{ get_url(path=stylesheet) }}" rel="stylesheet" />
+      <link rel="stylesheet" href="{{ get_url(path=stylesheet) }}" />
     {% endfor %}
   {% endif %}
 

templates/includes/nav.html

@@ -6,18 +6,18 @@
     <ul>
       {% for link in config.extra.nav.links %}
         <li>
-          <a href="{{ link.url }}">{{ link.name }}</a>
+          <a href="{{ link.url }}">
+            {% if link.icon %}
+              <i class="bi bi-{{ link.icon }}"></i>
+            {% endif %}
+            {{ link.name }}
+          </a>
         </li>
       {% endfor %}
       {% if config.extra.nav.show_feed %}
         <li>
           <a href="{{ config.base_url }}/atom.xml">
-            <svg class="link-icon" viewBox="0 0 16 16" width="16" height="16">
-              <path
-                fill="currentColor"
-                d="M1.988 1.988V3c.008.547.453.984 1 .988.004-.004.008-.004.012-.004v.028A8.977 8.977 0 0 1 11.988 13a.991.991 0 0 0 1 .984h1V13h-.004c0-.004 0-.004.004-.008C13.984 7.02 9.184 2.148 3.242 2.02A1.004 1.004 0 0 0 3 1.988v-.004zm0 4V7c.008.547.453.984 1 .988.004-.004.008-.004.012-.004V8a4.985 4.985 0 0 1 4.996 4.844 1.002 1.002 0 0 0 .988 1.145c.008-.005.012-.005.016-.005v.004h.984V13H10c0-3.793-3.047-6.898-6.82-6.992 0-.004-.004-.004-.004-.004A.892.892 0 0 0 3 5.988v-.004zm2 4a1.999 1.999 0 1 0-.002 3.998 1.999 1.999 0 0 0 .002-3.998zm0 0"
-              />
-            </svg>
+            <i class="bi bi-rss-fill"></i>
             Feed
           </a>
         </li>

templates/taxonomy_list.html

@@ -8,16 +8,8 @@
   <br />
   {% for tag in terms %}
   <small>
-    <a
-      class="link-tag"
-      href="{{ get_taxonomy_url(kind='tags', name=tag.name) }}"
-    >
-      <svg class="link-icon" viewBox="0 0 16 16" width="16" height="16">
-        <path
-          fill="currentColor"
-          d="M4 0C1.785 0 0 1.785 0 4v3.09c0 .847.336 1.66.938 2.262l5.382 5.382c.93.934 2.43.934 3.36 0l4.965-4.964c.98-.98.98-2.56 0-3.54L9.227.812A2.777 2.777 0 0 0 7.266 0H4zm0 2h3.266c.207 0 .402.082.546.227l5.418 5.418a.512.512 0 0 1 0 .71L8.266 13.32a.38.38 0 0 1-.532 0L2.352 7.937A1.198 1.198 0 0 1 2 7.09V4c0-1.098.902-2 2-2zm.5 1a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3z"
-        />
-      </svg>
+    <a href="{{ get_taxonomy_url(kind='tags', name=tag.name) }}">
+      <i class="bi bi-tag-fill"></i>
       {{ tag.name }}
     </a>
     <br />

templates/taxonomy_single.html

@@ -22,13 +22,8 @@
       {%- for name, taxon in page.taxonomies %}
         •
         {%- for item in taxon %}
-          <a class="link-tag" href="{{ get_taxonomy_url(kind=name, name=item) }}">
-            <svg class="link-icon" viewBox="0 0 16 16" width="16" height="16">
-              <path
-                fill="currentColor"
-                d="M4 0C1.785 0 0 1.785 0 4v3.09c0 .847.336 1.66.938 2.262l5.382 5.382c.93.934 2.43.934 3.36 0l4.965-4.964c.98-.98.98-2.56 0-3.54L9.227.812A2.777 2.777 0 0 0 7.266 0H4zm0 2h3.266c.207 0 .402.082.546.227l5.418 5.418a.512.512 0 0 1 0 .71L8.266 13.32a.38.38 0 0 1-.532 0L2.352 7.937A1.198 1.198 0 0 1 2 7.09V4c0-1.098.902-2 2-2zm.5 1a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3z"
-              />
-            </svg>
+          <a href="{{ get_taxonomy_url(kind=name, name=item) }}">
+            <i class="bi bi-tag-fill"></i>
             {{ item }}
           </a>&nbsp;
         {%- endfor %}