docs: minor string fixes

Author: dxlliv

.github/workflows/deploy.yml

@@ -31,23 +31,21 @@ jobs:
         with:
           node-version: "22"
           cache: "pnpm"
-          cache-dependency-path: docs/pnpm-lock.yaml
+          cache-dependency-path: pnpm-lock.yaml
 
       - name: Setup Pages
         uses: actions/configure-pages@v5
 
       - name: Install dependencies
         run: pnpm install
-        working-directory: docs
 
       - name: Static HTML export
         run: pnpm run build
-        working-directory: docs
 
       - name: Upload artifact
         uses: actions/upload-pages-artifact@v3
         with:
-          path: docs/.output/public
+          path: .output/public
 
   deploy:
     environment:

app.config.ts

@@ -51,6 +51,26 @@ export default defineAppConfig({
 
   header: {
     title: 'Open Web Desktop',
+    links: [
+      {
+        icon: 'i-lucide-package',
+        label: 'Apps',
+        to: 'https://github.com/topics/owd-apps',
+        target: '_blank'
+      },
+      {
+        icon: 'i-lucide-palette',
+        label: 'Themes',
+        to: 'https://github.com/topics/owd-themes',
+        target: '_blank'
+      },
+      {
+        icon: 'i-lucide-boxes',
+        label: 'Modules',
+        to: 'https://github.com/topics/owd-modules',
+        target: '_blank'
+      }
+    ]
   },
 
   seo: {

app/app.css

@@ -68,7 +68,7 @@ html.dark {
   --ui-bg: #0b0c10;
   --ui-bg-elevated: #16171d;
   --ui-border: rgba(255, 255, 255, 0.06);
-  --ui-primary: #00dc82;
+  --ui-primary: #079b9b;
 }
 
 .dark body,
@@ -119,15 +119,15 @@ html.dark header {
   margin-top: 4rem;
 }
 
-[data-slot="features"] > * {
+[data-slot="features"]>* {
   background: rgba(255, 255, 255, 0.03);
   border: 1px solid rgba(255, 255, 255, 0.05);
   border-radius: 16px;
   padding: 2rem;
   transition: all 0.3s ease;
 }
 
-.dark [data-slot="features"] > *:hover {
+.dark [data-slot="features"]>*:hover {
   background: rgba(255, 255, 255, 0.05);
   border-color: rgba(0, 220, 130, 0.2);
   transform: translateY(-4px);
@@ -190,7 +190,7 @@ html.dark header {
   }
 }
 
-[data-page="index"] .prose > :last-child {
+[data-page="index"] .prose> :last-child {
   margin-bottom: 0;
 }
 
@@ -218,4 +218,4 @@ html.dark header {
 
 .docs-footer-line .docs-footer-brand span {
   color: var(--ui-primary);
-}
+}

app/assets/css/tokens.css

@@ -44,4 +44,4 @@ html.dark {
   --pg-danger-text: #fecdd3;
   --pg-danger-bg: rgba(251, 113, 133, 0.12);
   --pg-danger-border: rgba(251, 113, 133, 0.25);
-}
+}

app/components/app/AppHeaderCTA.vue

@@ -1,12 +1,42 @@
 <template>
-  <UButton
-    to="/getting-started/installation"
-    color="primary"
-    variant="soft"
-    size="sm"
-    trailing-icon="i-lucide-arrow-right"
-    class="hidden sm:inline-flex"
-  >
-    Get started
-  </UButton>
+  <div class="flex items-center gap-2">
+    <UButton
+      to="https://github.com/topics/owd-apps"
+      target="_blank"
+      color="neutral"
+      variant="ghost"
+      icon="i-lucide-package"
+      class="hidden lg:inline-flex"
+      title="Apps"
+    />
+    <UButton
+      to="https://github.com/topics/owd-themes"
+      target="_blank"
+      color="neutral"
+      variant="ghost"
+      icon="i-lucide-palette"
+      class="hidden lg:inline-flex"
+      title="Themes"
+    />
+    <UButton
+      to="https://github.com/topics/owd-modules"
+      target="_blank"
+      color="neutral"
+      variant="ghost"
+      icon="i-lucide-boxes"
+      class="hidden lg:inline-flex"
+      title="Modules"
+    />
+
+    <UButton
+      to="/getting-started/introduction"
+      color="primary"
+      variant="soft"
+      size="sm"
+      trailing-icon="i-lucide-arrow-right"
+      class="hidden sm:inline-flex ml-2"
+    >
+      Get started
+    </UButton>
+  </div>
 </template>

app/components/content/HomeCodeTerminal.vue

@@ -42,7 +42,7 @@ function copy() {
 }
 
 .code-terminal:hover {
-  border-color: rgba(0, 220, 130, 0.4);
+  border-color: #079b9b;
   background: #1e1e2e;
   transform: translateY(-2px);
 }
@@ -54,7 +54,7 @@ function copy() {
 }
 
 .prompt {
-  color: #00dc82;
+  color: grey;
   user-select: none;
 }