From 7d79dbc221e03cf1beda8b68c6b1e050abb5dbf3 Mon Sep 17 00:00:00 2001
From: jordyarms <jordan@addwonder.com>
Date: Tue, 12 Nov 2024 19:01:16 -0500
Subject: [PATCH] styling distinction on page resource component,
 resources.json update

---
 src/components/FilteredResources/index.tsx    |  3 +-
 .../FilteredResources/styles.module.css       |  5 ++++
 static/json/resources.json                    | 28 +++++++++++++++++--
 3 files changed, 33 insertions(+), 3 deletions(-)
 create mode 100644 src/components/FilteredResources/styles.module.css

diff --git a/src/components/FilteredResources/index.tsx b/src/components/FilteredResources/index.tsx
index 6b4ea86..3a6ab89 100644
--- a/src/components/FilteredResources/index.tsx
+++ b/src/components/FilteredResources/index.tsx
@@ -1,4 +1,5 @@
 import React, { useEffect, useState } from "react";
+import styles from "./styles.module.css"; // Import the CSS module for styling
 
 // Interface for a single resource item
 interface Resource {
@@ -68,7 +69,7 @@ const FilteredResources: React.FC<FilteredResourcesProps> = ({
   }, [matchTag, matchSection]); // Dependencies to trigger the effect
 
   return (
-    <div>
+    <div className={styles.wrapper}>
       {/* If no resources match, show a message */}
       {Object.entries(groupedResources).length === 0 ? (
         <p>No resources found for the selected criteria.</p>
diff --git a/src/components/FilteredResources/styles.module.css b/src/components/FilteredResources/styles.module.css
new file mode 100644
index 0000000..a2558f0
--- /dev/null
+++ b/src/components/FilteredResources/styles.module.css
@@ -0,0 +1,5 @@
+.wrapper {
+  background-color: var(--ifm-hover-overlay);
+  padding: 2rem 1rem;
+  border-radius: 1rem;
+}
diff --git a/static/json/resources.json b/static/json/resources.json
index bc86c2d..ef20e5d 100644
--- a/static/json/resources.json
+++ b/static/json/resources.json
@@ -504,8 +504,8 @@
     "title": "The Basics of Designing & Facilitating Meetings",
     "description": "An article from MIT Human Resources outlining key questions and elements for effective meeting design and facilitation",
     "url": "https://hr.mit.edu/learning-topics/meetings/articles/basics",
+    "section_name": null,
     "category_name": "Learning Sources",
-    "section_name": "iterative and responsive",
     "tag_array": [
       "Facilitation"
     ]
@@ -716,7 +716,7 @@
     "description": "A section from \"The Art of Unix Programming\" by Eric S. Raymond, explaining key principles of UNIX programming",
     "url": "http://www.catb.org/esr/writings/taoup/html/ch01s06.html",
     "category_name": "Ideas",
-    "section_name": "vision setting",
+    "section_name": "iterative and responsive",
     "tag_array": [
       "Product Management",
       "Prototyping",
@@ -904,5 +904,29 @@
     "section_name": null,
     "category_name": "Organizations",
     "tag_array": []
+  },
+  {
+    "title": "Steve Blank's Resource List",
+    "description": "Startup Tools List",
+    "url": "https://steveblank.com/tools-and-blogs-for-entrepreneurs/#startup-tools",
+    "section_name": null,
+    "category_name": "Resource Collections",
+    "tag_array": []
+  },
+  {
+    "title": "Civic Tech Patterns – Code for America",
+    "description": null,
+    "url": "https://github.com/codeforamerica/civic-tech-patterns",
+    "section_name": null,
+    "category_name": "Ideas",
+    "tag_array": []
+  },
+  {
+    "title": "Fundraising Start Here from the Commons  Library",
+    "description": "A guide to resources in the Fundraising Topic on the Commons Library.",
+    "url": "https://commonslibrary.org/fundraising-topic-overview/",
+    "section_name": null,
+    "category_name": "Methodology",
+    "tag_array": []
   }
 ]
\ No newline at end of file