apply structural changes

* nest examples under single entry * start adjusting color scheme to tailwind colors * add additional resources under "more"
Spantree · Nov 18, 2023 · e38f01c · e38f01c
1 parent 22bf99f
commit e38f01c
Show file tree

Hide file tree

Showing 27 changed files with 45 additions and 24 deletions.
diff --git a/docs/components/_category_.json b/docs/components/_category_.json
diff --git a/docs/example-airbnb/_category_.json b/docs/example-airbnb/_category_.json
diff --git a/docs/example-foosoft/_category_.json b/docs/example-foosoft/_category_.json
diff --git a/docs/examples/_category_.json b/docs/examples/_category_.json
@@ -0,0 +1,4 @@
+{
+  "label": "Examples",
+  "position": 3
+}
diff --git a/docs/examples/airbnb/_category_.json b/docs/examples/airbnb/_category_.json
@@ -0,0 +1,4 @@
+{
+  "label": "Airbnb",
+  "position": 1
+}
diff --git a/docs/example-airbnb/competition.md → docs/examples/airbnb/competition.md b/docs/example-airbnb/competition.md → docs/examples/airbnb/competition.md
diff --git a/docs/example-airbnb/customer-problem.md → docs/examples/airbnb/customer-problem.md b/docs/example-airbnb/customer-problem.md → docs/examples/airbnb/customer-problem.md
diff --git a/docs/example-airbnb/distribution-pricing.md → docs/examples/airbnb/distribution-pricing.md b/docs/example-airbnb/distribution-pricing.md → docs/examples/airbnb/distribution-pricing.md
diff --git a/docs/example-airbnb/introduction.md → docs/examples/airbnb/introduction.md b/docs/example-airbnb/introduction.md → docs/examples/airbnb/introduction.md
diff --git a/docs/example-airbnb/market-type.md → docs/examples/airbnb/market-type.md b/docs/example-airbnb/market-type.md → docs/examples/airbnb/market-type.md
diff --git a/docs/example-airbnb/product.md → docs/examples/airbnb/product.md b/docs/example-airbnb/product.md → docs/examples/airbnb/product.md
diff --git a/docs/examples/foosoft/_category_.json b/docs/examples/foosoft/_category_.json
@@ -0,0 +1,4 @@
+{
+  "label": "Foosoft",
+  "position": 2
+}
diff --git a/docs/example-foosoft/competition.md → docs/examples/foosoft/competition.md b/docs/example-foosoft/competition.md → docs/examples/foosoft/competition.md
diff --git a/docs/example-foosoft/customer-problem.md → docs/examples/foosoft/customer-problem.md b/docs/example-foosoft/customer-problem.md → docs/examples/foosoft/customer-problem.md
diff --git a/docs/example-foosoft/distribution-pricing.md → .../examples/foosoft/distribution-pricing.md b/docs/example-foosoft/distribution-pricing.md → .../examples/foosoft/distribution-pricing.md
diff --git a/docs/example-foosoft/introduction.md → docs/examples/foosoft/introduction.md b/docs/example-foosoft/introduction.md → docs/examples/foosoft/introduction.md
diff --git a/docs/example-foosoft/market-type.md → docs/examples/foosoft/market-type.md b/docs/example-foosoft/market-type.md → docs/examples/foosoft/market-type.md
diff --git a/docs/example-foosoft/product.md → docs/examples/foosoft/product.md b/docs/example-foosoft/product.md → docs/examples/foosoft/product.md
diff --git a/docs/structure/_category_.json b/docs/structure/_category_.json
@@ -0,0 +1,4 @@
+{
+  "label": "The Structure",
+  "position": 2
+}
diff --git a/docs/components/competition.md → docs/structure/competition.md b/docs/components/competition.md → docs/structure/competition.md
diff --git a/docs/components/customer-problem.md → docs/structure/customer-problem.md b/docs/components/customer-problem.md → docs/structure/customer-problem.md
diff --git a/docs/components/distribution-pricing.md → docs/structure/distribution-pricing.md b/docs/components/distribution-pricing.md → docs/structure/distribution-pricing.md
@@ -23,7 +23,7 @@ How will you create demand to drive them into the channel you have chosen, e.g.
 advertising, public relations, retail store promotions, PPC, spam, word of
 mouth, seminars, telemarketing, partners?
 
-## Document how your customers hear about new companies and products:
+## How Customers Hear About You
 
 1. Do they go to trade shows?
 1. What books/magazines/websites do they read or visit?

diff --git a/docs/components/market-type.md → docs/structure/market-type.md b/docs/components/market-type.md → docs/structure/market-type.md
diff --git a/docs/components/product.md → docs/structure/product.md b/docs/components/product.md → docs/structure/product.md
diff --git a/docusaurus.config.ts b/docusaurus.config.ts
@@ -69,19 +69,19 @@ module.exports = {
           },
           {
             type: "doc",
-            docId: "components/product",
+            docId: "structure/product",
             position: "left",
-            label: "Components",
+            label: "The Structure",
           },
           {
             type: "doc",
-            docId: "example-airbnb/introduction",
+            docId: "examples/airbnb/introduction",
             position: "left",
             label: "Airbnb Example",
           },
           {
             type: "doc",
-            docId: "example-foosoft/introduction",
+            docId: "examples/foosoft/introduction",
             position: "left",
             label: "Foosoft Example",
           },
@@ -108,13 +108,20 @@ module.exports = {
               },
             ],
           },
-
           {
             title: "More",
             items: [
               {
-                label: "GitHub",
-                href: "https://github.com/spantree/hypotheses-briefs",
+                label: "The Four Steps to the Ephiphany",
+                href: "https://www.amazon.com/Four-Steps-Epiphany-Steve-Blank/dp/0989200507",
+              },
+              {
+                label: "Steve Blank",
+                href: "https://steveblank.com/",
+              },
+              {
+                label: "Google Design Sprints",
+                href: "http://www.gv.com/sprint/",
               },
             ],
           },

diff --git a/src/css/custom.css b/src/css/custom.css
@@ -6,8 +6,8 @@
 
 /* You can override the default Infima variables here. */
 :root {
-  --ifm-color-primary: #2e8555;
-  --ifm-color-primary-dark: #29784c;
+  --ifm-color-primary: #1e293b;
+  --ifm-color-primary-dark: #4338ca;
   --ifm-color-primary-darker: #277148;
   --ifm-color-primary-darkest: #205d3b;
   --ifm-color-primary-light: #33925d;
@@ -19,8 +19,8 @@
 
 /* For readability concerns, you should choose a lighter palette in dark mode. */
 [data-theme="dark"] {
-  --ifm-color-primary: #25c2a0;
-  --ifm-color-primary-dark: #21af90;
+  --ifm-color-primary: #f1f5f9;
+  --ifm-color-primary-dark: #818cf8;
   --ifm-color-primary-darker: #1fa588;
   --ifm-color-primary-darkest: #1a8870;
   --ifm-color-primary-light: #29d5b0;

diff --git a/src/pages/index.module.css b/src/pages/index.module.css
@@ -8,6 +8,16 @@
   text-align: center;
   position: relative;
   overflow: hidden;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+}
+
+.heroBanner .container {
+  flex-grow: 1;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
 }
 
 @media screen and (max-width: 996px) {