added content

astro.config.mjs

@@ -20,7 +20,6 @@ export default defineConfig({
     remarkPlugins: [remarkDirective, remarkCalloutDirectives, [remarkExternalLinks, {
       target: '_blank'
     }]],
-    drafts: false,
     shikiConfig: {
       theme: 'dracula'
     }

src/pages/docs.astro

@@ -1,16 +1,44 @@
 ---
 import Layout from "../layouts/Layout.astro";
-const unsortedDocs = await Astro.glob("./docs/*/*.mdx");
-const docs = unsortedDocs
-    .sort(
-        (a, b) => +new Date(b.frontmatter.date) - +new Date(a.frontmatter.date),
-    )
-    .filter((doc) => !doc.frontmatter.draft);
+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)
+);
 ---
 
 <Layout
-    title="Docs"
-    description="This is my personal website with my projects, docs and other useful stuff."
+  title="Docs"
+  description="This is my personal website with my projects, docs and other useful stuff."
 >
-    <main><div class="content">Docs (not finished yet)</div></main>
+  <main>
+    <div class="content">
+      <h1>Docs</h1>
+      {
+        docs.map((doc) => (
+          <div class="second-content">
+            <a href={doc.url}>
+              <h2>{doc.frontmatter.title}</h2>
+            </a>
+            <p>{doc.frontmatter.subtitle}</p>
+            <a href={"https://github.com/vaporvee/" + doc.frontmatter.repo}>
+              <img
+                src="/github-mark.svg"
+                style="margin-bottom: -10px; margin-right:3px;"
+              />
+              <p>Respository</p>
+            </a>
+            {doc.frontmatter.has_thumbnail ? (
+              <a href={doc.url}>
+                <img
+                  width="800vh"
+                  src={"/img/docs/thumbnails/" + doc.frontmatter.repo + ".webp"}
+                />
+              </a>
+            ) : null}
+          </div>
+        ))
+      }
+    </div>
+  </main>
 </Layout>

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

@@ -2,7 +2,6 @@
 layout: ../../../layouts/DocsLayout.astro
 repo: discord-sdk-godot
 title: Activities
-draft: true
 ---
 
 # Variables

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

@@ -2,7 +2,6 @@
 layout: ../../../layouts/DocsLayout.astro
 repo: discord-sdk-godot
 title: Building
-draft: true
 ---
 # How to build
 1. Clone the project

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

@@ -2,7 +2,6 @@
 layout: ../../../layouts/DocsLayout.astro
 repo: discord-sdk-godot
 title: Debug
-draft: true
 ---
 The ![](https://raw.githubusercontent.com/vaporvee/discord-sdk-godot/main/project/addons/discord-sdk-gd/Debug.svg)`DiscordSDKDebug` Node shows the current status of the SDK and its values.<br/>
 You can also print the `current_user` Dictionary or the whole friendslist Array on the console and manage invites with the Button and input LineEdits. You can also disable and enable the Activity with the button switch.

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

@@ -2,7 +2,6 @@
 layout: ../../../layouts/DocsLayout.astro
 repo: discord-sdk-godot
 title: Editor Presence
-draft: true
 ---
 <img width="550px" src="https://raw.githubusercontent.com/vaporvee/discord-sdk-godot/main/project/assets/GodotEditorPresenceBanner.svg" />
 <br/>

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

@@ -1,8 +1,17 @@
 ---
 layout: ../../../layouts/DocsLayout.astro
 repo: discord-sdk-godot
+has_thumbnail: true
 title: Discord SDK plugin for Godot
-draft: true
+subtitle: Discord Game SDK support for GDScript in Godot Engine 4.2. with the easiest code pattern!
+features: |
+ - Activities (Make people see what you are playing)
+ - Invites
+ - Steam and launch command registering
+ - User information
+ - Relationship Manager (Get friendlist and its updates)
+ - Overlay management
+ - Editor Presence (optional)
 ---
 
 :::note{title="Important Discord Game SDK information"}

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

@@ -2,7 +2,6 @@
 layout: ../../../layouts/DocsLayout.astro
 repo: discord-sdk-godot
 title: Relationship Manager
-draft: true
 ---
 # Variables
 

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

@@ -2,7 +2,6 @@
 layout: ../../../layouts/DocsLayout.astro
 repo: discord-sdk-godot
 title: Users
-draft: true
 ---
 # Methods
 

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

@@ -2,7 +2,6 @@
 layout: ../../../layouts/DocsLayout.astro
 repo: discord-sdk-godot
 title: Utillity or other stuff
-draft: true
 ---
 # Methods 
 ## Run callbacks

src/styles/docs.scss

@@ -0,0 +1,5 @@
+.content{
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+}

src/styles/main.scss

@@ -25,6 +25,17 @@ h1 {
     margin-inline: 10vw;
     margin-bottom: 11vh;
 }
+.second-content {
+    text-align: center;
+    $second-content-clr: #6e6e6e40;
+    background-color: $second-content-clr;
+    border-radius: 25px;
+    border: 1px solid lighten($second-content-clr, 16%);
+    width: 80vh;
+    padding: 1vh;
+    margin-inline: 10vw;
+    margin-bottom: 11vh;
+}
 
 .sidebar{
     position: absolute;