styling distinction on page resource component, resources.json update

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>

src/components/FilteredResources/styles.module.css

@@ -0,0 +1,5 @@
+.wrapper {
+  background-color: var(--ifm-hover-overlay);
+  padding: 2rem 1rem;
+  border-radius: 1rem;
+}

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": []
   }
 ]