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: remove Sal.js

Browse Source 
Fewer animations for the new year.
This commit is contained in:
Stefan Imhoff
2025-01-03 13:39:25 +01:00
parent 154dbb3017
commit 1560013a07
30 changed files with 23 additions and 525 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
src/components/ProjectContainer.astro
View File

@@ -2,8 +2,6 @@
// Cspell:words astro halfgap figcaption
import type { CollectionEntry } from 'astro:content';
import { animation } from '../data/site';
import ProjectContent from '../components/ProjectContent.astro';
import ProjectImage from '../components/ProjectImage.astro';
@@ -19,7 +17,7 @@ const {
} = Astro.props;
---
<article class:list={['col-start-1 col-end-19 grid grid-cols-18', className]} {...animation}>
<article class:list={['col-start-1 col-end-19 grid grid-cols-18', className]}>
{
format === '50-start' && (
<figure class="col-start-2 col-end-18 m-0 grid grid-cols-2 items-center gap-x-gap gap-y-halfgap">
@@ -34,10 +32,7 @@ const {
}
{
format === '50-end' && (
<figure
class="col-start-2 col-end-18 m-0 grid grid-cols-2 items-center gap-x-gap gap-y-halfgap"
{...animation}
>
<figure class="col-start-2 col-end-18 m-0 grid grid-cols-2 items-center gap-x-gap gap-y-halfgap">
<div class="col-start-1 col-end-3 row-start-1 md:col-start-2 md:row-start-1">
<ProjectImage project={project} />
</div>
@@ -49,10 +44,7 @@ const {
}
{
format === '70-start' && (
<figure
class="col-start-1 col-end-19 grid grid-cols-18 items-center gap-y-halfgap"
{...animation}
>
<figure class="col-start-1 col-end-19 grid grid-cols-18 items-center gap-y-halfgap">
<div class="col-start-1 col-end-19 xl:col-end-13">
<ProjectImage project={project} />
</div>
@@ -64,10 +56,7 @@ const {
}
{
format === '70-end' && (
<figure
class="col-start-1 col-end-19 grid grid-cols-18 items-center gap-y-halfgap"
{...animation}
>
<figure class="col-start-1 col-end-19 grid grid-cols-18 items-center gap-y-halfgap">
<div class="col-start-1 col-end-19 grid xl:col-start-7">
<ProjectImage project={project} />
</div>
@@ -79,10 +68,7 @@ const {
}
{
format === '100-start' && (
<figure
class="col-start-1 col-end-19 row-start-1 grid grid-cols-18 gap-y-halfgap"
{...animation}
>
<figure class="col-start-1 col-end-19 row-start-1 grid grid-cols-18 gap-y-halfgap">
<div class="col-start-1 col-end-19 row-start-1">
<ProjectImage project={project} />
</div>
@@ -94,10 +80,7 @@ const {
}
{
format === '100-end' && (
<figure
class="col-start-1 col-end-19 row-start-1 grid grid-cols-18 gap-y-halfgap"
{...animation}
>
<figure class="col-start-1 col-end-19 row-start-1 grid grid-cols-18 gap-y-halfgap">
<div class="col-start-1 col-end-19 row-start-1">
<ProjectImage project={project} />
</div>