WIP: added CSS to how-do-i page, stack page, edited about page, edited links in footer, edited invite-link in header

This commit is contained in:
moonleay 2023-12-03 19:47:41 +01:00
parent 5b49090133
commit c34662ce2d
No known key found for this signature in database
GPG key ID: 82667543CCD715FB
8 changed files with 175 additions and 71 deletions

View file

@ -1,47 +1,65 @@
---
import Layout from "@layouts/Layout.astro";
import "../styles/pages/stack.scss"
---
<Layout>
<section>
<img
src="https://static.moonleay.net/img/lilJuddWeb/logos/kotlin.svg"
alt="Kotlin 'K' logo"
/>
<h1>The Kotlin programming language</h1>
<p>
I chose this programming language because it is my main one. There is
nothing more to that.
</p>
<h1 class="title">The Stack</h1>
<section class="stacksection">
<div class="stackgrid_1 stackitm">
<img
src="https://static.moonleay.net/img/lilJuddWeb/logos/kotlin.svg"
alt="Kotlin 'K' logo"
/>
</div>
<div class="stackgrid_3 stackitm">
<h1>The Kotlin programming language</h1>
<p>
I chose this programming language because it is my main one. There is
nothing more to that.
</p>
</div>
</section>
<section>
<img
src="https://static.moonleay.net/img/lilJuddWeb/logos/kord.png"
alt="The Kord logo"
/>
<h1>The Kord library</h1>
<p>A Kotlin library for creating Discord bots. Pretty bare bones.</p>
<section class="stacksection">
<div class="stackgrid_1 stackitm">
<img
src="https://static.moonleay.net/img/lilJuddWeb/logos/kord.png"
alt="The Kord logo"
/>
</div>
<div class="stackgrid_3 stackitm">
<h1>The Kord library</h1>
<p>A Kotlin library for creating Discord bots. Pretty bare bones.</p>
</div>
</section>
<section>
<img
src="https://static.moonleay.net/img/lilJuddWeb/logos/kordextensions.png"
alt="The Kord-Extensions logo"
/>
<h1>The Kord Extensions library</h1>
<p>A Kotlin library to improve the Kord experience.</p>
<section class="stacksection">
<div class="stackgrid_1 stackitm">
<img
src="https://static.moonleay.net/img/lilJuddWeb/logos/kordextensions.png"
alt="The Kord-Extensions logo"
/>
</div>
<div class="stackgrid_3 stackitm">
<h1>The Kord Extensions library</h1>
<p>A Kotlin library to improve the Kord experience.</p>
</div>
</section>
<section>
<img
src="https://static.moonleay.net/img/lilJuddWeb/logos/pgelephant.png"
alt="The PostgreSQL elephant"
/>
<h1>The PostgreSQL database</h1>
<p>
A fast and reliable database. Also something, which I already used
beforehand.
</p>
<section class="stacksection">
<div class="stackgrid_1 stackitm">
<img
src="https://static.moonleay.net/img/lilJuddWeb/logos/pgelephant.png"
alt="The PostgreSQL elephant"
/>
</div>
<div class="stackgrid_3 stackitm">
<h1>The PostgreSQL database</h1>
<p>
A fast and reliable database. Also something, which I already used
beforehand.
</p>
</div>
</section>
<section>
<section class="stacknote">
<p>
To see all used libraries and their licenses, check the <a href="/acknowledgements">Acknowledgements</a>.
</p>