ruangrupa/kios-webapp
0
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

morph title

Browse Source 
Signed-off-by: Max Schmidt <max.schmidt@outlook.de>
This commit is contained in:
Max Schmidt 2023-08-14 18:33:01 +02:00
parent 3363396db3
commit 51f8971604
2 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
astro/src/pages/index.astro
View File

@ -6,8 +6,8 @@ const posts = await getPosts();
--- ---
<Layout title="Astroad"> <Layout title="Astroad">
<main class=""> <main class="" >
<h1>Astroad</h1> <h1 transition:animate="fade">Astroad</h1>
<p class="mt-3 text-lg"> <p class="mt-3 text-lg">
Astroad is a pre-configured setup for Astro and Payloadcms that makes it Astroad is a pre-configured setup for Astro and Payloadcms that makes it
easy to get started with building your website. With Astroad, you'll have easy to get started with building your website. With Astroad, you'll have
@ -27,7 +27,7 @@ const posts = await getPosts();
posts.map((post) => ( posts.map((post) => (
<a href={`/posts/${post.id}/`}> <a href={`/posts/${post.id}/`}>
<article class="text-gray bg-gray-light px-5 py-3 rounded-md shadow-md w-64 text-center hover:-translate-y-1 transition-transform"> <article class="text-gray bg-gray-light px-5 py-3 rounded-md shadow-md w-64 text-center hover:-translate-y-1 transition-transform">
<h3>{post.title}</h3> <h3 transition:name=`title-${post.id}`>{post.title}</h3>
{post.publishedDate && ( {post.publishedDate && (
<p> <p>
{new Date(post.publishedDate).toLocaleDateString("de-DE")} {new Date(post.publishedDate).toLocaleDateString("de-DE")}

2
astro/src/pages/posts/[id].astro
View File

@ -21,7 +21,7 @@ const post = id && (await getPost(id));
<Layout title={`Astroad | ${post.title!}`}> <Layout title={`Astroad | ${post.title!}`}>
<div class="space-y-3 my-3"> <div class="space-y-3 my-3">
<a href="/">BACK</a> <a href="/">BACK</a>
<h1>{post.title}</h1> <h1 transition:name=`title-${post.id}`>{post.title}</h1>
{post.content && <Content content={post.content} />} {post.content && <Content content={post.content} />}
</div> </div>
</Layout> </Layout>