diff --git a/images/socials/mastodon.svg b/images/socials/mastodon.svg
new file mode 100644
index 0000000..6f1a6c0
--- /dev/null
+++ b/images/socials/mastodon.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M433 179.1c0-97.2-63.7-125.7-63.7-125.7-62.5-28.7-228.6-28.4-290.5 0 0 0-63.7 28.5-63.7 125.7 0 115.7-6.6 259.4 105.6 289.1 40.5 10.7 75.3 13 103.3 11.4 50.8-2.8 79.3-18.1 79.3-18.1l-1.7-36.9s-36.3 11.4-77.1 10.1c-40.4-1.4-83-4.4-89.6-54a102.5 102.5 0 0 1 -.9-13.9c85.6 20.9 158.7 9.1 178.8 6.7 56.1-6.7 105-41.3 111.2-72.9 9.8-49.8 9-121.5 9-121.5zm-75.1 125.2h-46.6v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.3V197c0-58.5-64-56.6-64-6.9v114.2H90.2c0-122.1-5.2-147.9 18.4-175 25.9-28.9 79.8-30.8 103.8 6.1l11.6 19.5 11.6-19.5c24.1-37.1 78.1-34.8 103.8-6.1 23.7 27.3 18.4 53 18.4 175z"/></svg>
\ No newline at end of file
diff --git a/index.html b/index.html
index 7d4cc65..46dd0d8 100644
--- a/index.html
+++ b/index.html
@@ -5,15 +5,14 @@
 			<meta charset="utf-8"/>
 			<link rel="stylesheet" href="/css/index.css?v20220326">
 			<link rel="icon" type="image/x-icon" href="/images/favicon.png"/>
-			<link rel="me" href="https://twoot.site/@fern"/>
 			<meta name="viewport" content="width=device-width, initial-scale=1">
 	</head>
-																																																											 
-	<body> 
-		<div class="center"> 
+	<body>
+		<div class="center">
       <div class="name"><img src="/images/name.svg" alt="fern"></div>
 			<div class="socials">
         <a class="socials-item" href="https://git.fern.garden/fern"><img src="/images/socials/git.svg" alt="Git" /></a>
+        <a class="socials-item" rel="me" href="https://twoot.site/@fern"><img src="/images/socials/mastodon.svg" alt = "Mastodon" /></a>
         <a class="socials-item" href="mailto:mail@fern.garden"><img src="/images/socials/email.svg" alt="Email" /></a>
         <a class="socials-item" href="https://matrix.to/#/@fern:mx.fern.garden"><img src="/images/socials/matrix.svg" alt="Matrix" /></a>
       </div>
