feat: update socials logos & links (#94)

* feat: update socials logos & links * feat: update to social media color icons * style: fixed blanck spaces between icons --------- Co-authored-by: Noelia <noeliadonato@gmail.com>
nsdonato · Mar 23, 2024 · 3065cf8 · 3065cf8
1 parent 4f4449b
commit 3065cf8
Show file tree

Hide file tree

Showing 10 changed files with 73 additions and 28 deletions.
diff --git a/docs/index.mdx b/docs/index.mdx
@@ -36,7 +36,7 @@ Noe <span className="underline" data-umami-event="Click on vamoacodear - X">[vam
 			cover={{
 				width: 40,
 				height: 40,
-				src: '/socials/discord.svg',
+				src: '/socials/discord-icon.no-invert.svg',
 			}}
 			placeholder="Discord"
 		/>
@@ -45,9 +45,9 @@ Noe <span className="underline" data-umami-event="Click on vamoacodear - X">[vam
     <WebLink href='https://twitter.com/vamoacodear' eventName="Click on vamoacodear - Twitter">
     	<Figure
     		cover={{
-    			width: 30,
-    			height: 30,
-    			src: '/socials/twitter.svg',
+    			width: 35,
+    			height: 35,
+    			src: '/socials/x-icon.svg',
     		}}
     		placeholder="Twitter"
     	/>
@@ -56,9 +56,9 @@ Noe <span className="underline" data-umami-event="Click on vamoacodear - X">[vam
     <WebLink href='https://tiktok.com/@vamoacodear' eventName="Click on vamoacodear - TikTok">
     	<Figure
     		cover={{
-    			width: 33,
+    			width: 30,
     			height: 30,
-    			src: '/socials/tiktok.svg',
+    			src: '/socials/tiktok-icon.no-invert.svg',
     		}}
     		placeholder="TikTok"
     	/>
@@ -69,10 +69,33 @@ Noe <span className="underline" data-umami-event="Click on vamoacodear - X">[vam
     		cover={{
     			width: 30,
     			height: 30,
-    			src: '/socials/instagram.svg',
+    			src: '/socials/instagram-icon.no-invert.svg',
     		}}
     		placeholder="Instagram"
     	 />
     </WebLink>
 
+	<WebLink href='https://www.twitch.tv/vamoacodear'>
+    	<Figure
+    		cover={{
+    			width: 30,
+    			height: 30,
+    			src: '/socials/twitch-icon.no-invert.svg',
+    		}}
+    		placeholder="Twitch"
+    	 />
+    </WebLink>
+
+	<WebLink href='https://www.youtube.com/@vamoacodear'>
+    	<Figure
+    		cover={{
+    			width: 40,
+    			height: 40,
+    			src: '/socials/youtube.no-invert.svg',
+    		}}
+    		placeholder="YouTube"
+    	 />
+    </WebLink>
+
+
 </div>
diff --git a/public/socials/discord-icon.no-invert.svg b/public/socials/discord-icon.no-invert.svg
diff --git a/public/socials/discord.svg b/public/socials/discord.svg
diff --git a/public/socials/instagram-icon.no-invert.svg b/public/socials/instagram-icon.no-invert.svg
diff --git a/public/socials/instagram.svg b/public/socials/instagram.svg
diff --git a/public/socials/tiktok-icon.no-invert.svg b/public/socials/tiktok-icon.no-invert.svg
diff --git a/public/socials/tiktok.svg b/public/socials/tiktok.svg
diff --git a/public/socials/twitch-icon.no-invert.svg b/public/socials/twitch-icon.no-invert.svg
diff --git a/public/socials/twitter.svg b/public/socials/twitter.svg
diff --git a/public/socials/x-icon.svg b/public/socials/x-icon.svg