diff --git a/public/assets/images/portrait-stefan-imhoff.svg b/public/assets/images/portrait-stefan-imhoff.svg new file mode 100644 index 0000000..37d429d --- /dev/null +++ b/public/assets/images/portrait-stefan-imhoff.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/layouts/AboutLayout.astro b/src/layouts/AboutLayout.astro new file mode 100644 index 0000000..b626b48 --- /dev/null +++ b/src/layouts/AboutLayout.astro @@ -0,0 +1,28 @@ +--- +import GridLayout from './GridLayout.astro'; + +import PageTitle from '../components/PageTitle.astro'; + +import { Image } from '../components'; + +export interface Props { + class?: string; + grid?: 'wide' | 'narrow'; +} + +const { frontmatter, class: className, grid = 'narrow' } = Astro.props; +const gridVariant = frontmatter.grid || grid; +--- + + + + {frontmatter.title} + +
+ Stefan Imhoff +
+ + diff --git a/src/pages/about.mdx b/src/pages/about.mdx index a78cfb6..6816d39 100644 --- a/src/pages/about.mdx +++ b/src/pages/about.mdx @@ -1,6 +1,7 @@ --- -layout: ../layouts/PageLayout.astro +layout: ../layouts/AboutLayout.astro title: About +description: I’m Stefan Imhoff, a Front-End Web Developer, and Designer from Hamburg, Germany. --- import { mapping } from "../mdx-components.ts";