docs: #202 style home page cta

Author: thescientist13

docs/assets/copy-button.svg

@@ -1,6 +1,7 @@
 .container {
-  margin: var(--size-4) 0;
-  padding: var(--size-4);
+  width: 100%;
+  margin: var(--size-1) 0;
+  padding: var(--size-2);
   background-color: #e7e8ea;
   border-radius: var(--radius-4);
   color: var(--color-primary);
@@ -18,6 +19,35 @@
   box-shadow: var(--shadow-2);
   margin: var(--size-px-2) 0;
   text-align: center;
-  padding: var(--size-1);
+  padding: var(--size-2);
   display: block;
+
+  & pre {
+    font-size: var(--font-size-1);
+  }
+
+  & wcc-ctc-button {
+    display: none;
+  }
+}
+
+@media (min-width: 768px) {
+  .container {
+    width: 80%;
+    margin: 0 auto;
+    padding: var(--size-4);
+  }
+}
+
+@media (min-width: 430px) {
+  & pre {
+    display: inline;
+    vertical-align: text-top;
+  }
+
+  .snippet {
+    & wcc-ctc-button {
+      display: inline;
+    }
+  }
 }

docs/components/banner-cta/banner-cta.module.css

@@ -3,5 +3,9 @@
   border: none;
   cursor: copy;
   border-radius: var(--radius-3);
-  background-color: var(--color-green-pale);
+  background-color: var(--color-accent);
+
+  & svg {
+    outline: var(--color-white);
+  }
 }

docs/components/ctc-button/ctc-button.css

@@ -2,8 +2,10 @@
 collection: nav
 order: 1
 imports:
+  - ../styles/home.css
   - ../components/banner-splash/banner-splash.tsx type="module" data-gwd-opt="static"
   - ../components/banner-cta/banner-cta.tsx type="module" data-gwd-opt="static"
+  - ../components/ctc-button/ctc-button.tsx type="module"
 ---
 
 <wcc-banner-splash></wcc-banner-splash>

docs/pages/index.md

@@ -0,0 +1,4 @@
+.page-outlet {
+  margin: 0 auto;
+  padding: 0;
+}

docs/styles/home.css

@@ -1,5 +1,5 @@
 diff --git a/node_modules/@greenwood/cli/src/lib/layout-utils.js b/node_modules/@greenwood/cli/src/lib/layout-utils.js
-index 8dd051d..ba3566c 100644
+index 8dd051d..784a1ee 100644
 --- a/node_modules/@greenwood/cli/src/lib/layout-utils.js
 +++ b/node_modules/@greenwood/cli/src/lib/layout-utils.js
 @@ -81,6 +81,7 @@ async function mergeContentIntoLayout(
@@ -21,15 +21,18 @@ index 8dd051d..ba3566c 100644
            if (isCssFile) {
              return true;
            }
-@@ -184,7 +189,7 @@ async function mergeContentIntoLayout(
+@@ -184,9 +189,9 @@ async function mergeContentIntoLayout(
        ...(
          await asyncFilter(customImports, async (resource) => {
            const [src] = resource.split(" ");
 -          const isSupportedScript = ["js", "ts"].includes(src.split(" ")[0].split(".").pop());
 +          isSupportedScript.includes(src.split(" ")[0].split(".").pop());
 
-           if (isSupportedScript) {
+-          if (isSupportedScript) {
++          if(isSupportedScript.includes(src.split(" ")[0].split(".").pop())) {
              return true;
+           }
+ 
 diff --git a/node_modules/@greenwood/cli/src/plugins/copy/plugin-copy-favicon.js b/node_modules/@greenwood/cli/src/plugins/copy/plugin-copy-favicon.js
 index 024232f..53f60a2 100644
 --- a/node_modules/@greenwood/cli/src/plugins/copy/plugin-copy-favicon.js