diff --git a/website/.webplate/miniaudio-footer.html b/website/.webplate/miniaudio-footer.html
index 3114f69b..5aef1f31 100644
--- a/website/.webplate/miniaudio-footer.html
+++ b/website/.webplate/miniaudio-footer.html
@@ -3,7 +3,7 @@
         <tr>
             <td style="vertical-align:center;"><a style="padding:0;" href="https://www.reddit.com/r/miniaudio"><img src="{{ relative-path "img/reddit_white.svg" }}" style="margin:0; padding:0; height:40px; width:40px;"></a></td>
             <td style="vertical-align:center;"><a style="padding:0;" href="https://discord.gg/9vpqbjU"><img src="{{ relative-path "img/Discord-Logo-White.svg" }}" style="padding:0; height:32px; width:32px;"></a></td>
-            <td style="vertical-align:center;"><a style="padding:0;" href="https://twitter.com/mackron"><img src="{{ relative-path "img/twitter_white.png" }}" style="padding:0; height:32px; width:32px;"></a></td>
+            <td rel="me" style="vertical-align:center;"><a style="padding:0;" href="https://fosstodon.org/@mackron"><img src="{{ relative-path "img/mastodon_white.svg" }}" style="padding:0; height:24px; width:32px;"></a></td>
             <td style="vertical-align:center;"><a style="padding:0;" href="https://github.com/mackron/miniaudio"><img src="{{ relative-path "img/github_white.png" }}" style="padding:0; height:24px; width:24px;"></a></td>
         </tr>
     </table>
diff --git a/website/.webplate/miniaudio-header.html b/website/.webplate/miniaudio-header.html
index 68d707ad..208e4412 100644
--- a/website/.webplate/miniaudio-header.html
+++ b/website/.webplate/miniaudio-header.html
@@ -36,7 +36,7 @@
                         <a href="https://discord.gg/9vpqbjU"><img src="{{ relative-path "img/Discord-Logo-White.svg" }}" style="margin:0; padding:0; height:32px; width:32px;"></a>
                     </td>
                     <td style="padding:0.1em; width:25%; text-align:right; vertical-align:center;">
-                        <a href="https://twitter.com/mackron"><img src="{{ relative-path "img/twitter_white.png" }}" style="margin:0; padding:0; height:32px; width:32px;"></a>
+                        <a rel="me" href="https://fosstodon.org/@mackron"><img src="{{ relative-path "img/mastodon_white.svg" }}" style="margin:0; padding:0; height:24px; width:32px;"></a>
                     </td>
                     <td style="padding:0.1em; padding-right:1em; width:25%; text-align:right; vertical-align:center;">
                         <a href="https://github.com/mackron/miniaudio"><img src="{{ relative-path "img/github_white.png" }}" style="margin:0; padding:0; height:24px; width:24px;"></a>