.
-
+
);
}
diff --git a/src/routes/terms-of-service.tsx b/src/routes/terms-of-service.tsx
index 1f498bd..8e78359 100644
--- a/src/routes/terms-of-service.tsx
+++ b/src/routes/terms-of-service.tsx
@@ -1,96 +1,94 @@
+import Layout from "~/components/Layout";
import "../styles/pages/terms-of-service.scss";
function termsOfService() {
return (
- <>
-
-
Terms of Service
-
-
Usage Agreement
-
- 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.
-
- 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{" "}
-
- Terms of Service
-
- ,{" "}
-
- Privacy Policy
- {" "}
- and/or{" "}
-
- Community Guidelines
- {" "}
- of{" "}
-
- Discord Inc
-
- .
- Through Inviting the bot may it collect specific data as described
- in its Policy.
-
- 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.
-
-
-
-
-
Intended Age
-
- The bot may not be used by individuals under the minimal age
- described in Discord's Terms of Service.
-
- 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.
-
-
-
-
-
Affiliation
-
- The Bot is not affiliated with, supported or made by Discord Inc.
-
- 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.
-
-
-
-
-
Liability
-
- The owner of the bot may not be made liable for individuals breaking
- these Terms at any given time.
-
- 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.
-
- 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. You may opt out by
- Removing the bot from any Server you have the rights for.
-
-
-
-
Contact
-
- People may get in contact through e-mail at contact@moonleay.net, or
- through the official Support Discord of the Bot. Other ways of
- support may be provided but aren't guaranteed.
-
-
+
+ Terms of Service
+
+
Usage Agreement
+
+ 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.
+
+ 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{" "}
+
+ Terms of Service
+
+ ,{" "}
+
+ Privacy Policy
+ {" "}
+ and/or{" "}
+
+ Community Guidelines
+ {" "}
+ of{" "}
+
+ Discord Inc
+
+ .
+ Through Inviting the bot may it collect specific data as described in
+ its Policy.
+
+ 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.
+
+
+
Intended Age
+
+ The bot may not be used by individuals under the minimal age described
+ in Discord's Terms of Service.
+
+ 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.
+
+
+
+
Affiliation
+
+ The Bot is not affiliated with, supported or made by Discord Inc.
+
+ 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.
+
+
+
+
Liability
+
+ The owner of the bot may not be made liable for individuals breaking
+ these Terms at any given time.
+
+ 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.
+
+ 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. You may opt out by Removing
+ the bot from any Server you have the rights for.
+
+
+
Contact
+
+ People may get in contact through e-mail at contact@moonleay.net, or
+ through the official Support Discord of the Bot. Other ways of support
+ may be provided but aren't guaranteed.
+
+
);
}
diff --git a/src/styles/components/NavBar.scss b/src/styles/components/NavBar.scss
index e20242a..c9a382b 100644
--- a/src/styles/components/NavBar.scss
+++ b/src/styles/components/NavBar.scss
@@ -5,46 +5,73 @@ nav {
backdrop-filter: blur(5px);
position: sticky;
border-radius: 5px;
+ padding: 10px;
- ul {
- display: flex;
- flex-direction: column;
- align-items: center;
- padding: 0;
+ ul .navElem a {
+ color: white;
+ padding: 0 1rem;
+ vertical-align: middle;
- .navElem {
- margin: 0.5rem 1rem;
- transition: 0.5s;
- color: white;
+ &:hover {
+ color: rgb(96 59 255) !important;
- &:hover {
- color: rgb(96 59 255) !important;
- }
+ .swap {
+ svg path {
+ transition: color 0.5s 0.5s;
+ }
- .textBx {
- display: flex;
- align-items: center;
+ .primary {
+ opacity: 0;
+ }
- #logo {
- width: 32px;
- height: 32px;
- border-radius: 100%;
- max-width: initial;
- max-height: initial;
- margin: 0.5rem;
+ .secondary {
+ opacity: 1;
}
}
}
+
+ img,
+ .swap,
+ .swap svg {
+ width: 32px;
+ height: 32px;
+ border-radius: 100%;
+ max-width: initial;
+ max-height: initial;
+ }
+
+ .swap {
+ position: relative;
+
+ > * {
+ transition: opacity 0.5s;
+ position: absolute;
+ }
+
+ img {
+ margin: 0;
+ }
+
+ .secondary {
+ opacity: 0;
+ }
+ }
+
+ span,
+ > svg path {
+ transition: color 0.5s;
+ }
+
+ .lower {
+ margin-top: 2px;
+ }
}
@media (min-width: 768px) {
- ul {
- flex-direction: row;
- padding: 0 2rem;
+ justify-content: space-between;
- .navElem:last-child {
- margin-left: auto;
- }
+ ul {
+ height: 72px;
}
}
}
diff --git a/src/styles/GlobalLayout.css b/src/styles/global.scss
similarity index 75%
rename from src/styles/GlobalLayout.css
rename to src/styles/global.scss
index 25a714e..4fafeb9 100644
--- a/src/styles/GlobalLayout.css
+++ b/src/styles/global.scss
@@ -53,3 +53,24 @@ a {
text-decoration: none;
color: inherit;
}
+
+.flex-row {
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+ gap: 10px;
+
+ &.centered {
+ justify-content: center;
+ }
+
+ &.thick {
+ align-items: initial;
+ }
+
+ &.responsive {
+ @media (max-width: 768px) {
+ flex-direction: column;
+ }
+ }
+}
diff --git a/src/styles/pages/about.scss b/src/styles/pages/about.scss
index 1d5f62f..64aae3d 100644
--- a/src/styles/pages/about.scss
+++ b/src/styles/pages/about.scss
@@ -1,4 +1,4 @@
-.aboutdiv {
+.about {
max-width: 1100px;
margin: 1rem auto;
width: 100%;
diff --git a/src/styles/pages/config.scss b/src/styles/pages/config.scss
index 0b03502..4b8b5cd 100644
--- a/src/styles/pages/config.scss
+++ b/src/styles/pages/config.scss
@@ -1,38 +1,34 @@
-.guildpfp {
- width: 50px;
- height: 50px;
- border-radius: 100%;
-}
-
-.horizontal {
- display: flex;
- flex-direction: row;
- h1 {
- margin-left: 10px;
+.config {
+ .text-center {
+ text-align: center;
}
- p, h3, h4 {
+
+ .guildpfp {
+ width: 50px;
+ height: 50px;
+ border-radius: 100%;
+ }
+
+ label {
margin-right: 10px;
}
-}
-.marg_right_5px {
- margin-right: 10px;
-}
-
-.centered {
- text-align: center;
- justify-content: center;
- align-items: center;
-}
-
-.config {
- article {
+ section,
+ a {
background-color: rgba(0, 0, 0, 0.5);
border-radius: 4px;
padding: 1rem;
max-width: 1100px;
margin: 1rem auto;
width: 100%;
+ }
+ .sub {
+ margin-left: 10px;
+
+ &.disabled {
+ pointer-events: none;
+ opacity: 0.5;
+ }
}
}
diff --git a/src/styles/pages/contact.scss b/src/styles/pages/contact.scss
index 84f0c6b..8e80bab 100644
--- a/src/styles/pages/contact.scss
+++ b/src/styles/pages/contact.scss
@@ -8,7 +8,7 @@
}
text-align: center;
- .contact {
+ section {
display: flex;
flex-direction: column;
align-items: center;
diff --git a/src/styles/pages/features.scss b/src/styles/pages/features.scss
index 61c93f7..fd69856 100644
--- a/src/styles/pages/features.scss
+++ b/src/styles/pages/features.scss
@@ -3,7 +3,7 @@
flex-direction: column;
align-items: center;
- .title {
+ h1 {
font-size: 3rem;
text-align: center;
margin-bottom: 1.2rem;
diff --git a/src/styles/pages/how-do-i.scss b/src/styles/pages/how-do-i.scss
index cac158a..92bd857 100644
--- a/src/styles/pages/how-do-i.scss
+++ b/src/styles/pages/how-do-i.scss
@@ -1,64 +1,66 @@
-.hdi-title {
- font-size: 3rem;
- text-align: center;
- margin-bottom: 1.2rem;
-}
-
-.hdi-section {
- max-width: 1100px;
- margin: 1rem auto;
- width: 100%;
-
- background-color: rgba(0, 0, 0, 0.5);
- border-radius: 4px;
- padding: 1rem;
- display: block;
-
- .imgwrapper {
- margin: auto;
+.how-do-i {
+ h1 {
+ font-size: 3rem;
text-align: center;
+ margin-bottom: 1.2rem;
+ }
- .desktop {
- display: none;
- }
+ section {
+ max-width: 1100px;
+ margin: 1rem auto;
+ width: 100%;
+
+ background-color: rgba(0, 0, 0, 0.5);
+ border-radius: 4px;
+ padding: 1rem;
+ display: block;
+
+ .imgwrapper {
+ margin: auto;
+ text-align: center;
- .mobile {
- display: flex;
- border-radius: 5px;
- max-width: 100%;
- }
- @media (min-width: 600px) {
.desktop {
+ display: none;
+ }
+
+ .mobile {
display: flex;
border-radius: 5px;
max-width: 100%;
}
+ @media (min-width: 600px) {
+ .desktop {
+ display: flex;
+ border-radius: 5px;
+ max-width: 100%;
+ }
- .mobile {
- display: none;
+ .mobile {
+ display: none;
+ }
+ }
+ }
+ }
+
+ .note {
+ max-width: 1100px;
+ margin: 1rem auto;
+ width: 100%;
+ justify-content: space-between;
+ background-color: rgba(0, 0, 0, 0.5);
+ border-radius: 4px;
+ padding: 1rem;
+ display: block;
+ text-align: center;
+ a {
+ color: white;
+ text-decoration: underline;
+ font-size: 0.9rem;
+ transition: 0.5s;
+
+ &:hover {
+ color: rgb(96 59 255) !important;
}
}
}
}
-
-.hdi-footernotesection {
- max-width: 1100px;
- margin: 1rem auto;
- width: 100%;
- justify-content: space-between;
- background-color: rgba(0, 0, 0, 0.5);
- border-radius: 4px;
- padding: 1rem;
- display: block;
- text-align: center;
- a {
- color: white;
- text-decoration: underline;
- font-size: 0.9rem;
- transition: 0.5s;
-
- &:hover {
- color: rgb(96 59 255) !important;
- }
- }
-}
diff --git a/src/styles/pages/stack.scss b/src/styles/pages/stack.scss
index 32c1f32..139c8e0 100644
--- a/src/styles/pages/stack.scss
+++ b/src/styles/pages/stack.scss
@@ -1,61 +1,63 @@
-.stack-title {
- font-size: 3rem;
- text-align: center;
- margin-bottom: 1.2rem;
-}
-
-.stack-section {
- background-color: rgba(0, 0, 0, 0.5);
- border-radius: 4px;
- margin: 1rem;
- padding: 1.5rem;
- display: block;
- text-align: center;
-
- @media (min-width: 1150px) {
- max-width: 1100px;
- margin: 1rem auto;
- width: 100%;
- display: flex;
- justify-content: space-between;
- }
-
- img {
- max-width: 80%;
- max-height: 200px;
- width: 200px;
- border-radius: 5px;
- }
-
- .stackgrid_3 {
- //grid-column: span 3;
+.stack {
+ h1 {
+ font-size: 3rem;
text-align: center;
- align-self: center;
- margin: auto;
- }
-}
-
-.stack-note {
- background-color: rgba(0, 0, 0, 0.5);
- border-radius: 4px;
- margin: 1rem;
-
- @media (min-width: 1150px) {
- width: 1100px;
- margin: 1rem auto;
+ margin-bottom: 1.2rem;
}
- padding: 1rem;
- text-align: center;
+ section {
+ background-color: rgba(0, 0, 0, 0.5);
+ border-radius: 4px;
+ margin: 1rem;
+ padding: 1.5rem;
+ display: block;
+ text-align: center;
- a {
- color: white;
- text-decoration: underline;
- font-size: 0.9rem;
- transition: 0.5s;
+ @media (min-width: 1150px) {
+ max-width: 1100px;
+ margin: 1rem auto;
+ width: 100%;
+ display: flex;
+ justify-content: space-between;
+ }
- &:hover {
- color: rgb(96 59 255) !important;
+ 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;
+ }
+ }
+
+ .note {
+ background-color: rgba(0, 0, 0, 0.5);
+ border-radius: 4px;
+ margin: 1rem;
+
+ @media (min-width: 1150px) {
+ width: 1100px;
+ margin: 1rem auto;
+ }
+
+ 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;
+ }
}
}
}