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">
<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}
</h1>

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

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

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

@ -1,8 +1,10 @@
<script lang="ts">
import Window from "../../components/window.svelte";
import "../../styles/app.css";
import { PUBLIC_BASE_URL } from '$env/static/public';
import Window from '../../components/window.svelte';
import '../../styles/app.css';
export let title;
export let date;
export let excerpt;
</script>
@ -12,10 +14,19 @@
<meta property="og:title" content={title} />
</svelte:head>
<div class="pb-[8vh]">
<Window {title} iconUri='/icons/entry.png'>
<div class="prose prose-ralsei max-w-[80ch]">
<slot/>
<article class="flex flex-wrap gap-x-4 pb-[8vh] h-entry">
<Window {title} iconUri="/icons/entry.png">
<div class="prose prose-ralsei max-w-[80ch] e-content">
<slot />
</div>
</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>