This commit is contained in:
vcoppe
2024-06-26 20:33:01 +02:00
parent 67cbc12dc9
commit 1198390d7d
9 changed files with 159 additions and 17 deletions

View File

@@ -0,0 +1,15 @@
<script lang="ts">
import { ModeWatcher } from 'mode-watcher';
import { isLoading, locale, _ } from 'svelte-i18n';
import { page } from '$app/stores';
if ($page.params.language) {
locale.set($page.params.language);
}
</script>
<ModeWatcher />
{#if !$isLoading}
<slot />
{/if}

View File

@@ -1,12 +1,35 @@
<script lang="ts">
import App from '$lib/components/App.svelte';
import { locale } from 'svelte-i18n';
import { page } from '$app/stores';
if ($page.params.language) {
locale.set($page.params.language);
}
import { base } from '$app/paths';
import { languages } from '$lib/languages';
import { _ } from 'svelte-i18n';
</script>
<svelte:head>
<title>gpx.studio — {$_('metadata.app_title')}</title>
<meta name="description" content={$_('metadata.description')} />
<meta property="og:title" content="gpx.studio — {$_('metadata.app_title')}" />
<meta property="og:description" content={$_('metadata.description')} />
<meta property="og:image" content="{base}/og_logo.png" />
<meta property="og:url" content="{base}/" />
<meta property="og:type" content="website" />
<meta property="og:site_name" content="gpx.studio" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="gpx.studio — {$_('metadata.app_title')}" />
<meta name="twitter:description" content={$_('metadata.description')} />
<meta name="twitter:image" content="{base}/og_logo.png" />
<meta name="twitter:url" content="{base}/" />
<meta name="twitter:site" content="@gpxstudio" />
<meta name="twitter:creator" content="@gpxstudio" />
<link rel="alternate" hreflang="x-default" href="{base}/" />
{#each Object.keys(languages) as lang}
{#if lang === 'en'}
<link rel="alternate" hreflang="en" href="{base}/" />
{:else}
<link rel="alternate" hreflang={lang} href="{base}/{lang}/" />
{/if}
{/each}
</svelte:head>
<App />

View File

@@ -0,0 +1,32 @@
<script lang="ts">
import { base } from '$app/paths';
import { languages } from '$lib/languages';
import { _ } from 'svelte-i18n';
</script>
<svelte:head>
<title>gpx.studio — {$_('metadata.about_title')}</title>
<meta name="description" content={$_('metadata.description')} />
<meta property="og:title" content="gpx.studio — {$_('metadata.about_title')}" />
<meta property="og:description" content={$_('metadata.description')} />
<meta property="og:image" content="{base}/og_logo.png" />
<meta property="og:url" content="{base}/" />
<meta property="og:type" content="website" />
<meta property="og:site_name" content="gpx.studio" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="gpx.studio — {$_('metadata.about_title')}" />
<meta name="twitter:description" content={$_('metadata.description')} />
<meta name="twitter:image" content="{base}/og_logo.png" />
<meta name="twitter:url" content="{base}/" />
<meta name="twitter:site" content="@gpxstudio" />
<meta name="twitter:creator" content="@gpxstudio" />
<link rel="alternate" hreflang="x-default" href="{base}/" />
{#each Object.keys(languages) as lang}
{#if lang === 'en'}
<link rel="alternate" hreflang="en" href="{base}/" />
{:else}
<link rel="alternate" hreflang={lang} href="{base}/{lang}/" />
{/if}
{/each}
</svelte:head>