aronmal/liljudd-website
1
0
Fork 0
mirror of https://git.moonleay.net/Websites/liljudd-website.git synced 2025-07-27 11:42:04 +02:00
Code Issues Projects Releases Packages Wiki Activity

fix: features page

Browse source
This commit is contained in:
aronmal 2023-12-04 17:03:03 +01:00
parent 4e41363ec9
commit b707eb1dcf
Signed by: aronmal
GPG key ID: 816B7707426FC612
4 changed files with 54 additions and 91 deletions
Download patch file Download diff file Expand all files Collapse all files

29
src/components/ImageSection.astro
View file

@ -5,28 +5,17 @@ interface Props {
title: string;
description: string;
note: string;
idnr: number;
centered?: boolean;
span?: boolean;
}
const {
imgUrl,
imgAlt,
title,
description,
note,
idnr,
centered = false,
} = Astro.props;
const { imgUrl, imgAlt, title, description, note, span = false } = Astro.props;
import "../styles/components/ImageSection.scss";
---
<section style={{"--id":idnr}} class:list={["ImageSection", { centered }]}>
<section class:list={["ImageSection", { span }]}>
<h1>{title}</h1>
<div class="imgDiv">
<img src={imgUrl} alt={imgAlt} />
<p>{description}</p>
</div>
<p class="noteP">{note}</p>
</section>
<h1 style={{"--id":idnr}}>{title}</h1>
<div style={{"--id":idnr}} class="imgDiv">
<img src={imgUrl} alt={imgAlt} />
<p>{description}</p>
</div>
<div style={{"--id":idnr}} class="noteP">
<p>{note}</p>
</div>