WIP: fixed typos on about page, wrapped acknowledgements with div, fixed typo in features, added new line in how-do-i footer, edited imprint formatting, updated privacy-policy and terms-of-service, updated about page css, styled acknowledgements page, added color to links on contact page, edited how-do-i style, added css to imprint, added css to privacy-policy, edited style of the stack page, added css to terms-of-service page

This commit is contained in:
moonleay 2023-12-05 12:31:21 +01:00
parent 55dee8b589
commit ceb5907ca5
Signed by: moonleay
GPG key ID: 82667543CCD715FB
15 changed files with 417 additions and 243 deletions

View file

@ -30,7 +30,7 @@ import "../styles/pages/about.scss";
</p> </p>
</section> </section>
<section> <section>
<h2>How can I trust you </h2> <h2>How can I trust you?</h2>
<p> <p>
The bot only requests permissions, which are needed for it to work. Additionally, 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 if you want to check how the bot works under the hood, you can
@ -42,7 +42,7 @@ import "../styles/pages/about.scss";
<section> <section>
<h2>Where is my data stored?</h2> <h2>Where is my data stored?</h2>
<p> <p>
Your data is stored in a VPS from Contabo in Germany. The bot used to be hosted on a server in my basement, Your data is stored on a VPS from Contabo in Germany. The bot used to be hosted on a server in my basement,
but I moved it to a VPS, because my internet connection was not stable enough. but I moved it to a VPS, because my internet connection was not stable enough.
</p> </p>
</section> </section>

View file

@ -1,12 +1,14 @@
--- ---
import Layout from "@layouts/Layout.astro"; import Layout from "@layouts/Layout.astro";
import "../styles/pages/acknowledgements.scss";
--- ---
<Layout> <Layout>
<h1>Acknowledgements</h1> <div class="wrapper">
<section> <h1>Acknowledgements</h1>
<table> <section>
<thead> <table>
<thead>
<tr> <tr>
<th> <th>
<p>tool</p> <p>tool</p>
@ -18,16 +20,16 @@ import Layout from "@layouts/Layout.astro";
<p>page</p> <p>page</p>
</th> </th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
<tr> <tr>
<td> <td>
<p>Kotlin</p> <p>Kotlin</p>
</td> </td>
<td> <td>
<a <a
href="https://kotlinlang.org/docs/faq.html#is-kotlin-free" href="https://kotlinlang.org/docs/faq.html#is-kotlin-free"
target="_blank">Apache license 2.0</a target="_blank">Apache license 2.0</a
> >
</td> </td>
<td> <td>
@ -40,8 +42,8 @@ import Layout from "@layouts/Layout.astro";
</td> </td>
<td> <td>
<a <a
href="https://github.com/kordlib/kord/blob/main/LICENSE" href="https://github.com/kordlib/kord/blob/main/LICENSE"
target="_blank">MIT license</a target="_blank">MIT license</a
> >
</td> </td>
<td> <td>
@ -54,13 +56,13 @@ import Layout from "@layouts/Layout.astro";
</td> </td>
<td> <td>
<a <a
href="https://github.com/Kord-Extensions/kord-extensions/blob/root/LICENSE" href="https://github.com/Kord-Extensions/kord-extensions/blob/root/LICENSE"
target="_blank">Mozilla Public License 2.0</a target="_blank">Mozilla Public License 2.0</a
> >
</td> </td>
<td> <td>
<a href="https://kordex.kotlindiscord.com/" target="_blank" <a href="https://kordex.kotlindiscord.com/" target="_blank"
>website</a >website</a
> >
</td> </td>
</tr> </tr>
@ -70,7 +72,7 @@ import Layout from "@layouts/Layout.astro";
</td> </td>
<td> <td>
<a href="https://www.postgresql.org/about/licence/" target="_blank" <a href="https://www.postgresql.org/about/licence/" target="_blank"
>PostgreSQL license</a >PostgreSQL license</a
> >
</td> </td>
<td> <td>
@ -83,14 +85,14 @@ import Layout from "@layouts/Layout.astro";
</td> </td>
<td> <td>
<a <a
href="https://github.com/Kotlin/kotlinx.coroutines/blob/master/LICENSE.txt" href="https://github.com/Kotlin/kotlinx.coroutines/blob/master/LICENSE.txt"
target="_blank">Apache license 2.0</a target="_blank">Apache license 2.0</a
> >
</td> </td>
<td> <td>
<a <a
href="https://github.com/Kotlin/kotlinx.coroutines" href="https://github.com/Kotlin/kotlinx.coroutines"
target="_blank">repo</a target="_blank">repo</a
> >
</td> </td>
</tr> </tr>
@ -100,8 +102,8 @@ import Layout from "@layouts/Layout.astro";
</td> </td>
<td> <td>
<a <a
href="https://github.com/qos-ch/slf4j/blob/master/LICENSE.txt" href="https://github.com/qos-ch/slf4j/blob/master/LICENSE.txt"
target="_blank">MIT license</a target="_blank">MIT license</a
> >
</td> </td>
<td> <td>
@ -114,12 +116,12 @@ import Layout from "@layouts/Layout.astro";
</td> </td>
<td> <td>
<a href="https://github.com/JetBrains/Exposed/blob/main/LICENSE.txt" <a href="https://github.com/JetBrains/Exposed/blob/main/LICENSE.txt"
>Apache license 2.0</a >Apache license 2.0</a
> >
</td> </td>
<td> <td>
<a href="https://github.com/JetBrains/Exposed" target="_blank" <a href="https://github.com/JetBrains/Exposed" target="_blank"
>repo</a >repo</a
> >
</td> </td>
</tr> </tr>
@ -129,35 +131,36 @@ import Layout from "@layouts/Layout.astro";
</td> </td>
<td> <td>
<a <a
href="https://github.com/InsanusMokrassar/krontab/blob/master/LICENSE" href="https://github.com/InsanusMokrassar/krontab/blob/master/LICENSE"
target="_blank">Apache license 2.0</a target="_blank">Apache license 2.0</a
> >
</td> </td>
<td> <td>
<a <a
href="https://github.com/InsanusMokrassar/krontab" href="https://github.com/InsanusMokrassar/krontab"
target="_blank">repo</a target="_blank">repo</a
> >
</td> </td>
</tr> </tr>
<tr> <tr>
<td> <td>
<p>Splatoon3.ink</p> <p>Splatoon3.ink</p>
</td> </td>
<td> <td>
<a <a
href="https://github.com/misenhower/splatoon3.ink/blob/main/license.md" href="https://github.com/misenhower/splatoon3.ink/blob/main/license.md"
target="_blank" target="_blank"
>MIT License</a> >MIT License</a>
</td> </td>
<td> <td>
<a <a
href="https://splatoon3.ink/" href="https://splatoon3.ink/"
target="_blank" target="_blank"
>website</a> >website</a>
</td> </td>
</tr> </tr>
</tbody> </tbody>
</table> </table>
</section> </section>
</div>
</Layout> </Layout>

View file

@ -26,7 +26,7 @@ import "../styles/pages/features.scss";
imgUrl="https://static.moonleay.net/img/lilJuddWeb/features/notifs.png" imgUrl="https://static.moonleay.net/img/lilJuddWeb/features/notifs.png"
imgAlt="Screenshot of the notification feature of li'l Judd" imgAlt="Screenshot of the notification feature of li'l Judd"
title="Notifications" title="Notifications"
description="Make sure that you and your team members remember to vote in the Time Planner." description="Make sure that you and your team members vote in the Time Planner."
note="The bot can add roles. The first one gets pinged, when the time planner sends the messages, the other one gets assigned to the available members of the day, so that it is possible to ping all available people." note="The bot can add roles. The first one gets pinged, when the time planner sends the messages, the other one gets assigned to the available members of the day, so that it is possible to ping all available people."
/> />
<ImageSection <ImageSection

View file

@ -33,6 +33,6 @@ import "../styles/pages/how-do-i.scss";
</div> </div>
</section> </section>
<section class="footernotesection"> <section class="footernotesection">
<p>Is something missing here? Please <a href="/contact" target="_self">contact me</a>!</p> <p>Is something missing here?<br/>Please <a href="/contact" target="_self">contact me</a>!</p>
</section> </section>
</Layout> </Layout>

View file

@ -1,31 +1,29 @@
--- ---
import Layout from "@layouts/Layout.astro"; import Layout from "@layouts/Layout.astro";
import "../styles/pages/imprint.scss";
--- ---
<Layout> <Layout>
<section> <section class="wrapper">
<h1>Imprint</h1> <h1>Imprint</h1>
<p> <p>
In accordance with the applicable legal regulations, we would like to In accordance with the applicable legal regulations, we would like to
point out that this website is not subject to the imprint obligation. This point out that this website is not subject to the imprint obligation. This
notice is for clarification and transparent information for our visitors. notice is for clarification and transparent information for our visitors.
<br />
<br /> <br />
According to § 5 TMG (Telemedia Act), certain providers of telemedia in According to § 5 TMG (Telemedia Act), certain providers of telemedia in
Germany are obliged to provide an imprint with certain information. This Germany are obliged to provide an imprint with certain information. This
obligation applies in particular to commercial websites or those that are obligation applies in particular to commercial websites or those that are
used for business purposes. used for business purposes.
<br />
<br /> <br />
However, since this website has no business or commercial character and However, since this website has no business or commercial character and
only provides non-commercial, informative or private content, it is not only provides non-commercial, informative or private content, it is not
subject to the imprint obligation according to § 5 TMG. subject to the imprint obligation according to § 5 TMG.
<br />
<br /> <br />
Nevertheless, we strive to keep all information on this website correct Nevertheless, we strive to keep all information on this website correct
and up-to-date to the best of our knowledge and belief. However, if you and up-to-date to the best of our knowledge and belief. However, if you
have any questions or concerns, please feel free to contact us using the have any questions or concerns, please feel free to contact us using the
contact options provided. <a href="/contact" target="_self">contact options</a> provided.
</p> </p>
</section> </section>
</Layout> </Layout>

View file

@ -1,95 +1,130 @@
--- ---
import Layout from "@layouts/Layout.astro"; import Layout from "@layouts/Layout.astro";
import "../styles/pages/privacy-policy.scss";
--- ---
<Layout> <Layout>
<section> <div class="wrapper">
<h1>Privacy Policy</h1> <div>
<br /> <h1>GDPR Privacy Policy for li&apos;l Judd</h1>
<br /> <h4>Last updated: 2023-12-05</h4>
</div>
<h2>Introduction</h2> <section>
<h2>1. Introduction</h2>
This Privacy Policy outlines how the li'l Judd Discord bot ("the bot") collects, <p>Welcome to li&apos;l Judd! This Privacy Policy explains how we collect, use, disclose, and safeguard your personal information when you use our Discord bot service.</p>
uses, and protects user data. The bot is committed to complying with the General </section>
Data Protection Regulation (GDPR) and ensuring the privacy and security of user <section>
information. <h2>2. Data Controller</h2>
<br /> <p>The data controller for the processing of your personal data is: Eric L
<br /> <br/>
Reachable by email at contact at moonleay dot net (<a href="/contact" target="_self">See contact page.</a>)
<h2>1. Information Collection</h2> </p>
</section>
<h3>1.1. Data Collection</h3> <section>
<h2>3. Information We Collect</h2>
The bot does not collect or store any personal information from users. <h3>3.1 Discord User Data</h3>
<br /> <p>
<br /> We may collect and process the following personal data related to your Discord account & guilds:
</p>
<h3>1.2. Server Data</h3> <ul>
<li>
The bot may collect and store server-related data necessary for its functionality, <p>- Discord User ID</p>
but this data is not associated with individual users and is used solely for </li>
operational purposes. <li>
<br /> <p>- Discord username, discriminator and IDs of users</p>
<br /> </li>
<li>
<h2>2. Data Storage and Security</h2> <p>- Guild name and ID</p>
</li>
<h3>2.1. Data Storage Location</h3> <li>
<p>- Channel names and IDs of channels with active features</p>
All data collected by the bot is stored within servers located in Germany. </li>
<br /> <li>
<br /> <p>- Message IDs of the bot messages</p>
</li>
<h3>2.2. Security Measures</h3> <li>
<p>- Role IDs of created roles</p>
We employ industry-standard security measures to ensure the safety and confidentiality </li>
of the data stored within our systems. </ul>
<br /> <h3>3.2 Usage Data</h3>
<br /> <p>We may collect information on how you interact with our bot, including but not limited to:</p>
<ul>
<h2>3. Data Sharing</h2> <li>
<p>- Commands issued</p>
The bot does not share any user or server data with third parties. </li>
<br /> <li>
<br /> <p>- Server and channel information</p>
</li>
<h2>4. Rights of Users</h2> <li>
<p>- Timestamps of interactions</p>
<h3>4.1. Access, Rectification, and Deletion</h3> </li>
</ul>
Users have the right to access, rectify, or delete any personal data held by </section>
the bot. For such requests, please contact the bot's developer at contact at <section>
moonleay dot net. <h2>4. How we use your Information</h2>
<br /> <p>We process your personal data for the following purposes:</p>
<br /> <ul>
<li>
<h3>4.2. Data Retention</h3> <p>- To provide and maintain the bot service.</p>
</li>
As the bot does not collect personal data, data retention is not applicable. <li>
<p>- To improve, customize, and optimize our bot.</p>
<br /> </li>
<br /> <li>
<p>- To respond to your requests, comments, or inquiries.</p>
<h2>5. Compliance with GDPR</h2> </li>
<li>
The bot is designed to comply with the GDPR and respects the rights of individuals <p>- To comply with legal obligations.</p>
regarding their personal data. </li>
<br /> </ul>
<br /> </section>
<section>
<h2>6. Changes to the Privacy Policy</h2> <h2>5. Legal Basis for Processing</h2>
<p>We process your personal data on the following legal bases:</p>
We reserve the right to update or modify this Privacy Policy at any time. Changes <ul>
will be effective immediately upon posting. Continued use of the bot after any <li>
modifications indicates acceptance of the updated Privacy Policy. <p>- Consent: You have given your consent for the processing of your personal data for one or more specific purposes.</p>
<br /> </li>
<br /> <li>
<p>- Performance of a contract: The processing is necessary for the performance of the agreement between you and us.</p>
<h2>7. Contact</h2> </li>
</ul>
For any inquiries or concerns regarding this Privacy Policy, please contact </section>
us at contact at moonleay dot net. By using the li'l Judd Discord bot, you acknowledge <section>
that you have read, understood, and agree to this Privacy Policy. <h2>6. Data Sharing</h2>
</section> <p>We do not sell, trade, or otherwise transfer your personal information to third parties. However, we may share your information with:</p>
<ul>
<li>
<p>- Third-party service providers involved in the operation and maintenance of the bot.</p>
</li>
</ul>
</section>
<section>
<h2>7. Data Security</h2>
<p>We implement reasonable security measures to protect your personal information from unauthorized access, disclosure, alteration, and destruction.</p>
</section>
<section>
<h2>8. Your Rights</h2>
<p>You have the following rights regarding your personal data:</p>
<ul>
<li>
<p>- Right to withdraw consent: You have the right to withdraw your consent at any time. You can do this by contacting us at contact@moonleay.net.</p>
</li>
<li>
<p>- Right to rectification: You can request corrections to inaccurate or incomplete information.</p>
</li>
<li>
<p>- Right to erasure: You can request the deletion of your personal data.</p>
</li>
</ul>
</section>
<section>
<h2>9. Changes to this Privacy Policy</h2>
<p>We may update this Privacy Policy to reflect changes in our practices. The updated version will be posted on https://liljudd.ink/privacy-policy.</p>
</section>
<section>
<h2>10. Contact Information</h2>
<p>If you have any questions or concerns about this Privacy Policy, please contact us at contact@moonleay.net.</p>
</section>
</div>
</Layout> </Layout>

View file

@ -1,98 +1,52 @@
--- ---
import Layout from "@layouts/Layout.astro"; import Layout from "@layouts/Layout.astro";
import "../styles/pages/terms-of-service.scss";
--- ---
<Layout> <Layout>
<h1>Terms of Service</h1> <div class="wrapper">
<h1>Terms of Service</h1>
<div>
<h2>Usage Agreement</h2>
<p>
By inviting the bot and using its features (commands, planning system) are you agreeing to the below mentioned Terms and Privacy Policy (Policy) of the bot.<br/>
<h2>Introduction</h2> You acknowledge that you have the privilege to use the bot freely on any Discord Server (Server) you share with it, that you can invite it to any Server that you have "Manage Server" rights for and that this privilege might get revoked for you, if you're subject of breaking the terms and/or policy of this bot, or the <a href="https://discord.com/terms" target="_blank">Terms of Service</a>, <a href="https://discord.com/privacy" target="_blank">Privacy Policy</a> and/or <a href="https://discord.com/guidelines" target="_blank">Community Guidelines</a> of <a href="https://discord.com/" target="_blank">Discord Inc</a>.<br/>
<p>
Welcome to li'l Judd, an open-source Discord bot licensed under GNU GPL 3.0.
This document outlines the terms of service ("Terms") for using the li'l
Judd Discord bot ("the Bot") and the services associated with it.
<br />
By using the Bot, you agree to comply with these Terms, the GNU GPL 3.0
license, and Discord's Terms of Service.
</p>
<h2>1. Acceptance of Terms</h2> Through Inviting the bot may it collect specific data as described in its Policy.<br/>
<p> The intended usage of this data is for core functionalities of the bot such as command handling, guild-specific settings and the time-planning system.<br/>
By using the Bot, you agree to be bound by these Terms and the GNU GPL 3.0 </p>
license. If you do not agree with any of these terms, you are prohibited </div>
from using the Bot. <div>
</p> <h2>Intended Age</h2>
<p>
The bot may not be used by individuals under the minimal age described in Discord's Terms of Service.<br/>
Doing so will be seen as a violation of these terms and will result in a removal of the bot from any servers you own.<br/>
</p>
</div>
<div>
<h2>Affiliation</h2>
<p>
The Bot is not affiliated with, supported or made by Discord Inc.<br/>
Any direct connection to Discord or any of its Trademark objects is purely coincidental. We do not claim to have the copyright ownership of any of Discord's assets, trademarks or other intellectual property.<br/>
</p>
</div>
<div>
<h2>Liability</h2>
<p>
The owner of the bot may not be made liable for individuals breaking these Terms at any given time.<br/>
He has faith in the end users being truthfull about their information and not misusing this bot or the services of Discord Inc in a malicious way.<br/>
<h2>2. License</h2> We reserve the right to update these terms at our own discretion, giving you a 1-Week (7 days) period to opt out of these terms if you're not agreeing with the new changes.
<p> You may opt out by Removing the bot from any Server you have the rights for.
The li'l Judd Discord Bot is open-source and licensed under GNU General </p>
Public License (GPL) version 3.0. You are free to use, modify, and </div>
distribute the Bot in accordance with the terms specified in the GNU GPL 3.0 <div>
license. <h2>Contact</h2>
</p> <p>
People may get in contact through e-mail at contact@moonleay.net, or through the official Support Discord of the Bot.
<h2>3. Use of the Bot</h2> Other ways of support may be provided but aren't guaranteed.
</p>
<h3>3.1. Compliance with Discord's Terms of Service</h3> </div>
<p> </div>
You must abide by Discord's Terms of Service and Community Guidelines while
using the Bot. Any violation of Discord's policies may result in termination
of access to the Bot.
</p>
<h3>3.2. No Warranty</h3>
<p>
The Bot is provided "as is" without any warranty, expressed or implied. The
authors and maintainers of the Bot are not responsible for any damages or
consequences resulting from the use of the Bot.
</p>
<h3>3.3. User Conduct</h3>
<p>
You agree to use the Bot in a manner that is respectful, lawful, and in
compliance with all applicable laws and regulations. Any harmful or abusive
behavior towards others is strictly prohibited.
</p>
<h3>3.4. Modifications</h3>
<p>
You may modify, adapt, or extend the Bot in accordance with the GNU GPL 3.0
license, as long as any derivative work remains open-source and is also
licensed under GNU GPL 3.0.
</p>
<h2>4. Limitation of Liability</h2>
<p>
The authors and maintainers of the Bot shall not be liable for any direct,
indirect, incidental, special, consequential, or exemplary damages arising
out of the use or inability to use the Bot.
</p>
<h2>5. Indemnification</h2>
<p>
You agree to indemnify and hold harmless the authors and maintainers of the
Bot from any claims, damages, losses, or liabilities arising from your use
of the Bot or your breach of these Terms.
</p>
<h2>6. Governing Law</h2>
<p>
These Terms are governed by and construed in accordance with the laws of
Germany. Any disputes arising under or in connection with these Terms shall
be subject to the exclusive jurisdiction of the courts in Germany.
</p>
<h2>7. Changes to the Terms</h2>
<p>
We reserve the right to update or modify these Terms at any time. Changes
will be effective immediately upon posting. Continued use of the Bot after
any modifications indicates your acceptance of the updated Terms.
</p>
<h2>Contact</h2>
<p>
If you have any questions or concerns regarding these Terms, you may contact
us at contact at moonleay dot net. By using the li'l Judd Discord Bot, you
acknowledge that you have read, understood, and agree to these Terms of
Service.
</p>
</Layout> </Layout>

View file

@ -5,6 +5,10 @@ h1 {
} }
.aboutdiv { .aboutdiv {
max-width: 1100px;
margin: 1rem auto;
width: 100%;
section { section {
background-color: rgba(0, 0, 0, 0.5); background-color: rgba(0, 0, 0, 0.5);
border-radius: 4px; border-radius: 4px;

View file

@ -0,0 +1,58 @@
.wrapper {
h1 {
@media (min-width: 420px) {
font-size: 3rem;
}
font-size: 2.8rem;
text-align: center;
margin-bottom: 1.2rem;
}
section {
margin: 1rem;
p, a {
@media (max-width: 420px) {
font-size: 0.75rem;
}
}
a {
color: white;
text-decoration: underline;
font-size: 0.9rem;
transition: 0.5s;
&:hover {
color: rgb(96 59 255) !important;
}
}
table {
background-color: rgba(0, 0, 0, 0.5);
border-radius: 4px;
padding: 1rem;
max-width: 1100px;
margin: 1rem auto;
width: 100%;
thead {
tr {
th {
text-align: left;
border-bottom: 1px solid white;
padding: 0.5rem;
font-size: 1.5rem !important;
font-weight: bolder;
}
}
}
tbody {
tr {
td {
//padding: 1.5rem 2rem;
}
}
}
}
}
}

View file

@ -13,11 +13,18 @@
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
a { a {
color: white;
font-size: 0.9rem;
transition: 0.5s;
display: flex; display: flex;
align-items: center; align-items: center;
img { img {
margin: 0 5px; margin: 0 5px;
} }
&:hover {
color: rgb(96 59 255) !important;
}
} }
} }
} }

View file

@ -5,9 +5,12 @@
} }
.section { .section {
max-width: 1100px;
margin: 1rem auto;
width: 100%;
background-color: rgba(0, 0, 0, 0.5); background-color: rgba(0, 0, 0, 0.5);
border-radius: 4px; border-radius: 4px;
margin: 1rem;
padding: 1rem; padding: 1rem;
display: block; display: block;
@ -37,9 +40,12 @@
} }
.footernotesection { .footernotesection {
max-width: 1100px;
margin: 1rem auto;
width: 100%;
justify-content: space-between;
background-color: rgba(0, 0, 0, 0.5); background-color: rgba(0, 0, 0, 0.5);
border-radius: 4px; border-radius: 4px;
margin: 1rem;
padding: 1rem; padding: 1rem;
display: block; display: block;
text-align: center; text-align: center;

View file

@ -0,0 +1,32 @@
.wrapper {
h1 {
font-size: 3rem;
text-align: center;
margin-bottom: 1.2rem;
}
p {
background-color: rgba(0, 0, 0, 0.5);
border-radius: 4px;
margin: 1rem;
padding: 1.5rem;
@media (min-width: 1150px) {
max-width: 1100px;
margin: 1rem auto;
width: 100%;
}
a {
color: white;
text-decoration: underline;
font-size: 0.9rem;
transition: 0.5s;
&:hover {
color: rgb(96 59 255) !important;
}
}
}
}

View file

@ -0,0 +1,46 @@
.wrapper {
div {
h1 {
font-size: 3rem;
text-align: center;
}
h4{
font-size: 1.5rem;
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;
@media (min-width: 1150px) {
max-width: 1100px;
margin: 1rem auto;
width: 100%;
}
ul {
li {
padding-left: 1rem;
}
}
}
p {
a {
color: white;
text-decoration: underline;
font-size: 0.9rem;
transition: 0.5s;
&:hover {
color: rgb(96 59 255) !important;
}
}
}
}

View file

@ -11,15 +11,12 @@
padding: 1.5rem; padding: 1.5rem;
display: block; display: block;
@media (min-width: 950px) { @media (min-width: 1150px) {
max-width: 900px; max-width: 1100px;
margin: 1rem auto; margin: 1rem auto;
display: flex;
width: 100%; width: 100%;
display: flex;
justify-content: space-between; justify-content: space-between;
//display: grid;
//grid-template-columns: repeat(4, 1fr);
} }
img { img {
@ -42,8 +39,8 @@
border-radius: 4px; border-radius: 4px;
margin: 1rem; margin: 1rem;
@media (min-width: 950px) { @media (min-width: 1150px) {
width: 900px; width: 1100px;
margin: 1rem auto; margin: 1rem auto;
} }

View file

@ -0,0 +1,34 @@
.wrapper {
h1 {
font-size: 3rem;
text-align: center;
margin-bottom: 1.2rem;
}
div {
background-color: rgba(0, 0, 0, 0.5);
border-radius: 4px;
margin: 1rem;
padding: 1rem;
display: block;
@media (min-width: 1150px) {
max-width: 1100px;
margin: 1rem auto;
width: 100%;
}
}
p {
a {
color: white;
text-decoration: underline;
font-size: 0.9rem;
transition: 0.5s;
&:hover {
color: rgb(96 59 255) !important;
}
}
}
}