From d012369b0c59a1009b14034d52be6aabeaf8522a Mon Sep 17 00:00:00 2001
From: Puru Vijay <devpuruvj@gmail.com>
Date: Mon, 6 Feb 2023 14:36:09 +0530
Subject: [PATCH] Remove ukraine petition

---
 sites/svelte.dev/src/routes/+layout.svelte | 68 ++++------------------
 1 file changed, 10 insertions(+), 58 deletions(-)

diff --git a/sites/svelte.dev/src/routes/+layout.svelte b/sites/svelte.dev/src/routes/+layout.svelte
index 70849596bb..6d5c9da359 100644
--- a/sites/svelte.dev/src/routes/+layout.svelte
+++ b/sites/svelte.dev/src/routes/+layout.svelte
@@ -1,9 +1,8 @@
 <script>
-	import "@sveltejs/site-kit/styles/index.css";
-	import { page, navigating } from "$app/stores";
-	import { Icon, Icons, Nav, NavItem, SkipLink } from "@sveltejs/site-kit";
-	import PreloadingIndicator from "$lib/components/PreloadingIndicator.svelte";
-	import StopWar from "./stopwar.svg";
+	import { navigating, page } from '$app/stores';
+	import PreloadingIndicator from '$lib/components/PreloadingIndicator.svelte';
+	import { Icon, Icons, Nav, NavItem, SkipLink } from '@sveltejs/site-kit';
+	import '@sveltejs/site-kit/styles/index.css';
 </script>
 
 <Icons />
@@ -12,9 +11,9 @@
 	<PreloadingIndicator />
 {/if}
 
-{#if $page.url.pathname !== "/repl/embed"}
+{#if $page.url.pathname !== '/repl/embed'}
 	<SkipLink href="#main" />
-	<Nav {page} logo={StopWar}>
+	<Nav {page} logo="/svelte-logo.svg">
 		<svelte:fragment slot="nav-center">
 			<NavItem href="/tutorial">Tutorial</NavItem>
 			<NavItem href="/docs">Docs</NavItem>
@@ -32,10 +31,7 @@
 				<span class="large"><Icon name="message-square" /></span>
 			</NavItem>
 
-			<NavItem
-				external="https://github.com/sveltejs/svelte"
-				title="GitHub Repo"
-			>
+			<NavItem external="https://github.com/sveltejs/svelte" title="GitHub Repo">
 				<span class="small">GitHub</span>
 				<span class="large"><Icon name="github" /></span>
 			</NavItem>
@@ -44,16 +40,10 @@
 {/if}
 
 <svelte:head>
-	{#if $page.route.id !== "/blog/[slug]"}
+	{#if $page.route.id !== '/blog/[slug]'}
 		<meta name="twitter:card" content="summary" />
-		<meta
-			name="twitter:image"
-			content="https://svelte.dev/images/twitter-thumbnail.jpg"
-		/>
-		<meta
-			name="og:image"
-			content="https://svelte.dev/images/twitter-thumbnail.jpg"
-		/>
+		<meta name="twitter:image" content="https://svelte.dev/images/twitter-thumbnail.jpg" />
+		<meta name="og:image" content="https://svelte.dev/images/twitter-thumbnail.jpg" />
 	{/if}
 </svelte:head>
 
@@ -61,29 +51,7 @@
 	<slot />
 </main>
 
-<a target="_blank" rel="noopener noreferrer" href="https://www.stopputin.net/">
-	<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>
-
 <style>
-	.ukr {
-		background-color: #0066cc;
-		color: white;
-		position: fixed;
-		bottom: 0;
-		width: 100vw;
-		text-align: center;
-		padding: 0.75em;
-		z-index: 999;
-	}
-
 	@media (max-width: 830px) {
 		:global(aside) {
 			z-index: 9999 !important;
@@ -125,19 +93,6 @@
 		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;
-		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;
 	}
@@ -155,7 +110,4 @@
 			z-index: 9999 !important;
 		}
 	}
-	.ukr strong {
-		color: #ffcc00;
-	}
 </style>