loredarchives/MarkNow
Archived
1
0
Fork 0
Code Issues Pull Requests Activity

feat: ✨ prototype preview page

Browse Source
This commit is contained in:
Guz013
2023-06-19 14:51:40 -03:00
parent 8691634ded
commit 290ff6e8be
4 changed files with 44 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
apps/www/src/app.css Normal file
View File

@@ -0,0 +1,11 @@
@font-face {
font-family: "Mona Sans";
src: url("$lib/assets/Mona-Sans.woff2") format("woff2 supports variations"),
url("$lib/assets/Mona-Sans.woff2") format("woff2-variations");
font-weight: 200 900;
font-stretch: 75% 125%;
}
html {
font-family: "Mona Sans";
}

2
apps/www/src/app.html
View File

@@ -6,7 +6,7 @@
<meta name="viewport" content="width=device-width" />
%sveltekit.head%
</head>
<body data-sveltekit-preload-data="hover">
<body data-sveltekit-preload-data="hover" un-bg="#0d1117">
<div style="display: contents">%sveltekit.body%</div>
</body>
</html>

30
apps/www/src/routes/+page.svelte
View File

@@ -1,6 +1,28 @@
<script>
// your script goes here
<script lang="ts">
import type { PageData } from './$types';
export let data: PageData;
</script>
<h1 un-text="red">Welcome to SvelteKit</h1>
<p>Visit <a href="https://kit.svelte.dev">kit.svelte.dev</a> to read the documentation</p>
<main un-grid="~ rows-4">
<div un-h="sm" un-flex="~ justify-center items-center" un-bg="#33578a">
<!-- eslint-disable-next-line svelte/no-at-html-tags -->
{@html data.banner}
</div>
<div un-h="sm" un-flex="~ justify-center items-center" un-bg="#0d1117">
<!-- eslint-disable-next-line svelte/no-at-html-tags -->
{@html data.banner}
</div>
<div un-h="sm" un-flex="~ justify-center items-center" un-bg="#ffffff">
<!-- eslint-disable-next-line svelte/no-at-html-tags -->
{@html data.banner}
</div>
<div un-h="sm" un-flex="~ justify-center items-center" un-bg="#0a0c10">
<!-- eslint-disable-next-line svelte/no-at-html-tags -->
{@html data.banner}
</div>
<div un-h="sm" un-flex="~ justify-center items-center" un-bg="#22272e">
<!-- eslint-disable-next-line svelte/no-at-html-tags -->
{@html data.banner}
</div>
</main>

6
apps/www/src/routes/+page.ts Normal file
View File

@@ -0,0 +1,6 @@
import type { PageLoad } from './$types';
export const load = (async ({ fetch }): Promise<{ banner: string }> => {
const banner = await (await fetch('/api.svg')).text();
return { banner };
}) satisfies PageLoad;