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

WIP: improved css all around, started fixing features page

Browse source
This commit is contained in:
moonleay 2023-12-04 14:45:07 +01:00
parent ffa150d952
commit 4e41363ec9
No known key found for this signature in database
GPG key ID: 82667543CCD715FB
13 changed files with 265 additions and 179 deletions
Download patch file Download diff file Expand all files Collapse all files

22
src/components/ImageSection.astro
View file

@ -5,6 +5,7 @@ interface Props {
title: string;
description: string;
note: string;
idnr: number;
centered?: boolean;
}
const {
@ -13,20 +14,19 @@ const {
title,
description,
note,
idnr,
centered = false,
} = Astro.props;
import "../styles/components/ImageSection.scss";
---
<section class:list={["ImageSection", { centered }]}>
<div class="firstHalf">
<h1>{title}</h1>
<div class="imgDiv">
<img src={imgUrl} alt={imgAlt} />
<p>{description}</p>
</div>
</div>
<div class="noteP">
<p>{note}</p>
</div>
<section style={{"--id":idnr}} class:list={["ImageSection", { centered }]}>
</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>