completed sidebar base

src/pages/docs.astro

@@ -1,6 +1,5 @@
 ---
 import Layout from "../layouts/Layout.astro";
-import "../styles/docs.scss";
 const unsortedDocs = await Astro.glob("./docs/*/index.mdx");
 const docs = unsortedDocs.sort(
   (a, b) => +new Date(b.frontmatter.date) - +new Date(a.frontmatter.date)
@@ -13,7 +12,7 @@ const docs = unsortedDocs.sort(
 >
   <main>
     <div class="content">
-      <h1>Docs</h1>
+      <h1 style="text-align: center;">Docs</h1>
       {
         docs.map((doc) => (
           <div class="second-content">
@@ -31,7 +30,7 @@ const docs = unsortedDocs.sort(
             {doc.frontmatter.has_thumbnail ? (
               <a href={doc.url}>
                 <img
-                  width="800vh"
+                  width="100%"
                   src={"/img/docs/thumbnails/" + doc.frontmatter.repo + ".webp"}
                 />
               </a>

src/pages/docs/discord-sdk-godot/index.mdx

@@ -74,7 +74,7 @@ func _ready():
 
 **Then it will look similar to this:**
 
-<img src="https://raw.githubusercontent.com/vaporvee/discord-sdk-godot/main/project/assets/ActivityPreview.svg" />
+<img width="30%" src="https://raw.githubusercontent.com/vaporvee/discord-sdk-godot/main/project/assets/ActivityPreview.svg" />
 
 [**Try a built demo**](https://github.com/vaporvee/discord-sdk-godot/releases/latest/download/Demo-Export.zip)<br /><br />
 

src/pages/index.astro

@@ -6,48 +6,49 @@ const yannikAge = new Date().getFullYear() - 2004; // 31/12/2003
 ---
 
 <Layout
-	title="Home"
-	description="This is my personal website with my projects, docs and other useful stuff."
+  title="Home"
+  description="This is my personal website with my projects, docs and other useful stuff."
 >
-	<main>
-		<div class="home-main-box">
-			<div class="home-title-box">
-				<h1 class="home-title" style="font-size: 6vw;">vaporvee</h1>
-				<h2
-					class="home-title"
-					style="font-size: 2vw; margin-top: -10px; margin-bottom: 12vh;"
-				>
-					Making video games
-				</h2>
-				<img
-					class="using-engines"
-					src="/using_engines.svg"
-					alt="engines I'm using"
-				/>
-			</div>
-			<div class="content">
-				<p>
-					Hello my name is <b>Yannik</b>!<br />
-					I’m a {yannikAge} year old <b>Game Developer</b> living <b
-						>in Germany</b
-					>.<br />
-					I mostly code in C++, Godot Engine's GDScript and C#.<br />
-					I am mostly self taught but i cant really say when i began to
-					learn game developement.<br />
-					Currently i already work at a game studio and i also have my
-					own game side projects and tools.<br />
-					This website will mostly have <a href="/docs">docs</a>, <a
-						href="/tutorials">tutorials</a
-					>, and showcasing of my <a href="/projects">projects</a>.
-					Maybe also some other stuff all around the creative process
-					of game developement or completely unrelated stuff like
-					cooking recepies in my <a href="/blog">blog</a> ;)<br />
-					<i style="font-size: 8px;"
-						>(this website is getting rewritten and is not looking
-						good on mobile devices yet)</i
-					>
-				</p>
-			</div>
-		</div>
-	</main>
+  <div class="lines">
+    <div class="home-main-box">
+      <div class="home-title-box">
+        <h1 class="home-title" style="font-size: 6vw;">vaporvee</h1>
+        <h2
+          class="home-title"
+          style="font-size: 2vw; margin-top: -10px; margin-bottom: 12vh;"
+        >
+          Making video games
+        </h2>
+        <img
+          class="using-engines"
+          src="/using_engines.svg"
+          alt="engines I'm using"
+        />
+      </div>
+      <div class="content">
+        <p>
+          Hello my name is <b>Yannik</b>!<br />
+          I’m a {yannikAge} year old <b>Game Developer</b> living <b
+            >in Germany</b
+          >.<br />
+          I mostly code in C++, Godot Engine's GDScript and C#.<br />
+          I am mostly self taught but i cant really say when i began to learn game
+          developement.<br />
+          Currently i already work at a game studio and i also have my own game side
+          projects and tools.<br />
+          This website will mostly have <a href="/docs">docs</a>, <a
+            href="/tutorials">tutorials</a
+          >, and showcasing of my <a href="/projects">projects</a>. Maybe also
+          some other stuff all around the creative process of game developement
+          or completely unrelated stuff like cooking recepies in my <a
+            href="/blog">blog</a
+          > ;)<br />
+          <i style="font-size: 8px;"
+            >(this website is getting rewritten and is not looking good on
+            mobile devices yet)</i
+          >
+        </p>
+      </div>
+    </div>
+  </div>
 </Layout>