diff --git a/src/layouts/default.astro b/src/layouts/default.astro new file mode 100644 index 0000000..92fb122 --- /dev/null +++ b/src/layouts/default.astro @@ -0,0 +1,32 @@ +--- +import BaseHead from '../components/BaseHead.astro'; +import MainLayout from '../components/MainLayout.astro'; + +const { content, showPageHeader = true } = Astro.props +--- + + + + + + + {showPageHeader && +
+

{content.title}

+
{content.description}
+
+ } + + + + diff --git a/src/pages/about.astro b/src/pages/about.astro index 2ae311d..65c008b 100644 --- a/src/pages/about.astro +++ b/src/pages/about.astro @@ -1,19 +1,10 @@ --- -import BaseHead from '$/components/BaseHead.astro' -import MainLayout from '$/components/MainLayout.astro' +import DefaultPageLayout from '$/layouts/default.astro' + const title = 'About'; const description = 'There\'s a simple secret to building a faster website — just ship less.'; --- - - - - - -
-

{title}

-
{description}
-
- +

Astro-Ink is a crisp, minimal, personal blog theme for Astro, that shows the capability of statically built sites - offering all the goodness and DX of the modern JS ecosystem without actually shipping any JS by default. It's built by... @@ -28,20 +19,9 @@ const description = 'There\'s a simple secret to building a faster website — j

- - - +