imprv layout index.md

1 files changed, 8 insertions, 1 deletions

diff --git a/index.md b/index.md
index fe6bf6c..179c905 100644
--- a/index.md
+++ b/index.md
@@ -22,10 +22,17 @@ badges:
 <img
   width="123"
   height="123"
-  style="image-rendering:crisp-edges;float:right;margin:-12px"
+  class="dark-invert"
+  style="image-rendering:crisp-edges;float:right;margin:-12px -12px 0 0"
   src="{{ '/assets/hqr_v4H_hizbu_com.png' | relative_url }}"
   alt="QR for hizbu.com generated by Noel Friedrich's human-readable QR at noel-friedrich.de/hqr">
 
+<style>
+  @media (prefers-color-scheme: dark) {
+    .dark-invert { filter: invert(1); }
+  }
+</style>
+
 My name is Hizbu Azka and I do intersection between hardware, low-level programming, and the web technologies. You can see my work at various area
 
 {% if site.posts.size > 0 %}