59 lines
1.2 KiB
Svelte
59 lines
1.2 KiB
Svelte
<script lang="ts">
|
|
import { goto } from '$app/navigation';
|
|
import { browseSettings } from '$lib/content/contentApi';
|
|
|
|
import { Base, Footer, Header, NavDarkMode, NavMenu, NavSearch, NavigationLoading } from '@damillora/plachta';
|
|
|
|
import type { Load } from '@sveltejs/kit';
|
|
|
|
const doSearch = (e: any) => {
|
|
if (e.detail.query) {
|
|
goto('/search?q=' + e.detail.query, { replaceState: true, keepFocus: true });
|
|
} else {
|
|
goto('/', { replaceState: true, keepFocus: true });
|
|
}
|
|
};
|
|
|
|
export let data;
|
|
</script>
|
|
|
|
<svelte:head>
|
|
{@html data.header}
|
|
</svelte:head>
|
|
<Base>
|
|
<Header>
|
|
<svelte:fragment slot="title">
|
|
<a href="/"> <strong>Damillora</strong>'s Virtual Memoir </a>
|
|
</svelte:fragment>
|
|
<svelte:fragment slot="nav">
|
|
<NavMenu label="nanao.moe" url="https://nanao.moe" />
|
|
<NavDarkMode />
|
|
<NavSearch on:search={doSearch} />
|
|
</svelte:fragment>
|
|
</Header>
|
|
|
|
<slot />
|
|
{@html data.footer}
|
|
<Footer>
|
|
<p>Copyright (c) 2023 Damillora</p>
|
|
</Footer>
|
|
</Base>
|
|
|
|
<style lang="scss">
|
|
// Responsive embeds
|
|
:global(.fluid-width-video-wrapper) {
|
|
width: 100%;
|
|
position: relative;
|
|
padding: 0;
|
|
:global(iframe),
|
|
:global(object),
|
|
:global(embed) {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
}
|
|
</style>
|