feat: Add Getting Started and Installation guides, enabling the Asciidoctor Tabs extension.

Author: AMDphreak

antora-playbook.yml

@@ -22,6 +22,8 @@ output:
   dir: ./build/site
 
 asciidoc:
+  extensions:
+    - "@asciidoctor/tabs"
   attributes:
     source-highlighter: highlight.js
     icons: font

docs/modules/guide/pages/index.adoc

@@ -18,11 +18,30 @@ It layers on top of the https://gitlab.com/antora/antora-ui-default[Antora Defau
 
 The fastest way to get started:
 
+[tabs]
+====
+pnpm::
++
 [source,bash]
 ----
 pnpm add -D github:the-dev-center/antora-dark-theme
 ----
 
+npm::
++
+[source,bash]
+----
+npm install --save-dev github:the-dev-center/antora-dark-theme
+----
+
+yarn::
++
+[source,bash]
+----
+yarn add -D github:the-dev-center/antora-dark-theme
+----
+====
+
 Then add to your `antora-playbook.yml`:
 
 [source,yaml]

docs/modules/guide/pages/installation.adoc

@@ -8,6 +8,10 @@ There are several ways to add the dark theme to your Antora project.
 
 Install directly from the GitHub repository:
 
+[tabs]
+====
+pnpm::
++
 [source,bash]
 ----
 # Latest version
@@ -17,13 +21,21 @@ pnpm add -D github:the-dev-center/antora-dark-theme
 pnpm add -D github:the-dev-center/antora-dark-theme#v0.1.0
 ----
 
-Or with npm:
-
+npm::
++
 [source,bash]
 ----
 npm install --save-dev github:the-dev-center/antora-dark-theme
 ----
 
+yarn::
++
+[source,bash]
+----
+yarn add -D github:the-dev-center/antora-dark-theme
+----
+====
+
 Then configure your `antora-playbook.yml`:
 
 [source,yaml]
@@ -39,24 +51,60 @@ ui:
 
 If the package is published to npm:
 
+[tabs]
+====
+pnpm::
++
 [source,bash]
 ----
 pnpm add -D antora-dark-theme
-# or
+----
+
+npm::
++
+[source,bash]
+----
 npm install --save-dev antora-dark-theme
 ----
 
+yarn::
++
+[source,bash]
+----
+yarn add -D antora-dark-theme
+----
+====
+
 Same playbook configuration as Method 1.
 
 == Method 3: Install from Release Tarball
 
 Download a specific release directly:
 
+[tabs]
+====
+pnpm::
++
 [source,bash]
 ----
 pnpm add -D https://github.com/the-dev-center/antora-dark-theme/releases/download/v0.1.0/antora-dark-theme-0.1.0.tgz
 ----
 
+npm::
++
+[source,bash]
+----
+npm install --save-dev https://github.com/the-dev-center/antora-dark-theme/releases/download/v0.1.0/antora-dark-theme-0.1.0.tgz
+----
+
+yarn::
++
+[source,bash]
+----
+yarn add -D https://github.com/the-dev-center/antora-dark-theme/releases/download/v0.1.0/antora-dark-theme-0.1.0.tgz
+----
+====
+
 == Method 4: Copy supplemental-ui Folder
 
 For maximum control, copy the `supplemental-ui` folder directly into your project:

package.json

@@ -26,13 +26,14 @@
     "clean": "rimraf build .cache"
   },
   "devDependencies": {
-    "@antora/lunr-extension": "^1.0.0-alpha.8",
+    "@asciidoctor/tabs": "^1.0.0-beta.6",
     "antora": "^3.1.14",
     "http-server": "^14.1.1",
     "rimraf": "^6.0.1"
   },
   "packageManager": "pnpm@10.28.1",
   "dependencies": {
+    "@asciidoctor/tabs": "1.0.0-beta.6",
     "biome": "^0.3.3"
   }
 }