rename "integration" guide to "usage"

WickyNilliams · Mar 26, 2024 · 8268860 · 8268860
1 parent 66b8c82
commit 8268860
Show file tree

Hide file tree

Showing 4 changed files with 15 additions and 18 deletions.
diff --git a/docs/src/pages/guides/index.astro b/docs/src/pages/guides/index.astro
@@ -13,16 +13,16 @@ import Link from "../../components/Link.astro";
 
     <ul>
       <li>
-        <Link href="/guides/frameworks/">Frameworks</Link> - integrating Cally with
-        your framework of choice
+        <Link href="/guides/frameworks/">Frameworks</Link> - integrating with your
+        framework of choice
       </li>
       <li>
         <Link href="/guides/theming/">Theming</Link> - customizing the look and feel
-        of Cally to match your app
+        to match your app
       </li>
       <li>
-        <Link href="/guides/integration/">Integration</Link> - integrating Cally
-        with your existing components
+        <Link href="/guides/usage/">Usage</Link> - integrating with your existing
+        components to build more complex UIs
       </li>
     </ul>
   </p>

diff --git a/docs/src/pages/guides/theming.astro b/docs/src/pages/guides/theming.astro
@@ -593,8 +593,8 @@ const colorTextOnAccent = "#ffffff";
   <p>
     To find out more about each component, please see the respective
     <Link href="/components/">component API</Link> docs. Or visit the
-    <Link href="/guides/integration/">integration</Link> guide for an in-depth look
-    at how to use Cally with existing components.
+    <Link href="/guides/usage/">usage</Link> guide for an in-depth look at how to
+    use Cally with existing components.
   </p>
 </Layout>
 

diff --git a/docs/src/pages/guides/integration.astro → docs/src/pages/guides/usage.astro b/docs/src/pages/guides/integration.astro → docs/src/pages/guides/usage.astro
@@ -7,7 +7,7 @@ import Heading from "../../components/Heading.astro";
 import Link from "../../components/Link.astro";
 ---
 
-<Layout title="Integration">
+<Layout title="Usage">
   <link
     slot="head"
     rel="stylesheet"
@@ -20,7 +20,7 @@ import Link from "../../components/Link.astro";
     src="https://cdn.jsdelivr.net/npm/@shoelace-style/[email protected]/cdn/shoelace.js"
   ></script>
 
-  <h1 slot="intro">Integrating with other components</h1>
+  <h1 slot="intro">Usage with existing components</h1>
   <PageIntro slot="intro">Let's build a date range picker</PageIntro>
 
   <p>

diff --git a/docs/src/pages/index.astro b/docs/src/pages/index.astro
@@ -35,10 +35,8 @@ const tagline = "Small, feature-rich calendar components";
       logical properties, RTL support
     </li>
     <li>
-      <strong>Themeable</strong> - CSS
-      <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/::part">parts</a
-      >
-      and custom properties to offer flexibility and power
+      <strong>Themeable</strong> - CSS parts and custom properties to offer flexibility
+      and power
     </li>
     <li>
       <strong>Composable</strong> - impose no DOM specific structure, play well with
@@ -156,11 +154,10 @@ const tagline = "Small, feature-rich calendar components";
   <p>
     For a detailed look at each component, check out the respective
     <Link href="/components/">component API</Link> docs. The
-    <Link href="/guides/theming/">theming</Link> guide to explains how to style the
-    components to match your designs. And the
-    <Link href="/guides/integration/">integration</Link> guide explains how to compose
-    Cally's components to build a date/range picker using your own or third-party
-    components.
+    <Link href="/guides/">guides</Link> section offers walkthroughs on
+    <Link href="/guides/theming/">theming</Link>,
+    <Link href="/guides/frameworks/">framework integration</Link>, and
+    <Link href="/guides/usage/">usage with existing components</Link>.
   </p>
 
   <p>