diff --git a/dev/index.html b/dev/index.html
index 4a37e09..f97f748 100644
--- a/dev/index.html
+++ b/dev/index.html
@@ -23,6 +23,9 @@
             <hr />
         </div>
         <div class="bottom-level">
+            <div class="link-item">
+                <a class="mastodon-icon icon" rel="me" href="https://social.linux.pizza/@jabuxas">my mastodon</a>
+            </div>
             <div class="link-item">
                 <a class="mail-icon icon" href="mailto:jabuxas@proton.me">my contact email</a>
             </div>
diff --git a/dev/style.css b/dev/style.css
index a9ce2c1..44917cb 100644
--- a/dev/style.css
+++ b/dev/style.css
@@ -74,6 +74,12 @@ img {
     padding-left: 7px;
 }
 
+.mastodon-icon:before {
+    content: "\edc0";
+    font-size: 2em;
+    padding-left: 4px;
+}
+
 .blog-icon:before {
     content: "\e287";
     font-size: 2em;