From 00dc8b5d4f8e3a93842775687b474a2d64ae8d15 Mon Sep 17 00:00:00 2001
From: vaporvee <yannik@vaporvee.com>
Date: Sat, 10 Feb 2024 19:33:05 +0100
Subject: [PATCH] css improvements

---
 src/pages/docs.astro                       | 1 +
 src/pages/docs/discord-sdk-godot/index.mdx | 2 +-
 src/styles/footer.scss                     | 2 +-
 src/styles/home.scss                       | 5 ++---
 src/styles/main.scss                       | 9 ++++++---
 src/styles/navbar.scss                     | 9 +++++++--
 6 files changed, 18 insertions(+), 10 deletions(-)

diff --git a/src/pages/docs.astro b/src/pages/docs.astro
index 891b77e..074f7a2 100644
--- a/src/pages/docs.astro
+++ b/src/pages/docs.astro
@@ -27,6 +27,7 @@ const docs = unsortedDocs.sort(
             {doc.frontmatter.has_thumbnail ? (
               <img
                 width="100%"
+                style="border-radius: 5px;"
                 src={"/img/docs/thumbnails/" + doc.frontmatter.repo + ".webp"}
               />
             ) : null}
diff --git a/src/pages/docs/discord-sdk-godot/index.mdx b/src/pages/docs/discord-sdk-godot/index.mdx
index adc5c32..8ad1a16 100644
--- a/src/pages/docs/discord-sdk-godot/index.mdx
+++ b/src/pages/docs/discord-sdk-godot/index.mdx
@@ -24,7 +24,7 @@ The GameSDK's Achievements, Applications, Voice, Images, Lobbies, Networking, St
 The plugin only works with 4.2 and above for the current version
 :::
 <br/>
-:::assert{title="Important info"}
+:::deter{title="Important info"}
 To make anything work in the plugin make sure to run
 
  ```gdscript
diff --git a/src/styles/footer.scss b/src/styles/footer.scss
index 94de8be..01d9098 100644
--- a/src/styles/footer.scss
+++ b/src/styles/footer.scss
@@ -2,10 +2,10 @@ footer {
   display: flexbox;
   align-items: center;
   text-align: center;
+  position: absolute;
   bottom: 0;
   width: 100%;
   margin-bottom: 2vh;
-
   a {
     color: white;
     &[target="_blank"]::after {
diff --git a/src/styles/home.scss b/src/styles/home.scss
index 0300106..5fd80cf 100644
--- a/src/styles/home.scss
+++ b/src/styles/home.scss
@@ -8,8 +8,7 @@ main{
     background-image: url("/diagonal_lines_home.png");
     background-size: cover;
     background-repeat: repeat;
-    margin-inline: -.10vw;
-    height: 75vh;
+    min-height: 75vh;
     padding-inline: 10vw;
 
     .home-main-box {
@@ -42,6 +41,6 @@ main{
         justify-self: flex-end;
         margin: 0;
         margin-top: 2vh;
-        max-width: 450px;
+        max-width: 500px;
     }
 }
\ No newline at end of file
diff --git a/src/styles/main.scss b/src/styles/main.scss
index 6743bdc..f1b1df0 100644
--- a/src/styles/main.scss
+++ b/src/styles/main.scss
@@ -10,6 +10,7 @@ body {
   font-size: 16px;
   position: relative;
   min-height: 95vh;
+  
 }
 
 h1 {
@@ -41,7 +42,7 @@ main {
   background-color: $second-content-clr;
   border-radius: 25px;
   border: 1px solid lighten($second-content-clr, 16%);
-  width: 42vw;
+  width: 30vw;
   padding: 2vh;
   margin-inline: 10vw;
   margin-bottom: 11vh;
@@ -64,14 +65,16 @@ a {
     height: 20px;
     vertical-align: -0.125em;
     content: " ";
-    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0  0  24  24'%3E%3Cpath fill='%23000' d='M14  3v2h3.59l-9.83  9.83l1.41  1.41L19  6.41V10h2V3m-2  16H5V5h7V3H5a2  2  0  0  0-2  2v14a2  2  0  0  0  2  2h14a2  2  0  0  0  2-2v-7h-2z'/%3E%3C/svg%3E")
+    $external_svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0  0  24  24'%3E%3Cpath fill='%23000' d='M14  3v2h3.59l-9.83  9.83l1.41  1.41L19  6.41V10h2V3m-2  16H5V5h7V3H5a2  2  0  0  0-2  2v14a2  2  0  0  0  2  2h14a2  2  0  0  0  2-2v-7h-2z'/%3E%3C/svg%3E");
+    -webkit-mask: $external_svg
       no-repeat center;
-    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0  0  24  24'%3E%3Cpath fill='%23000' d='M14  3v2h3.59l-9.83  9.83l1.41  1.41L19  6.41V10h2V3m-2  16H5V5h7V3H5a2  2  0  0  0-2  2v14a2  2  0  0  0  2  2h14a2  2  0  0  0  2-2v-7h-2z'/%3E%3C/svg%3E")
+    mask: $external_svg
       no-repeat center;
     background-color: $link; /* This will color the SVG */
   }
   &.social::after {
     content: none;
+    display: unset;
   }
 }
 
diff --git a/src/styles/navbar.scss b/src/styles/navbar.scss
index a24d472..4ca6154 100644
--- a/src/styles/navbar.scss
+++ b/src/styles/navbar.scss
@@ -24,10 +24,15 @@ header {
             align-items: center;
 
             a {
-                color: white;
+                color: lighten($accent,30);
                 text-decoration: none;
                 text-align: center;
                 margin-inline: .9vw;
+                transition: color 0.5s;
+                font-family: "Satoshi-Bold";
+                &:hover{
+                    color: $accent;
+                }
             }
 
             .active {
@@ -44,6 +49,6 @@ header {
 
     .social {
         width: 22px;
-        margin-inline: .5vw;
+        margin-inline: .2vw;
     }
 }
\ No newline at end of file