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
Signed by: moonleay
GPG key ID: 82667543CCD715FB
8 changed files with 175 additions and 71 deletions

View file

@ -1,46 +1,38 @@
---
import Layout from "@layouts/Layout.astro";
import "../styles/pages/how-do-i.scss";
---
<Layout>
<h1>How do I...?</h1>
<section>
<h1 class="title">How do I...?</h1>
<section class="section">
<h2>.. enable / disable certain features?</h2>
<p>
Features can be enabled and disables using the <code>/feature</code>
command.<br />Example:
</p>
<p>
"<code
>/feature feature:Time Planning Feature set:Enable
channel:#ich-kann-heute</code
>"<br />will enable the Time Planning Feature in the "ich-kann-heute"
channel.
</p>
<img
src="https://static.moonleay.net/img/lilJuddWeb/howdoi/featureexample.png"
alt="A screenshot of the example in Discord."
/>
<div class="imgwrapper">
<img
src="https://static.moonleay.net/img/lilJuddWeb/howdoi/featureexample.png"
alt="A screenshot of the example in Discord."/>
<p><code>/feature feature:Time Planning Feature set:Enable channel:#ich-kann-heute</code></p>
</div>
</section>
<section>
<section class="section">
<h2>.. create a match?</h2>
<p>
You can create a match time using the <code>/match</code> command.<br
/>Example:
</p>
<p>
"<code
>/match match:Ladder Match timestamp:24.12.2069 04:20 opponent:Forbidden</code
>"<br />will create a match on the 24th of December 2069 at 4am in the
morning.<br />Keep in mind that it is important to use the right time
format. (<code>dd.MM.yyyy HH:mm</code>)
</p>
<img
src="https://static.moonleay.net/img/lilJuddWeb/howdoi/matchexample.png"
alt="A screenshot of the example in Discord."
/>
<div class="imgwrapper">
<img
src="https://static.moonleay.net/img/lilJuddWeb/howdoi/matchexample.png"
alt="A screenshot of the example in Discord."
/>
<p><code>/match match:Ladder Match timestamp:24.12.2069 04:20 opponent:Forbidden</code></p>
</div>
</section>
<section>
<section class="footernotesection">
<p>Is something missing here? Please contact me!</p>
</section>
</Layout>