site: runes banner (#9228)

* site: runes banner

* well I should get the title right, shouldnt I?

* padding

* fix typo

* tweak

Author: dummdidumm

documentation/blog/2023-09-20-runes.md

@@ -124,7 +124,7 @@ export function createCounter() {
 	return {
 -		subscribe,
 -		increment: () => update((n) => n + 1)
-+		get count { return count },
++		get count() { return count },
 +		increment: () => count += 1
    };
 }

pnpm-lock.yaml

@@ -30,7 +30,7 @@
     "@resvg/resvg-js": "^2.4.1",
     "@sveltejs/adapter-vercel": "^3.0.3",
     "@sveltejs/kit": "^1.24.1",
-    "@sveltejs/site-kit": "6.0.0-next.46",
+    "@sveltejs/site-kit": "6.0.0-next.47",
     "@sveltejs/vite-plugin-svelte": "^2.4.6",
     "@types/cookie": "^0.5.2",
     "@types/node": "^20.5.9",

sites/svelte.dev/package.json

@@ -32,7 +32,11 @@
 </svelte:head>
 
 <div style:display={$page.url.pathname !== '/docs' ? 'contents' : 'none'}>
-	<Shell nav_visible={$page.url.pathname !== '/repl/embed'} bind:snapshot={shell_snapshot}>
+	<Shell
+		nav_visible={$page.url.pathname !== '/repl/embed'}
+		bind:snapshot={shell_snapshot}
+		banner_bottom_height="42px"
+	>
 		<Nav slot="top-nav" title={data.nav_title} links={data.nav_links}>
 			<svelte:fragment slot="home-large">
 				<strong>svelte</strong>.dev
@@ -68,6 +72,10 @@
 		</Nav>
 
 		<slot />
+
+		<div slot="banner-bottom" class="banner-bottom">
+			<a href="/blog/runes" class="banner-bottom">Introducing the upcoming Svelte 5 API: Runes</a>
+		</div>
 	</Shell>
 </div>
 
@@ -84,4 +92,12 @@
 		height: 100%;
 		width: 100%;
 	}
+
+	.banner-bottom {
+		text-align: center;
+		background: var(--sk-theme-1-variant);
+		color: white;
+		text-decoration: underline;
+		padding: 8px;
+	}
 </style>