WIP: improved css all around, started fixing features page

This commit is contained in:
moonleay 2023-12-04 14:45:07 +01:00
parent ffa150d952
commit 4e41363ec9
Signed by: moonleay
GPG key ID: 82667543CCD715FB
13 changed files with 265 additions and 179 deletions

View file

@ -27,23 +27,23 @@ import '../styles/components/Footer.scss'
<h3>The Software</h3>
<div class="footerLinks">
<a href="https://git.moonleay.net/DiscordBots/lilJudd" target="_blank"
>The code of the bot</a
>The code of the bot <img src="https://static.moonleay.net/img/lilJuddWeb/logos/external.svg" alt="external link"/></a
>
<a
href="https://git.moonleay.net/Websites/liljudd-website"
target="_blank">The code of the website</a
target="_blank">The code of the website <img src="https://static.moonleay.net/img/lilJuddWeb/logos/external.svg" alt="external link"/></a
>
<a href="https://todo.moonleay.net/share/OmisuzgPDdsrCAXKjGrTfYzWwqNDNclOMGJWeMsi/auth?view=kanban" target="_blank">The todo list</a>
<a href="https://todo.moonleay.net/share/OmisuzgPDdsrCAXKjGrTfYzWwqNDNclOMGJWeMsi/auth?view=kanban" target="_blank">The todo list <img src="https://static.moonleay.net/img/lilJuddWeb/logos/external.svg" alt="external link"/></a>
<a href="/acknowledgements" target="_self">Acknowledgements</a>
</div>
</div>
<div>
<h3>More</h3>
<div class="footerLinks">
<a href="https://moonleay.net/" target="_self">My homepage</a>
<a href="https://moonleay.net/blog/" target="_blank">My blog</a>
<a href="https://moonleay.net/" target="_self">My homepage <img src="https://static.moonleay.net/img/lilJuddWeb/logos/external.svg" alt="external link"/></a>
<a href="https://moonleay.net/blog/" target="_blank">My blog <img src="https://static.moonleay.net/img/lilJuddWeb/logos/external.svg" alt="external link"/></a>
<a href="/contact" target="_self">Contact me</a>
<a href="https://status.moonleay.net/" target="_blank">Server Status</a>
<a href="https://status.moonleay.net/" target="_blank">Server Status <img src="https://static.moonleay.net/img/lilJuddWeb/logos/external.svg" alt="external link"/></a>
</div>
</div>
<div>
@ -54,7 +54,7 @@ import '../styles/components/Footer.scss'
<a href="/terms-of-service" target="_self">Terms of Service</a>
<a
href="https://git.moonleay.net/DiscordBots/lilJudd/src/branch/master/LICENSE"
target="_blank">The license</a
target="_blank">The license <img src="https://static.moonleay.net/img/lilJuddWeb/logos/external.svg" alt="external link"/></a
>
</div>
</div>

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>