Add homepage

Author: xPaw

.vitepress/config.mts

@@ -2,12 +2,18 @@ import { defineConfig } from "vitepress";
 
 export default defineConfig({
     title: "ModDota",
+    description: "Community-driven Dota 2 modding resource",
+    lang: "en-US",
     head: [["link", { rel: "icon", href: "/images/favicon.ico" }]],
     srcDir: "_articles",
     outDir: "build",
     cleanUrls: true,
     ignoreDeadLinks: [/\.fbx$/],
 
+    markdown: {
+        lineNumbers: true,
+    },
+
     themeConfig: {
         logo: "/images/logo.svg",
 
@@ -25,7 +31,6 @@ export default defineConfig({
         socialLinks: [{ icon: "discord", link: "https://discord.gg/gRmZgvz" }],
 
         sidebar: [
-            { text: "Introduction", link: "/" },
             { text: "Getting Started", link: "/getting-started" },
             { text: "Scripting Introduction", link: "/scripting-introduction" },
             {
@@ -265,6 +270,9 @@ export default defineConfig({
             { text: "Contribute", link: "/contribute" },
         ],
 
+        externalLinkIcon: true,
+        outline: [2, 3],
+
         editLink: {
             pattern: "https://github.com/ModDota/moddota.github.io/edit/source/_articles/:path",
         },
@@ -283,7 +291,7 @@ export default defineConfig({
         publicDir: "../static",
     },
 
-    markdown: {
-        languages: ["lua"],
+    sitemap: {
+        hostname: "https://moddota.com/",
     },
 });

_articles/index.md

@@ -1,20 +1,50 @@
 ---
-title: Introduction
+layout: home
+
+hero:
+  name: ModDota
+  text: Dota 2 Custom Game Development
+  tagline: Community-driven tutorials and resources for Dota 2 modding
+  image:
+    src: /images/logo.svg
+    alt: ModDota
+  actions:
+    - theme: brand
+      text: Get Started
+      link: /getting-started
+    - theme: alt
+      text: Lua API
+      link: https://moddota.com/api/
+    - theme: alt
+      text: Join Discord
+      link: https://discord.gg/gRmZgvz
+
+features:
+  - title: Abilities & Modifiers
+    details: Learn to create custom abilities, items, and modifiers using Lua or datadriven KeyValues.
+    link: /abilities/ability-keyvalues
+  - title: Panorama UI
+    details: Build custom user interfaces with Panorama, Valve's UI framework, using XML, CSS, and JavaScript or TypeScript.
+    link: /panorama/inclusive-panorama-ui
+  - title: TypeScript
+    details: Use TypeScript for both game logic and Panorama UI with full type safety and autocompletion.
+    link: /scripting/Typescript/typescript-introduction
+  - title: Maps & Models
+    details: Create custom maps with Hammer, import models, and work with materials and textures.
+    link: /assets/maps/hammer-tutorials
+  - title: Particles & Sounds
+    details: Design custom particle effects and add custom sounds to bring your game to life.
+    link: /assets/particles/particle-tutorial
+  - title: Scripting & Systems
+    details: Implement game systems like item drops, shops, filters, and more with Lua scripting.
+    link: /scripting/custom-mana-system
 ---
 
-# Introduction
-
-
-ModDota is an English-speaking community for Dota 2 Custom Game developers. This website collects tutorials made by its community, that would help you to make your own custom game.
-
-<div style="font-size: 28px">
-
-New to modding? Check out our [Getting Started](getting-started) guide.
-
-Or follow a video tutorial series:
-
-</div>
-
+<div style="display: flex; gap: 16px;">
+<div style="flex: 1;">
 <YouTube playlistId="PL7yysLaMSd3uY4iJKJdRrTkN1gYePkMz2" />
-
+</div>
+<div style="flex: 1;">
 <YouTube playlistId="PLyIBVOr2Rw7H5e8JkEF9C9GCf3RsODsuD" />
+</div>
+</div>

_articles/scripting/Typescript/typescript-introduction.md

@@ -14,7 +14,7 @@ Typescript is more strict compared to Lua, will use types to enforce certain fun
 
 Typescript can work well with most editors using plugins, however, [VSCode](https://code.visualstudio.com/) is recommended as it comes with Typescript support built in, and is a very powerful editor.
 
-<StaticVideo path="videos/ts_example.mp4" controls="true" />
+<StaticVideo path="/videos/ts_example.mp4" controls="true" />
 
 ## Pros and Cons for using Typescript
 

static/robots.txt

@@ -0,0 +1,4 @@
+User-agent: *
+Allow: /
+
+Sitemap: https://moddota.com/sitemap.xml