wrapping up new homepage

dmno-dev · Dec 25, 2024 · 0e97ec4 · 0e97ec4
1 parent 47567f9
commit 0e97ec4
Show file tree

Hide file tree

Showing 22 changed files with 532 additions and 1,005 deletions.
diff --git a/packages/docs-site/astro.config.ts b/packages/docs-site/astro.config.ts
@@ -109,10 +109,6 @@ export default defineConfig({
         {
           label: 'Get Started',
           items: [
-            {
-              label: 'Home',
-              link: '/docs/',
-            },
             {
               label: 'Quickstart',
               link: '/docs/get-started/quickstart/',

diff --git a/packages/docs-site/package.json b/packages/docs-site/package.json
@@ -40,6 +40,7 @@
     "eslint-plugin-mdx": "^3.1.5",
     "less": "^4.2.0",
     "nanostores": "^0.10.3",
+    "postcss-nested": "^7.0.2",
     "sharp": "^0.33.4",
     "starlight-blog": "^0.11.1",
     "starlight-links-validator": "^0.10.1",

diff --git a/packages/docs-site/src/postcss.config.cjs → packages/docs-site/postcss.config.cjs b/packages/docs-site/src/postcss.config.cjs → packages/docs-site/postcss.config.cjs
@@ -2,5 +2,6 @@ module.exports = {
   plugins: [
     // require('autoprefixer'),
     // require('cssnano'),
+    require('postcss-nested'),
   ],
 };
diff --git a/packages/docs-site/public/_redirects b/packages/docs-site/public/_redirects
@@ -0,0 +1 @@
+/docs/ /docs/get-started/quickstart/
diff --git a/packages/docs-site/src/components/CustomStarlightBanner.astro b/packages/docs-site/src/components/CustomStarlightBanner.astro
@@ -15,15 +15,13 @@ const showDefaultBanner =
       <div class="sl-banner__wrap-inner">
         {banner && <div class="sl-banner" set:html={banner.content} />}
         {showDefaultBanner && (
-          <>
-            <div class="sl-banner info richtext">
-              ✨ If you've tried DMNO or looked through the docs,{" "}
-              <a href="https://forms.gle/AfM99kTJ9p1c25g86" target="_blank">
-                let us know
-              </a>
-              what you think!
-            </div>
-          </>
+          <div class="sl-banner info richtext">
+            ✨ If you've tried DMNO or looked through the docs,{" "}
+            <a href="https://forms.gle/AfM99kTJ9p1c25g86" target="_blank">
+              let us know
+            </a>
+            what you think!
+          </div>
         )}
       </div>
     </div>

diff --git a/packages/docs-site/src/components/Hero.astro b/packages/docs-site/src/components/Hero.astro
@@ -57,8 +57,8 @@ const { heading, subheading } = Astro.props as Props;
     /* the "g" masking is cut off without some padding */
     padding-bottom: 0.1em;
 
-    --color-one: var(--brand-pink);
-    --color-two: var(--brand-purple);
+    --color-one: var(--brand-pink--text);
+    --color-two: var(--brand-purple--text);
 
     background-color: var(--color-two);
     background: linear-gradient(

diff --git a/packages/docs-site/src/components/IconGraph/AnimatedDot.vue b/packages/docs-site/src/components/IconGraph/AnimatedDot.vue
diff --git a/packages/docs-site/src/components/IconGraph/ConnectionLine.vue b/packages/docs-site/src/components/IconGraph/ConnectionLine.vue