continued sidebar

src/layouts/DocsLayout.astro

@@ -14,9 +14,23 @@ const docs = unsortedDocs.sort((a, b) =>
   title={title}
   description="This is my personal website with my projects, docs and other useful stuff."
 >
+  <div class="content">
+    <h1 style="text-align: center;">{frontmatter.title}</h1>
+    <br />
+    <br />
+    <slot />
+  </div>
   <div class="sidebar">
-    <input type="checkbox" class="sidebar" />
     <div class="sidebar" style="display: unset;">
+      <a
+        class="gh-mark"
+        href={"https://github.com/vaporvee/" + frontmatter.repo}
+        target="_blank"
+      >
+        <span style="font-size: 14px;">vaporvee /</span>
+        {frontmatter.repo}
+        <Icon name="mdi:external-link" /></a
+      ><br /><br />
       {
         docs.map((page) => {
           const isActive =
@@ -32,19 +46,5 @@ const docs = unsortedDocs.sort((a, b) =>
         })
       }
     </div>
-    <Icon size={22} name="mdi:chevron-left-circle" />
-  </div>
-  <div class="content">
-    <a href={"https://github.com/vaporvee/" + frontmatter.repo} target="_blank"
-      ><img
-        src="/github-mark.svg"
-        style="margin-bottom: -10px; margin-right:3px;"
-      />Respository</a
-    ><br />
-    <h1 style="text-align: center;">{frontmatter.title}</h1>
-    <br />
-    <hr style="width: 100%; margin: 2vh;" />
-    <br />
-    <slot />
   </div>
 </Layout>