WIP: improved css all around, started fixing features page
This commit is contained in:
parent
ffa150d952
commit
4e41363ec9
13 changed files with 265 additions and 179 deletions
|
@ -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>
|
||||
|
|
|
@ -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>
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue