added new icon for newsletter and podcast

src/routes/_SocialLinks/Link.svelte

@@ -1,5 +1,6 @@
 <script>
 	export let path, image, alt;
+
 </script>
 
 <li>
@@ -20,5 +21,7 @@
 		color: black;
 		display: grid;
 		place-items: center;
+		text-align: center;
 	}
+
 </style>

src/routes/index.svelte

@@ -8,23 +8,25 @@
 	metatags.desc('Svelte Society is a community-driven effort to organise and promote SvelteJS.');
 	metatags.image(metatagImage);
 	metatags.url($page.host + $page.path);
+
 </script>
 
 <div class="wrapper">
 	<h1>Welcome to Svelte Society!</h1>
 	<p>
-		We are a volunteer global network of Svelte fans that strive to promote Svelte and its ecosystem.
-		As a service to the community, this site is a central index of <a href="/events">events</a>,
-		a <a href="/components">components directory</a>, as well as <a href="/receipes">recipes</a> and other useful resources.
-		Join us or help us out!
+		We are a volunteer global network of Svelte fans that strive to promote Svelte and its
+		ecosystem. As a service to the community, this site is a central index of <a href="/events"
+			>events</a
+		>, a <a href="/components">components directory</a>, as well as <a href="/receipes">recipes</a> and
+		other useful resources. Join us or help us out!
 	</p>
 	<p>
-		If you want to reach out to us or find like-minded people from around the world you
-		can check out the resources below:
+		If you want to reach out to us or find like-minded people from around the world you can check
+		out the resources below:
 	</p>
 	<ul>
 		<Link path="https://youtube.com/SvelteSociety" image="images/youtube.svg" alt="YouTube icon"
-			>YouTube Channel</Link
+			>YouTube</Link
 		>
 		<Link path="https://discord.gg/svelte" image="images/discord.svg" alt="Discord icon"
 			>Discord</Link
@@ -32,10 +34,16 @@
 		<Link path="https://twitter.com/sveltesociety" image="images/twitter.svg" alt="Twitter icon"
 			>Twitter</Link
 		>
+		<Link path="https://svelte.substack.com/" image="images/newsletter.svg" alt="Newsletter icon"
+			>Newsletter</Link
+		>
+		<Link path="https://www.svelteradio.com/" image="images/radio.svg" alt="Radio icon"
+			>Podcast</Link
+		>
 	</ul>
 	<p>
-		We also run the biannual <a href="https://sveltesummit.com/">Svelte Summit</a> conference 
-		and host <a href="https://www.svelteradio.com/">the Svelte Radio podcast</a>.
+		We also run the biannual <a href="https://sveltesummit.com/">Svelte Summit</a> conference and
+		host <a href="https://www.svelteradio.com/">the Svelte Radio podcast</a>.
 	</p>
 </div>
 
@@ -52,9 +60,11 @@
 	}
 	ul {
 		display: grid;
-		grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
+		grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
 		grid-gap: var(--space-600);
 		list-style-type: none;
 		margin: calc(var(--space-600) * 3) 0;
+		padding: 0;
 	}
+
 </style>