kogakure/website-astro-stefanimhoff.de
1
0
Fork 0
mirror of https://github.com/kogakure/website-astro-stefanimhoff.de.git synced 2026-02-03 20:15:27 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat(about): replace SVG image with AI portrai photo

Browse Source
This commit is contained in:
Stefan Imhoff
2023-05-16 21:55:40 +02:00
parent 391b52a698
commit 86541962a2
2 changed files with 8 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
public/assets/images/ai-portrait-stefan-imhoff.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 124 KiB

10
src/layouts/AboutLayout.astro
View File

@@ -3,7 +3,7 @@ import GridLayout from './GridLayout.astro';
import PageTitle from '../components/PageTitle.astro'; import PageTitle from '../components/PageTitle.astro';
import { Image } from '../components'; import { Picture } from '../components';
const { frontmatter } = Astro.props; const { frontmatter } = Astro.props;
--- ---
@@ -16,7 +16,13 @@ const { frontmatter } = Astro.props;
slot="before-content" slot="before-content"
class="col-start-1 col-end-12 md:col-start-3 md:col-end-10 xl:col-start-15 xl:col-end-18 xl:row-start-2 3xl:col-start-14 3xl:col-end-17" class="col-start-1 col-end-12 md:col-start-3 md:col-end-10 xl:col-start-15 xl:col-end-18 xl:row-start-2 3xl:col-start-14 3xl:col-end-17"
> >
<Image src="/assets/images/portrait-stefan-imhoff.svg" alt="Stefan Imhoff" /> <Picture
alt="Stefan Imhoff"
aspectRatio="1:1"
class="[&_img]:xl:-scale-x-100"
src="/assets/images/ai-portrait-stefan-imhoff.png"
widths={[300, 512]}
/>
</div> </div>
<slot /> <slot />
</GridLayout> </GridLayout>