diff --git a/src/components/BackNav.astro b/src/components/BackNav.astro new file mode 100644 index 0000000..bb93e33 --- /dev/null +++ b/src/components/BackNav.astro @@ -0,0 +1,15 @@ +--- + +--- + + + + + + diff --git a/src/components/PostPreviewLarge.astro b/src/components/PostPreviewLarge.astro index d4d5c47..96917a4 100644 --- a/src/components/PostPreviewLarge.astro +++ b/src/components/PostPreviewLarge.astro @@ -14,7 +14,7 @@ const img = findImageByPath(post.image.path);
-
+
{post.image.alt}
@@ -22,7 +22,7 @@ const img = findImageByPath(post.image.path); {post.subtitle}

{post.description}

- Author: {post.author} + Autor: {post.author} {post.date}
@@ -65,7 +65,6 @@ const img = findImageByPath(post.image.path); height: 100%; object-fit: cover; object-position: center; - border-radius: 8px; } .bottom-info { diff --git a/src/components/PostPreviewSmall.astro b/src/components/PostPreviewSmall.astro index 03a7917..fafcfc8 100644 --- a/src/components/PostPreviewSmall.astro +++ b/src/components/PostPreviewSmall.astro @@ -14,8 +14,8 @@ const img = findImageByPath(post.image.path) --- -
- {post.image.alt} +
+ {post.image.alt}

{post.title}

{post.subtitle}

{post.description}

@@ -33,16 +33,12 @@ const img = findImageByPath(post.image.path) display: flex; flex-direction: column; border: 1px solid black; - border-radius: 8px; width: 240px; height: 100%; } img { max-height: 220px; - width: 220px; - border-radius: 8px; - aspect-ratio: 1 / 1; } .bottom-info { diff --git a/src/layouts/BlogPostLayout.astro b/src/layouts/BlogPostLayout.astro index cfeab70..acee608 100644 --- a/src/layouts/BlogPostLayout.astro +++ b/src/layouts/BlogPostLayout.astro @@ -1,9 +1,56 @@ --- +import BackNav from "../components/BackNav.astro"; +import { findImageByPath } from "../lib/findImage"; +import type { Post } from "../types/global"; import Main from "./Main.astro"; +interface Props { + frontmatter: Post; +} + const { frontmatter } = Astro.props; + +const titleImg = findImageByPath(frontmatter.image.path); --- -
- -
\ No newline at end of file +
+
+ {frontmatter.image.alt} +

{frontmatter.title}

+ {frontmatter.subtitle} +
+
+ Autor: {frontmatter.author} + {frontmatter.date} +
+
+ +
+ +
+ + diff --git a/src/layouts/Main.astro b/src/layouts/Main.astro index 3054495..72dc4d3 100644 --- a/src/layouts/Main.astro +++ b/src/layouts/Main.astro @@ -18,7 +18,6 @@ const { title } = Astro.props;
-

{title}