baobeld/benjaminpalko
1
0
Fork 0
Code Pull requests Packages 2 Activity Actions

BLYAT
All checks were successful
PR Gate / Checks (pull_request) Successful in 58s
Details

Browse source
This commit is contained in:
Benjamin Palko 2025-05-05 12:54:19 -04:00
parent acfdc38dd4
commit c8526aab72
2 changed files with 6 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/routes/+layout.svelte
View file

@ -73,7 +73,7 @@
{#each pages as page (page.slug)} {#each pages as page (page.slug)}
<li> <li>
<button <button
class="btn btn-primary btn-soft btn-lg" class="btn btn-primary btn-outline btn-lg"
onclick={() => { onclick={() => {
goto(page.slug); goto(page.slug);
drawerOpen = false; drawerOpen = false;
@ -88,7 +88,7 @@
<span class="text-base-content font-semibold">Benjamin</span> <span class="text-base-content font-semibold">Benjamin</span>
Palko Palko
</h2> </h2>
<label for="navigation-drawer" class="btn btn-error btn-soft btn-lg">Close</label> <label for="navigation-drawer" class="btn btn-accent btn-outline btn-lg">Close</label>
</div> </div>
</div> </div>
</div> </div>

7
src/routes/blog/[slug]/+page.svelte
View file

@ -10,19 +10,20 @@
</script> </script>
<div class="flex flex-col items-center gap-4"> <div class="flex flex-col items-center gap-4">
<div class="w-full max-w-5xl"> <div class="w-full max-w-5xl px-4">
<p class="text-gray-500">{dayjs(post.createdAt).format('DD MMMM YYYY')}</p> <p class="text-gray-500">{dayjs(post.createdAt).format('DD MMMM YYYY')}</p>
<h1 class="text-4xl font-light">{post.Title}</h1> <h1 class="text-4xl font-light">{post.Title}</h1>
</div> </div>
<img <img
class="rounded-t-box aspect-4/2 w-full object-cover" class="aspect-4/2 w-full object-cover"
src={`${env.PUBLIC_STRAPI_HOST}${post.Header.formats.medium.url}`} src={`${env.PUBLIC_STRAPI_HOST}${post.Header.formats.medium.url}`}
alt={post.Header.alternativeText} alt={post.Header.alternativeText}
/> />
<div class="w-full max-w-5xl"> <div class="w-full max-w-5xl px-4">
{#await compile(post.Body)} {#await compile(post.Body)}
<div class="skeleton h-48 w-full"></div> <div class="skeleton h-48 w-full"></div>
{:then content} {:then content}
<!-- eslint-disable-next-line svelte/no-at-html-tags -->
{@html content?.code} {@html content?.code}
{/await} {/await}
</div> </div>