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

refactor: migrate Preact components to Astro

Browse Source
This commit is contained in:
Stefan Imhoff
2024-09-09 18:42:43 +02:00
parent d77c513b7b
commit 526fe22cda
130 changed files with 1154 additions and 1274 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/components/ProjectContainer.astro
View File

@@ -1,4 +1,5 @@
---
// Cspell:words astro classnames halfgap figcaption
import cx from 'classnames';
import type { CollectionEntry } from 'astro:content';
@@ -56,7 +57,7 @@ const classes = cx('col-start-1 col-end-19 grid grid-cols-18', className);
class="col-start-1 col-end-19 row-start-1 grid grid-cols-18 gap-x-gap gap-y-halfgap"
{...animation}
>
<div class=" col-start-1 col-end-19 grid self-start xl:col-end-13">
<div class="col-start-1 col-end-19 grid self-start xl:col-end-13">
<ProjectImage project={project} />
</div>
<figcaption class="col-start-2 col-end-18 xl:col-start-13">
@@ -71,7 +72,7 @@ const classes = cx('col-start-1 col-end-19 grid grid-cols-18', className);
class="col-start-1 col-end-19 row-start-1 grid grid-cols-18 gap-x-gap gap-y-halfgap"
{...animation}
>
<div class=" col-start-1 col-end-19 row-start-1 grid self-start xl:col-start-7 xl:col-end-19">
<div class="col-start-1 col-end-19 row-start-1 grid self-start xl:col-start-7 xl:col-end-19">
<ProjectImage project={project} />
</div>
<figcaption class="col-start-2 col-end-18 xl:col-start-2 xl:col-end-7">
@@ -86,7 +87,7 @@ const classes = cx('col-start-1 col-end-19 grid grid-cols-18', className);
class="col-start-1 col-end-19 row-start-1 grid grid-cols-18 gap-x-gap gap-y-halfgap"
{...animation}
>
<div class=" col-start-1 col-end-19 row-start-1">
<div class="col-start-1 col-end-19 row-start-1">
<ProjectImage project={project} />
</div>
<figcaption class="col-start-2 col-end-18 md:col-end-13 xl:col-end-10">
@@ -101,7 +102,7 @@ const classes = cx('col-start-1 col-end-19 grid grid-cols-18', className);
class="col-start-1 col-end-19 row-start-1 grid grid-cols-18 gap-x-gap gap-y-halfgap"
{...animation}
>
<div class=" col-start-1 col-end-19 row-start-1">
<div class="col-start-1 col-end-19 row-start-1">
<ProjectImage project={project} />
</div>
<figcaption class="col-start-2 col-end-18 md:col-start-8 md:col-end-18 xl:col-start-10 xl:col-end-18">