offbyone
diff --git a/‎themes/offby1/static/images/dark/headshot.png‎
1.24 MB b/‎themes/offby1/static/images/dark/headshot.png‎
1.24 MB
diff --git a/‎themes/offby1/static/images/light/headshot.png‎
1.52 MB b/‎themes/offby1/static/images/light/headshot.png‎
1.52 MB
diff --git a/‎themes/offby1/templates/base.html.j2‎
Lines changed: 6 additions & 4 deletions b/‎themes/offby1/templates/base.html.j2‎
Lines changed: 6 additions & 4 deletions
@@ -55,10 +55,12 @@
     <body class="{% block body_class %}{% endblock %}">
         <header>
             <div class="header-content">
-                <div class="avatar">
-                    {# TODO: Add actual headshot image #}
-                    👤
-                </div>
+                <a href="{{ SITEURL }}/" class="avatar">
+                    <picture>
+                        <source srcset="{{ SITEURL }}/theme/images/dark/headshot.png" media="(prefers-color-scheme: dark)">
+                        <img src="{{ SITEURL }}/theme/images/light/headshot.png" alt="{{ AUTHOR }}">
+                    </picture>
+                </a>
                 <div class="site-title">
                     <a href="{{ SITEURL }}/" class="title-logo" role="img" aria-label="{{ SITENAME }}"></a>
                     <p class="tagline">{{ DESCRIPTION }}</p>