add links to sidebar

_templates/aboutme.html

@@ -1,10 +1,49 @@
 <div class="ablog-sidebar-item">
+    <h3>Links</h3>
+     <div class="row" style="margin-bottom: 7px">
+        <a href="https://github.com/len0rd" target="_blank" rel="noopener" style="display: flex; align-items: center; text-decoration: none;">
+            <svg height="24" width="24" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" style="margin-right: 8px;">
+            <path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38
+            0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52
+            -.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2
+            -3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82
+            .64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08
+            2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01
+            1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0 0 16 8c0-4.42-3.58-8-8-8z"/>
+            </svg>
+            <span>Github</span>
+        </a>
+    </div>
+    <div class="row" style="margin-bottom: 5px">
+        <a href="https://boardgamegeek.com/user/len0rd" target="_blank" rel="noopener" style="display: flex; align-items: center; text-decoration: none;">
+            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true" style="margin-right: 8px;">
+                <rect x="3" y="3" width="18" height="18" rx="4" fill="currentColor" stroke="currentColor" stroke-width="2"/>
+                <circle cx="7" cy="7" r="1.5" fill="#fff"/>
+                <circle cx="12" cy="7" r="1.5" fill="#fff"/>
+                <circle cx="17" cy="7" r="1.5" fill="#fff"/>
+                <circle cx="7" cy="17" r="1.5" fill="#fff"/>
+                <circle cx="12" cy="17" r="1.5" fill="#fff"/>
+                <circle cx="17" cy="17" r="1.5" fill="#fff"/>
+            </svg>
+            <span>BoardGameGeek</span>
+        </a>
+    </div>
+    <div class="row" style="margin-bottom: 15px">
+        <a href="https://www.printables.com/@len0rd_527458" target="_blank" rel="noopener" style="display: flex; align-items: center; text-decoration: none;">
+            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true" style="margin-right: 8px;">
+                <rect x="3" y="3" width="18" height="18" rx="4" fill="currentColor" stroke="currentColor" stroke-width="2" />
+                <text x="12" y="17" text-anchor="middle" font-family="Arial, Helvetica, sans-serif" font-size="13" font-weight="bold" fill="#fff">P</text>
+            </svg>
+            <span>Printables</span>
+        </a>
+    </div>
     <h3>About me</h3>
     <div class="row">
         <div class="column left centered-content">
             <img src="{{ pathto('me.png', 1) }}" width="100"/>
         </div>
         <div class="column right">
+            <div class="row">
                 <p>
                     I'm an embedded software engineer who enjoys building reliable, well-tested and fast
                     code. Besides embedded development I also dabble in DevOps, self-hosting and making stuff.
@@ -13,5 +52,6 @@
             </div>
         </div>
     </div>
+</div>
 
 

pip-requirements.txt

@@ -3,6 +3,8 @@ ablog
 sphinx-design
 sphinxcontrib-youtube
 pydata-sphinx-theme
+# dependency of sphinxcontrib-bitfield
+https://github.com/len0rd/bitfield/archive/refs/heads/feature/len0rd/fontcolor.zip
 # for bitfield diagram generation (with latex support)
 # installing from my own branch since some improvements have not been merged upstream yet
 https://github.com/len0rd/sphinxcontrib-bitfield/archive/refs/heads/feature/len0rd/bitfield_fontcolor.zip