gazesys/website
gazesys/website
1
0
Fork 1
Code Actions Releases 1 Activity

feat: add h-entry to entries

Browse Source
This commit is contained in:
dusk 2024-09-26 01:21:17 +03:00
parent 4c66155073
commit 49d86fab89
Signed by: dusk
SSH Key Fingerprint: SHA256:Abmvag+juovVufZTxyWY8KcVgrznxvBjQpJesv071Aw
3 changed files with 31 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/window.svelte
View File

@ -24,7 +24,7 @@
> >
<div class="flex bg-opacity-100 pixelate-bg"> <div class="flex bg-opacity-100 pixelate-bg">
<h1 <h1
class="font-monospace text-xl text-ralsei-pink-regular grow justify-self-start self-center" class="font-monospace text-xl text-ralsei-pink-regular grow justify-self-start self-center p-name"
> >
{title} {title}
</h1> </h1>

14
src/routes/entries/+page.svelte
View File

@ -18,15 +18,11 @@
title="cd /entries/{post.path}" title="cd /entries/{post.path}"
data-sveltekit-preload-data="hover" data-sveltekit-preload-data="hover"
> >
<div class="flex flex-col gap-2"> <div class="flex flex-col gap-y-1 prose prose-ralsei">
<p> <ul>
--- on: <li>published on: <time datetime="2024-08-11 12:00:00">{post.published}</time></li>
<time datetime="2024-08-11">{post.published}</time> <li class="max-w-80 text-wrap">excerpt: {post.metadata.excerpt}</li>
</p> </ul>
<p class="max-w-80 text-wrap">
--- excerpt:
{post.metadata.excerpt}
</p>
<strong class="place-self-end text-ralsei-green-light"> read more... </strong> <strong class="place-self-end text-ralsei-green-light"> read more... </strong>
</div> </div>
</a> </a>

39
src/routes/entries/_layout.svelte
View File

@ -1,21 +1,32 @@
<script lang="ts"> <script lang="ts">
import Window from "../../components/window.svelte"; import { PUBLIC_BASE_URL } from '$env/static/public';
import "../../styles/app.css"; import Window from '../../components/window.svelte';
import '../../styles/app.css';
export let title; export let title;
export let excerpt; export let date;
export let excerpt;
</script> </script>
<svelte:head> <svelte:head>
<meta property="og:description" content={excerpt} /> <meta property="og:description" content={excerpt} />
<meta property="og:type" content="article" /> <meta property="og:type" content="article" />
<meta property="og:title" content={title} /> <meta property="og:title" content={title} />
</svelte:head> </svelte:head>
<div class="pb-[8vh]"> <article class="flex flex-wrap gap-x-4 pb-[8vh] h-entry">
<Window {title} iconUri='/icons/entry.png'> <Window {title} iconUri="/icons/entry.png">
<div class="prose prose-ralsei max-w-[80ch]"> <div class="prose prose-ralsei max-w-[80ch] e-content">
<slot/> <slot />
</div> </div>
</Window> </Window>
</div> <Window title="metadata">
<div class="prose prose-ralsei">
<ul>
<link rel="author" href={PUBLIC_BASE_URL}>
<li>published on: <time class="dt-published" datetime="2024-08-11 12:00:00">{date}</time></li>
<li class="max-w-80 text-wrap">excerpt: <div class="inline p-summary">{excerpt}</div></li>
</ul>
</div>
</Window>
</article>