Remove ukraine petition

pull/8253/head
Puru Vijay 4 years ago
parent 61fe97f2f4
commit d012369b0c

@ -1,9 +1,8 @@
<script> <script>
import "@sveltejs/site-kit/styles/index.css"; import { navigating, page } from '$app/stores';
import { page, navigating } from "$app/stores"; import PreloadingIndicator from '$lib/components/PreloadingIndicator.svelte';
import { Icon, Icons, Nav, NavItem, SkipLink } from "@sveltejs/site-kit"; import { Icon, Icons, Nav, NavItem, SkipLink } from '@sveltejs/site-kit';
import PreloadingIndicator from "$lib/components/PreloadingIndicator.svelte"; import '@sveltejs/site-kit/styles/index.css';
import StopWar from "./stopwar.svg";
</script> </script>
<Icons /> <Icons />
@ -12,9 +11,9 @@
<PreloadingIndicator /> <PreloadingIndicator />
{/if} {/if}
{#if $page.url.pathname !== "/repl/embed"} {#if $page.url.pathname !== '/repl/embed'}
<SkipLink href="#main" /> <SkipLink href="#main" />
<Nav {page} logo={StopWar}> <Nav {page} logo="/svelte-logo.svg">
<svelte:fragment slot="nav-center"> <svelte:fragment slot="nav-center">
<NavItem href="/tutorial">Tutorial</NavItem> <NavItem href="/tutorial">Tutorial</NavItem>
<NavItem href="/docs">Docs</NavItem> <NavItem href="/docs">Docs</NavItem>
@ -32,10 +31,7 @@
<span class="large"><Icon name="message-square" /></span> <span class="large"><Icon name="message-square" /></span>
</NavItem> </NavItem>
<NavItem <NavItem external="https://github.com/sveltejs/svelte" title="GitHub Repo">
external="https://github.com/sveltejs/svelte"
title="GitHub Repo"
>
<span class="small">GitHub</span> <span class="small">GitHub</span>
<span class="large"><Icon name="github" /></span> <span class="large"><Icon name="github" /></span>
</NavItem> </NavItem>
@ -44,16 +40,10 @@
{/if} {/if}
<svelte:head> <svelte:head>
{#if $page.route.id !== "/blog/[slug]"} {#if $page.route.id !== '/blog/[slug]'}
<meta name="twitter:card" content="summary" /> <meta name="twitter:card" content="summary" />
<meta <meta name="twitter:image" content="https://svelte.dev/images/twitter-thumbnail.jpg" />
name="twitter:image" <meta name="og:image" content="https://svelte.dev/images/twitter-thumbnail.jpg" />
content="https://svelte.dev/images/twitter-thumbnail.jpg"
/>
<meta
name="og:image"
content="https://svelte.dev/images/twitter-thumbnail.jpg"
/>
{/if} {/if}
</svelte:head> </svelte:head>
@ -61,29 +51,7 @@
<slot /> <slot />
</main> </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> <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) { @media (max-width: 830px) {
:global(aside) { :global(aside) {
z-index: 9999 !important; z-index: 9999 !important;
@ -125,19 +93,6 @@
padding-bottom: var(--ukr-footer-height); 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) { :global(.examples-container, .repl-outer, .tutorial-outer) {
height: calc(100vh - var(--nav-h) - var(--ukr-footer-height)) !important; height: calc(100vh - var(--nav-h) - var(--ukr-footer-height)) !important;
} }
@ -155,7 +110,4 @@
z-index: 9999 !important; z-index: 9999 !important;
} }
} }
.ukr strong {
color: #ffcc00;
}
</style> </style>

Loading…
Cancel
Save