Icons from icomoon.io

static/css/style.css

@@ -218,7 +218,7 @@ th {
 
 @font-face {
     font-family: 'icons';
-    src: url("../font/awesome/fa-solid-900.woff2") format("woff2");
+    src: url("../font/icon.woff") format("woff");
     font-weight: normal;
     font-style: normal
 }
@@ -237,15 +237,15 @@ th {
     font-variant: normal;
     text-transform: none;
     line-height: 1em;
-    margin-left: .2em
+    margin-left: .2em;
 }
 
 .ic-star:before {
-    content: '\f004'
+    content: '\e9d9'
 }
 
 .ic-rss:before {
-    content: '\f09e'
+    content: '\ea9c'
 }
 
 .ic-posts:before {
@@ -257,27 +257,38 @@ th {
 }
 
 .ic-link:before {
-    content: '\f0c1'
+    content: '\e9cb'
 }
 
 .ic-arrow-right:before {
-    content: '\f061'
+    content: '\ea3c'
 }
 
 .ic-arrow-left:before {
-    content: '\f060'
+    content: '\ea40'
 }
 
 .ic-twitter:before {
-    content: '\f099'
+    content: '\e904'
 }
 
 .ic-mastodon:before {
-    content: '\f4f6'
+    content: '\e908'
+}
+
+.ic-linkedin:before {
+    content: '\e905'
+}
+
+.ic-git:before {
+    content: '\e906'
+}
+.ic-github:before {
+    content: '\e907'
 }
 
 .ic-menu:before {
-    content: '\f0c9'
+    content: '\e9bd'
 }
 
 @font-face {
@@ -1052,7 +1063,8 @@ img {
     top: -2px;
     margin: auto;
     font-size: 0.625em;
-    line-height: 1.6em
+    line-height: 1.6em;
+    top:1px
 }
 
 #menu {
@@ -1552,7 +1564,7 @@ img {
 
 .post-author-bio span {
     position: relative;
-    font-size: 0.8em;
+    font-size: 1em;
     display: inline-block;
     margin-top: 1.25em;
     margin-right: 1.25em;

templates/index.html

@@ -52,6 +52,42 @@
       </div>
     </header>
 
+    <!-- Author info on first page -->
+    {% if not articles_page.has_previous() %}
+    <section id="blog-author" {% if selected_cover or selected_color %}class="has-cover"{% endif %} >
+        <div class="inner">
+            <aside class="post-author">
+                {% if PROFILE_IMAGE %}
+                <figure class="post-author-avatar">
+                    <img src="/{{PROFILE_IMAGE}}" alt="{{AUTHOR}}" />
+                </figure>
+                {% endif %}
+                <div class="post-author-bio">
+                    <h4 class="post-author-name">{{AUTHOR}}</h4>
+                    {% if BIO %}
+                        <p class="post-author-about">{{BIO}}</p>
+                    {% endif %}
+                    {% if LOCATION %}
+                        <span class="post-author-location"><i class="ic ic-location"></i>
+                            {{LOCATION}}
+                        </span>
+                    {% endif %}
+                    <!-- Social linkes in alphabet order. -->
+                     {% for name,link in SOCIAL %}
+                        <span class="post-author-{{name}}">
+                        <a target="_blank" href="{{link}}"><i class="ic ic-{{name}}"></i>{{name}}</a></span>
+                     {% endfor %}
+                     <span class="post-author-stats">
+                        <i class="ic ic-posts"></i> {{ articles|count }}
+                        {% if articles|count > 1 %} posts {% else %} post {% endif %}
+                     </span>
+
+                </div>
+                <div class="clear"></div>
+            </aside>
+        </div>
+    </section>
+    {% endif %}
 {% endblock header %}
 
 {% block content %}