|
|
|
@ -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>
|
|
|
|
|