slide to the left

src/layouts/DocsLayout.astro

@@ -12,6 +12,17 @@ const docs = unsortedDocs
   title={title}
   description="This is my personal website with my projects, docs and other useful stuff."
 >
+  <div class="sidebar">
+    <a href={"/docs/" + frontmatter.repo}>Home</a><br />
+    {
+      docs.map((page) => (
+        <>
+          <a href={page.url}>{page.frontmatter.title}</a>
+          <br />
+        </>
+      ))
+    }
+  </div>
   <div class="content">
     <h1 style="text-align: center;">{frontmatter.title}</h1>
     <a href={"https://github.com/vaporvee/" + frontmatter.repo}
@@ -25,15 +36,4 @@ const docs = unsortedDocs
     <br />
     <slot />
   </div>
-  <div class="sidebar">
-    <a href={"/docs/" + frontmatter.repo}>Home</a><br />
-    {
-      docs.map((page) => (
-        <>
-          <a href={page.url}>{page.frontmatter.title}</a>
-          <br />
-        </>
-      ))
-    }
-  </div>
 </Layout>