Add component for tool list with filters

.devcontainer/devcontainer.json

@@ -34,6 +34,6 @@
   },
   // Use 'forwardPorts' to make a list of ports inside the container available locally.
   "forwardPorts": [
-    8002
+    8002, 6006
   ]
 }

.eslintrc.js

@@ -21,7 +21,6 @@ module.exports = {
     '**/node_modules/**',
     '**/src/schema/**',
     '**/src/mock/**',
-    '**/*.stories.tsx',
   ],
   rules: {
     'react/no-unknown-property': ['error', { ignore: ['css'] }],

.gitignore

@@ -76,3 +76,5 @@ yarn-error.log
 .pnp.js
 # Yarn Integrity file
 .yarn-integrity
+
+*storybook.log

package.json

@@ -24,5 +24,9 @@
     "react-dom": "^18.2.0",
     "typescript": "^4.7.2"
   },
-  "packageManager": "[email protected]"
+  "packageManager": "[email protected]",
+  "dependencies": {
+    "gatsby-source-filesystem": "^5.13.1",
+    "gatsby-transformer-json": "^5.13.1"
+  }
 }

sites/devsite/content/data/tools.json

@@ -0,0 +1,62 @@
+[
+  {
+    "toolId": "toola",
+    "name": "Tool A",
+    "description": "This is Tool A",
+    "url": "https://www.example.com",
+    "purpose": ["Purpose A"],
+    "compliance": ["Compliance A"],
+    "interface": ["Interface A"],
+    "resolution": ["Resolution A"]
+  },
+  {
+    "toolId": "toolb",
+    "name": "Tool B",
+    "description": "This is Tool B",
+    "url": "https://google.com",
+    "purpose": ["Purpose A", "Purpose B"],
+    "compliance": ["Compliance A"],
+    "interface": ["Interface A", "Interface B"],
+    "resolution": ["Resolution A", "Resolution B"]
+  },
+  {
+    "toolId": "toolc",
+    "name": "Tool Catastrophic Calmity Construction Company C Clarification Center",
+    "description": "This is Tool C",
+    "url": "https://staging.phlux.riverscapes.net",
+    "purpose": ["Purpose C"],
+    "compliance": ["Compliance C"],
+    "interface": ["Interface C"],
+    "resolution": ["Resolution C"]
+  },
+  {
+    "toolId": "toold",
+    "name": "Tool D",
+    "description": "This is Tool D",
+    "url": "https://www.example.com",
+    "purpose": ["Purpose A", "Purpose B", "Purpose D"],
+    "compliance": ["Compliance A"],
+    "interface": ["Interface A", "Interface B", "Interface D"],
+    "resolution": ["Resolution A", "Resolution B", "Resolution D"]
+  },
+  {
+    "toolId": "toole",
+    "name": "Tool E",
+    "description": "This is Tool E. Tool E was meant to provide a description that is longer than the others. Much, much longer. It's a good thing that we have a lot of space to work with here. Man, come to think of it, do we even have enough space?\n\nNahhh... I'm sure it's fine. But just in case, maybe I should stop describing TOOL E soon. \n So... Tool E is a tool that helps with E's. It's a great tool. You should use it.",
+    "url": "https://github.com/Riverscapes",
+    "purpose": ["Purpose C", "Purpose E"],
+    "compliance": ["Compliance C"],
+    "interface": ["Interface C", "Interface E"],
+    "resolution": ["Resolution C", "Resolution E"]
+  },
+  {
+    "toolId": "toolf",
+    "name": "Tool F",
+    "description": "This is Tool F",
+    "url": "https://www.example.org",
+    "purpose": ["Purpose B"],
+    "compliance": ["Compliance B"],
+    "interface": ["Interface B"],
+    "resolution": ["Resolution F", "Resolution B"]
+  }
+]

sites/devsite/content/page/contentPages/contentSubFolder/index.mdx

@@ -1,8 +1,6 @@
 ---
 title: SubPage
 banner: true
-image: ../../../../src/images/card-image.jpg
-imageAlt: "Image Alt Sample"
 ---
 
 Consectetur laboris eiusmod ad eiusmod nostrud proident est voluptate officia tempor. Exercitation eiusmod deserunt occaecat elit. Voluptate sunt sint veniam velit cillum magna occaecat ut cillum eiusmod pariatur ullamco ad. Excepteur culpa veniam duis nostrud Lorem duis aliquip elit adipisicing mollit consequat. Est excepteur amet cupidatat excepteur nostrud. Sunt sunt aliquip excepteur ea consequat.

sites/devsite/content/page/contentPages/index.mdx

@@ -1,8 +1,6 @@
 ---
 title: Content Page
 banner: true
-description: "Some description text here"
-blurb: "Learn about RC Industry Standards that make collaborating, contributing and sharing easier in a F-A-I-R way."
 ---
 
 ## Subheader H2