diff --git a/templates/base.html b/templates/base.html
index d5df840..00c6bab 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -12,6 +12,13 @@
     <meta property="og:image" content="https://karx.xyz/favicon.ico" />
 
     <title>{% block title %} {% endblock title %} - karx's website</title>
+
+    <script type="module">
+        import flamethrower from "https://esm.sh/v90/flamethrower-router";
+        flamethrower({log: true, pageTransitions: true});
+    </script>
+
+    {% block headext %} {% endblock headext %}
 </head>
 
 <body>
diff --git a/templates/blog-page.html b/templates/blog-page.html
index 3723ab8..3fd06ac 100644
--- a/templates/blog-page.html
+++ b/templates/blog-page.html
@@ -29,6 +29,41 @@
         data-lang="en"
         data-loading="lazy"
         crossorigin="anonymous"
-        async>
+        async
+        data-reload>
 </script>
 {% endblock content %}
+
+{% block headext %}
+<script data-reload>
+    // handler for pages loaded through flamethrower
+    function handleMessage(event) {
+        if (event.origin !== 'https://giscus.app') return;
+        if (!(typeof event.data === 'object' && event.data.giscus)) return;
+
+        const giscusData = event.data.giscus;
+        if ('error' in giscusData) {
+            if (giscusData.error.includes("not installed")) {
+                console.log("Hello from handler " + giscusData.error);
+                sendMessage({
+                    setConfig: {
+                        repo: "karx1/site-comments",
+                        theme: "cobalt",
+                    }
+                })
+            }
+        }
+    }
+
+    function sendMessage(message) {
+        const iframe = document.querySelector("iframe.giscus-frame");
+        if (!iframe) return;
+        iframe.contentWindow.postMessage({ giscus: message }, "*");
+        console.log("Sent message to giscus");
+    }
+
+
+    window.removeEventListener('message', handleMessage); // remove any old event listeners
+    window.addEventListener('message', handleMessage);
+</script>
+{% endblock headext %}
