diff --git a/_layouts/default.html b/_layouts/default.html
index 5bc74c9..0386e8c 100644
--- a/_layouts/default.html
+++ b/_layouts/default.html
@@ -48,14 +48,27 @@ layout: compress
 
     {% if site.data.buttons.size > 0 %}
 
-    <div class="max-w-[85ch] justify-center items-center w-full not-prose flex flex-row flex-wrap gap-2 items-center no-external-icon mb-4"
+    <div class="max-w-[85ch] w-full mb-4 relative"
         style="max-width: 85ch;">
-
-        {% for button in site.data.buttons %}
-        <a class="no-external-icon" href="{{ button.url }}"><img width="88" height="31" src="{{ button.image }}"
+      <div class="block absolute w-full" style="max-width: 80ch; bottom: 0;">
+        <small>you can add my button to your site with
+          <div class="flex flex-row gap-4 mt-4">
+        <a class="no-external-icon" href="https://matmanna.dev"><img style="image-rendering: pixelated;" width="88" height="31" src="/assets/badge.png" alt="mat!"></a>
+        <button 
+          class="g-primary-100 dark:bg-primary-900 border border-primary-500 py-1 px-2 rounded-md text-xs"
+          onclick='prompt("ctrl+c & ctrl+v this into your text editor!", `&lt;a href="https://matmanna.dev">&lt;img width="88" src="https://matmanna.dev/badge.png" alt="mat manna!">&lt;/a>`)'>
+          copy html!
+        </button>
+        </div>
+    </small></div>
+  <div class="flex flex-row flex-wrap gap-2 not-prose justify-center w-full items-center no-external-icon"
+        >
+          {% for button in site.data.buttons %}
+        <a class="no-external-icon" href="{{ button.url }}"><img style="image-rendering: pixelated;" width="88" height="31" src="{{ button.image }}"
                 alt="{{ button.alt }}"></a>
-        {% endfor %}
-    </div>
+        {% endfor %}  
+  </div>
+  </div>
     {% endif %}
 
     <footer
diff --git a/assets/badge.png b/assets/badge.png
new file mode 100644
index 0000000000000000000000000000000000000000..285a071e429b1ff2ccdfb857dbd581a29d06b48c
GIT binary patch
literal 2378
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
Mp00i_>zopr01U3M(*OVf

literal 0
HcmV?d00001

diff --git a/index.md b/index.md
index e5f6c0f..59967ea 100644
--- a/index.md
+++ b/index.md
@@ -160,7 +160,9 @@ Since being exposed to computer programming on [Scratch](https://scratch.mit.edu
 }
 </style>
 
-_Some initiatives & projects I've worked on independently or with competition teams... (<a href="/projects">all</a>)_
+<strong>I recommend <sub>(not biased at all)</sub> that you check out...</strong>
+
+_...some initiatives & projects I've worked on independently or with competition teams, (<a href="/projects">all</a>)_
 
 <ul class="projects-width-breakout px-0 flex mt-3 flex-col gap-3 not-prose">
   {% assign visible_projects = site.projects | where_exp: "project", "project.hidden != true" %}
@@ -179,7 +181,7 @@ _Some initiatives & projects I've worked on independently or with competition te
   {% endfor %}
 </ul>
 
-_...and through my various roles and responsibilities at Hack Club..._
+_...my various roles and responsibilities at Hack Club,_
 
 <ul class="projects-width-breakout px-0 flex mt-3 flex-col gap-3 not-prose">
   {% assign visible_projects = site.projects | where_exp: "project", "project.hidden != true" %}
@@ -191,7 +193,7 @@ _...and through my various roles and responsibilities at Hack Club..._
   {% endfor %}
 </ul>
 
-_...and here are some thoughts I've had and shared... (<a href="/blog">all</a>)_
+_...and some thoughts I've had or shared, (<a href="/blog">all</a>)_
 
 <ul class="px-0 flex mt-3 flex-col gap-3 not-prose">
   {% for post in site.posts limit:3 %}