58 lines
1.2 KiB
Svelte
58 lines
1.2 KiB
Svelte
<script lang="ts" context="module">
|
|
import type { Load } from '@sveltejs/kit'
|
|
|
|
export const prerender = true
|
|
export const load: Load = async ({ fetch }) => {
|
|
return {
|
|
props: {
|
|
data: await fetch('/api/pages/about.json').then((r) => r.json()),
|
|
image: await fetch('/api/media/about-2.json').then((r) => r.json()),
|
|
},
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<script lang="ts">
|
|
import WPAdapter from '$lib/components/WPAdapter.svelte'
|
|
import SimplePage from '$lib/components/SimplePage.svelte'
|
|
import type { Page, MediaItem } from '$lib/api'
|
|
|
|
export let data: Page
|
|
export let image: MediaItem
|
|
</script>
|
|
|
|
<svelte:head>
|
|
<title>{data.title}</title>
|
|
</svelte:head>
|
|
|
|
<SimplePage title={data.title} expanded={false}>
|
|
{#if data.content}
|
|
<WPAdapter content={data.content} />
|
|
<img srcset={image.srcSet} alt="decoration" />
|
|
{/if}
|
|
</SimplePage>
|
|
|
|
<style>
|
|
img {
|
|
position: absolute;
|
|
z-index: -1;
|
|
object-fit: contain;
|
|
width: 24vw;
|
|
height: 30vw;
|
|
left: 35em;
|
|
top: 12em;
|
|
max-width: 25em;
|
|
}
|
|
|
|
@media (max-width: 55em) {
|
|
img {
|
|
position: initial;
|
|
width: 100%;
|
|
height: 100%;
|
|
object-position: right;
|
|
max-height: 20em;
|
|
margin-top: 4em;
|
|
}
|
|
}
|
|
</style>
|