From ab4ef9cf5130bb30169e60444331352365f68ba6 Mon Sep 17 00:00:00 2001
From: Rich Harris <hello@rich-harris.dev>
Date: Fri, 4 Mar 2022 15:42:24 -0500
Subject: [PATCH 1/3] use src version locally

---
 sites/kit.svelte.dev/package.json  |  6 +++---
 sites/kit.svelte.dev/svelte-kit.js | 14 ++++++++++++++
 2 files changed, 17 insertions(+), 3 deletions(-)
 create mode 100644 sites/kit.svelte.dev/svelte-kit.js

diff --git a/sites/kit.svelte.dev/package.json b/sites/kit.svelte.dev/package.json
index 497427af6a9b..a542e35668fd 100644
--- a/sites/kit.svelte.dev/package.json
+++ b/sites/kit.svelte.dev/package.json
@@ -2,10 +2,10 @@
 	"name": "kit.svelte.dev",
 	"version": "0.0.1",
 	"scripts": {
-		"dev": "svelte-kit dev",
-		"build": "svelte-kit build --verbose",
+		"dev": "node ./svelte-kit.js dev",
+		"build": "node ./svelte-kit.js build --verbose",
 		"prebuild": "test \"$CI\" = true && npx pnpm install --store=node_modules/.pnpm-store || echo skipping pnpm install",
-		"preview": "svelte-kit preview"
+		"preview": "node ./svelte-kit.js preview"
 	},
 	"devDependencies": {
 		"@sveltejs/adapter-auto": "workspace:*",
diff --git a/sites/kit.svelte.dev/svelte-kit.js b/sites/kit.svelte.dev/svelte-kit.js
new file mode 100644
index 000000000000..5f6cfa80fdf6
--- /dev/null
+++ b/sites/kit.svelte.dev/svelte-kit.js
@@ -0,0 +1,14 @@
+import { spawn } from 'child_process';
+import { fileURLToPath } from 'url';
+
+const [node, , ...args] = process.argv;
+const mode = process.env.CI ? 'dist' : 'src';
+const bin = fileURLToPath(new URL(`../../packages/kit/${mode}/cli.js`, import.meta.url));
+
+const child = spawn(node, [bin, ...args], {
+	stdio: 'inherit'
+});
+
+if (child) {
+	child.on('exit', process.exit);
+}

From 96fe901988218553dcdd3a97ca6355de1c8139b9 Mon Sep 17 00:00:00 2001
From: Rich Harris <hello@rich-harris.dev>
Date: Fri, 4 Mar 2022 16:43:33 -0500
Subject: [PATCH 2/3] workaround #4216

---
 .../kit.svelte.dev/src/routes/__layout.svelte | 23 ++++++++++---------
 1 file changed, 12 insertions(+), 11 deletions(-)

diff --git a/sites/kit.svelte.dev/src/routes/__layout.svelte b/sites/kit.svelte.dev/src/routes/__layout.svelte
index 0bd41e871f7e..b84b63815d9f 100644
--- a/sites/kit.svelte.dev/src/routes/__layout.svelte
+++ b/sites/kit.svelte.dev/src/routes/__layout.svelte
@@ -47,17 +47,6 @@
 		</NavItem>
 	</svelte:fragment>
 </Nav>
-	<a target="_blank" rel="noopener noreferrer" href="https://www.stopputin.net/"
-		><div class="ukr" bind:clientHeight={h} bind:clientWidth={w}>
-			{#if w < 830}
-				<strong>We stand with Ukraine.</strong>
-				Donate →
-			{:else}
-				<strong>We stand with Ukraine.</strong>
-				Petition your leaders. Show your support.
-			{/if}
-		</div></a
-	>
 
 <main id="main" style="padding-bottom: {h}px;">
 	<slot />
@@ -67,6 +56,18 @@
 	{/if}
 </main>
 
+<a target="_blank" rel="noopener noreferrer" href="https://www.stopputin.net/">
+	<div class="ukr" bind:clientHeight={h} bind:clientWidth={w}>
+		{#if w < 830}
+			<strong>We stand with Ukraine.</strong>
+			Donate →
+		{:else}
+			<strong>We stand with Ukraine.</strong>
+			Petition your leaders. Show your support.
+		{/if}
+	</div>
+</a>
+
 <style>
 	main {
 		position: relative;

From df9651a3d353d6383092b6e72e000f99dffbc28c Mon Sep 17 00:00:00 2001
From: Rich Harris <hello@rich-harris.dev>
Date: Fri, 4 Mar 2022 17:27:08 -0500
Subject: [PATCH 3/3] reimplement banner

---
 .../kit.svelte.dev/src/routes/__layout.svelte | 39 ++++++++++++-------
 1 file changed, 24 insertions(+), 15 deletions(-)

diff --git a/sites/kit.svelte.dev/src/routes/__layout.svelte b/sites/kit.svelte.dev/src/routes/__layout.svelte
index b84b63815d9f..428e6519d1cd 100644
--- a/sites/kit.svelte.dev/src/routes/__layout.svelte
+++ b/sites/kit.svelte.dev/src/routes/__layout.svelte
@@ -5,10 +5,6 @@
 	import { Icon, Icons, Nav, NavItem, PreloadingIndicator, SkipLink } from '@sveltejs/site-kit';
 	import Search from '$lib/search/Search.svelte';
 	import SearchBox from '$lib/search/SearchBox.svelte';
-
-	let h = 0;
-	let w = 0;
-	$: browser && document.documentElement.style.setProperty('--ukr-footer-height', `${h}px`);
 </script>
 
 <Icons />
@@ -48,7 +44,7 @@
 	</svelte:fragment>
 </Nav>
 
-<main id="main" style="padding-bottom: {h}px;">
+<main id="main">
 	<slot />
 
 	{#if browser}
@@ -57,14 +53,13 @@
 </main>
 
 <a target="_blank" rel="noopener noreferrer" href="https://www.stopputin.net/">
-	<div class="ukr" bind:clientHeight={h} bind:clientWidth={w}>
-		{#if w < 830}
-			<strong>We stand with Ukraine.</strong>
-			Donate →
-		{:else}
-			<strong>We stand with Ukraine.</strong>
-			Petition your leaders. Show your support.
-		{/if}
+	<div class="ukr">
+		<span class="small">
+			<strong>We stand with Ukraine.</strong> Donate →
+		</span>
+		<span class="large">
+			<strong>We stand with Ukraine.</strong> Petition your leaders. Show your support.
+		</span>
 	</div>
 </a>
 
@@ -137,22 +132,36 @@
 		font-size: 1.6rem !important;
 	}
 
+	/** Ukraine banner */
+	:root {
+		--ukr-footer-height: 48px;
+	}
+
+	main {
+		padding-bottom: var(--ukr-footer-height);
+	}
+
 	.ukr {
 		background-color: #0066cc;
 		color: white;
 		position: fixed;
+		display: flex;
+		align-items: center;
+		justify-content: center;
 		bottom: 0;
 		width: 100vw;
-		text-align: center;
-		padding: 0.75em;
+		height: var(--ukr-footer-height);
 		z-index: 999;
 	}
+
 	:global(.examples-container, .repl-outer, .tutorial-outer) {
 		height: calc(100vh - var(--nav-h) - var(--ukr-footer-height)) !important;
 	}
+
 	:global(.toggle) {
 		bottom: var(--ukr-footer-height) !important;
 	}
+
 	@media (max-width: 830px) {
 		:global(aside) {
 			z-index: 9999 !important;