Add filters to Resources page

[theecrit]

What are you submitting?

Place an x in the appropriate bracket:

• [ ] Bug (something's broken)
• [x] Feature request or improvement
• [ ] Content update
• [ ] Question
• [ ] Other

Description

Currently, resources aren't super easy to navigate. Let's make them easier to scan and search for what you need! Initially, it may be easiest to convert each resource into a Bootstrap card, and take a similar approach to the Projects page filter.

Filter taxonomy

Note that this taxonomy requires supporting multiple tags per resource.

Potential topics (would be best to maintain a controlled vocabulary)

• Career
• Civic and gov tech
• Code for America
• Data
• Design and engineering
• Oakland government
• OpenOakland management
• Project management
• User research and testing

Potential types (again, should use a controlled vocabulary)

• Reusable components
• Guides and tutorials
• Reference
• Templates
• Tools and software
• Featured (use for displaying the default view)

Content

How we handle the actual resource object may impact implementation. Resources can either be externally-hosted documents (including OO-owned docs hosted on our Google Drive or other offsite locations), or could in theory also be self-hosted pages on the website itself.

Summary card content:

• Title
• Thumbnail (optional)
• Description (1-2 sentences max)
• Link
• Type tags
• Category tags

Thank you!

[theecrit]

Potential resource: https://isotope.metafizzy.co/