Announcement (sveltejs#8147)

* live now

* announcement

* tweak

Author: Rich-Harris

sites/kit.svelte.dev/src/routes/Banner.svelte

@@ -15,8 +15,10 @@
 
 <header class="banner" class:visible>
 	<p>
-		<a href="https://www.youtube.com/watch?v=N4BRVkQVoMc">
-			<strong>LIVE NOW:</strong> announcing SvelteKit 1.0!
+		<a href="https://svelte.dev/blog/announcing-sveltekit-1.0">
+			<strong>SvelteKit 1.0 is here!</strong>
+			<span class="small">Learn more</span>
+			<span class="large">Read the blog post to learn more</span>
 		</a>
 	</p>
 </header>
@@ -45,6 +47,20 @@
 		color: inherit;
 	}
 
+	.large {
+		display: none;
+	}
+
+	@media (min-width: 440px) {
+		.small {
+			display: none;
+		}
+
+		.large {
+			display: initial;
+		}
+	}
+
 	@media (max-width: 800px) {
 		.banner:not(.visible) {
 			transform: translate(0, calc(-100% - 1rem));