diff --git a/src/components/Footer.astro b/src/components/Footer.astro index 91f1f4f..0b5a098 100644 --- a/src/components/Footer.astro +++ b/src/components/Footer.astro @@ -33,6 +33,7 @@ import '../styles/components/Footer.scss' href="https://git.moonleay.net/Websites/liljudd-website" target="_blank">The code of the website + The todo list Acknowledgements @@ -42,7 +43,7 @@ import '../styles/components/Footer.scss' My homepage My blog Contact me - Uptime Status + Server Status
diff --git a/src/components/NavBar.astro b/src/components/NavBar.astro index 0953817..fb40461 100644 --- a/src/components/NavBar.astro +++ b/src/components/NavBar.astro @@ -27,7 +27,7 @@ import '../styles/components/NavBar.scss';
  • Invite to your server
    • diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro index 648e64f..79d7c48 100644 --- a/src/layouts/Layout.astro +++ b/src/layouts/Layout.astro @@ -16,7 +16,7 @@ import "../styles/GlobalLayout.css"; - Lil Judd + li'l Judd - Your competitive Splatoon assistant diff --git a/src/pages/about.astro b/src/pages/about.astro index 05dac57..366a643 100644 --- a/src/pages/about.astro +++ b/src/pages/about.astro @@ -28,8 +28,8 @@ import Layout from "@layouts/Layout.astro";

    How can I trust you, that you will not abuse your access?

    - Well you kinda have to take my word for it. If you want to check how the bot works - under the hood, you can + The bot only requests permissions, which are needed for it to work. Additionally, + if you want to check how the bot works under the hood, you can read the code and if you still don't trust me, you can always host the bot yourself! A guide on how to do that can be found in the README of the git project. @@ -46,11 +46,7 @@ import Layout from "@layouts/Layout.astro";

    So whats in the future?

    I plan on adding features, which are aimed to improve your and your teams - competitive experience! I probably should set up a todo list in the - future, but for now you can see my ideas in the README of the git project. + competitive experience! You can check out my public todo list here.

    diff --git a/src/pages/how-do-i.astro b/src/pages/how-do-i.astro index babf33f..7dca34a 100644 --- a/src/pages/how-do-i.astro +++ b/src/pages/how-do-i.astro @@ -1,46 +1,38 @@ --- import Layout from "@layouts/Layout.astro"; +import "../styles/pages/how-do-i.scss"; --- -

    How do I...?

    -
    +

    How do I...?

    +

    .. enable / disable certain features?

    Features can be enabled and disables using the /feature command.
    Example:

    -

    - "/feature feature:Time Planning Feature set:Enable - channel:#ich-kann-heute"
    will enable the Time Planning Feature in the "ich-kann-heute" - channel. -

    - A screenshot of the example in Discord. +
    + A screenshot of the example in Discord. +

    /feature feature:Time Planning Feature set:Enable channel:#ich-kann-heute

    +
    -
    +

    .. create a match?

    You can create a match time using the /match command.
    Example:

    -

    - "/match match:Ladder Match timestamp:24.12.2069 04:20 opponent:Forbidden"
    will create a match on the 24th of December 2069 at 4am in the - morning.
    Keep in mind that it is important to use the right time - format. (dd.MM.yyyy HH:mm) -

    - A screenshot of the example in Discord. +
    + A screenshot of the example in Discord. +

    /match match:Ladder Match timestamp:24.12.2069 04:20 opponent:Forbidden

    +
    -
    +

    Is something missing here? Please contact me!

    diff --git a/src/pages/stack.astro b/src/pages/stack.astro index 0de16fd..28bb687 100644 --- a/src/pages/stack.astro +++ b/src/pages/stack.astro @@ -1,47 +1,65 @@ --- import Layout from "@layouts/Layout.astro"; +import "../styles/pages/stack.scss" --- -
    - Kotlin 'K' logo -

    The Kotlin programming language

    -

    - I chose this programming language because it is my main one. There is - nothing more to that. -

    +

    The Stack

    +
    +
    + Kotlin 'K' logo +
    +
    +

    The Kotlin programming language

    +

    + I chose this programming language because it is my main one. There is + nothing more to that. +

    +
    -
    - The Kord logo -

    The Kord library

    -

    A Kotlin library for creating Discord bots. Pretty bare bones.

    +
    +
    + The Kord logo +
    +
    +

    The Kord library

    +

    A Kotlin library for creating Discord bots. Pretty bare bones.

    +
    -
    - The Kord-Extensions logo -

    The Kord Extensions library

    -

    A Kotlin library to improve the Kord experience.

    +
    +
    + The Kord-Extensions logo +
    +
    +

    The Kord Extensions library

    +

    A Kotlin library to improve the Kord experience.

    +
    -
    - The PostgreSQL elephant -

    The PostgreSQL database

    -

    - A fast and reliable database. Also something, which I already used - beforehand. -

    +
    +
    + The PostgreSQL elephant +
    +
    +

    The PostgreSQL database

    +

    + A fast and reliable database. Also something, which I already used + beforehand. +

    +
    -
    +

    To see all used libraries and their licenses, check the Acknowledgements.

    diff --git a/src/styles/pages/how-do-i.scss b/src/styles/pages/how-do-i.scss new file mode 100644 index 0000000..f75e192 --- /dev/null +++ b/src/styles/pages/how-do-i.scss @@ -0,0 +1,38 @@ +.title { + font-size: 3rem; + text-align: center; + margin-bottom: 1.2rem; +} + +.section { + background-color: rgba(0, 0, 0, 0.5); + border-radius: 4px; + margin: 1rem; + padding: 1rem; + display: block; + + .imgwrapper { + margin: auto; + text-align: center; + + img { + display: none; + } + + p, code { + display: flex; + } + @media (min-width: 600px) { + img { + display: flex; + border-radius: 5px; + max-width: 90%; + } + + p, code { + display: none; + } + } + } +} + diff --git a/src/styles/pages/stack.scss b/src/styles/pages/stack.scss new file mode 100644 index 0000000..577e2eb --- /dev/null +++ b/src/styles/pages/stack.scss @@ -0,0 +1,59 @@ +.title { + font-size: 3rem; + text-align: center; + margin-bottom: 1.2rem; +} + +.stacksection { + background-color: rgba(0, 0, 0, 0.5); + border-radius: 4px; + margin: 1rem; + padding: 1rem; + display: block; + @media (min-width: 800px) { + display: grid; + grid-template-columns: repeat(4, 1fr); + } + + .stackgrid_1 { + grid-column: span 1; + text-align: center; + + img { + max-width: 80%; + max-height: 200px; + width: 200px; + border-radius: 5px; + } + } + + .stackgrid_3 { + grid-column: span 3; + text-align: center; + align-self: center; + margin: auto + } + + .stackitm { + margin: auto; + } +} + +.stacknote { + background-color: rgba(0, 0, 0, 0.5); + border-radius: 4px; + margin: 1rem; + padding: 1rem; + text-align: center; + + a { + color: white; + text-decoration: underline; + font-size: 0.9rem; + transition: 0.5s; + + &:hover { + color: rgb(96 59 255) !important; + } + } +}