diff --git a/index.html b/index.html
index b599460..3b6419e 100644
--- a/index.html
+++ b/index.html
@@ -81,7 +81,8 @@
 <body>
     <main class="intro">
         <header class="hub-header">
-            <img class="pfp" src="assets/media/avatar.webp" alt="Ari avatar" width="96" height="96" fetchpriority="high">
+            <img class="pfp" src="assets/media/avatar.webp" alt="Ari avatar" width="96" height="96"
+                fetchpriority="high">
             <div>
                 <h1 class="hey">Hi, I'm<span class="name">Ari</span></h1>
             </div>
@@ -91,14 +92,17 @@
                 and just tries to help out whenever she can.
             </div>
             <div class="links">
-                <a class="gitgay-link" href="https://git.gay/Ari" target="_blank" rel="noopener">Check out my Git.Gay</a>
-                <a class="gitgay-link" href="https://github.com/AriTheStupidCat" target="_blank" rel="noopener">Check out my GitHub</a>
+                <a class="gitgay-link" href="https://git.gay/Ari" target="_blank" rel="noopener">Check out my
+                    Git.Gay</a>
+                <a class="gitgay-link" href="https://github.com/AriTheStupidCat" target="_blank" rel="noopener">Check
+                    out my GitHub</a>
 
             </div>
         </header>
-
+        <div id="contrib"></div>
     </main>
-        <aside class="button-wall" aria-label="88x31 buttons">
+
+    <aside class="button-wall" aria-label="88x31 buttons">
         <img src="/assets/88x31/linux.gif" alt="Linux" loading="lazy">
         <img src="/assets/88x31/microslop.gif" alt="Microslop" loading="lazy">
         <img src="/assets/88x31/estrogen.gif" alt="Estrogen" loading="lazy">
@@ -107,15 +111,16 @@
         <img src="/assets/88x31/gitgay.png" alt="GitGay" loading="lazy">
         <img src="/assets/88x31/blink.gif" alt="Blink" loading="lazy">
         <img src="/assets/88x31/firefox.gif" alt="Firefox" loading="lazy">
-	    <img src="/assets/88x31/nft.gif" alt="NFT" loading="lazy">
-	    <img src="/assets/88x31/noweb32.gif" alt="No Web 3.2" loading="lazy">
-	    <img src="/assets/88x31/meltice.gif" alt="Melt Ice" loading="lazy">
-	    <img src="/assets/88x31/transnow2.gif" alt="Melt Ice" loading="lazy">
-	
-	    </aside>
-	</body>
-	<script src="js/index.js"></script>
-	<script src="js/flavors.js"></script>
-	<script src="js/cat.js"></script>
-	
-	</html>
\ No newline at end of file
+        <img src="/assets/88x31/nft.gif" alt="NFT" loading="lazy">
+        <img src="/assets/88x31/noweb32.gif" alt="No Web 3.2" loading="lazy">
+        <img src="/assets/88x31/meltice.gif" alt="Melt Ice" loading="lazy">
+        <img src="/assets/88x31/transnow2.gif" alt="Melt Ice" loading="lazy">
+    </aside>
+</body>
+<script src="js/index.js"></script>
+<script src="js/flavors.js"></script>
+<script src="js/cat.js"></script>
+<script src="/js/heatmap.js"></script>
+<script>ContribHeatmap.render("#contrib", { theme: "trans" });</script>
+
+</html>
\ No newline at end of file
