locally run web app that gets all scraped artworks, shows each artwork on a map with all details, allows user to edit how the artwork will appear, outputs cleaned up data points to a json file. Json file to be consumed by the Heart Of The Valley page.

Remove the vulnerable dependency

The URL for this is:
https://www.codeforsanjose.com/heartofthevalley/#listing-art_b960b1e410b14a2e4ad4b9353ee3bcdac8298ff1f366b2572c7855352913ab27

The source for this is:
http://sanjoseca.gov/facilities/facility/details/Public-Art-Ripple-Effect-and-Run-River-R-448

Need to create an override for this item so that the marker is in the correct place (or close to it) on the map.

Right now only headers are in the wiki, so they need to be updated

Create user accounts so community members can suggest changes or suggest a new mural/public art that may be missing from the map. Administrators should be able to review the suggestions through a CMS backend.

Some images are broken, and it might be a result of the web scraper breaking. Needs investigation.

Checklist:

• Fix broken images
• Add a placeholder image in case in the future the image URL is incorrect

• Add a category for: sponsorship, artist(s) website, source, and production team (if these tags exist. They may not exist for the City of San Jose public art collection).
• Remove all html tags from the art.js file
• Move html tags into the main.js functions

The data is currently hardcoded in. An alternative is to create an API that can be managed by administrators.

Create a contact form that'll allow visitors to provide feedback and their experience on Heart of the Valley.

Make a different link color; currently it blends in with the marker header, which is also purple. Alternatively, style links differently that are in the marker header.

Need to store into env variable or config file

There's a collection of SJC sponsored public art (about 200+) that we need to include in the map.

If a user wants to use this app to find directions to get to a mural, what would that look like?

currently, api keys are shown in plain sight in js/main.js

Hide that Mapbox token...

When I visit the website, it doesn't load.

https://www.codeforsanjose.org/heartofthevalley

Is there another URL now, or did something break? @JMStudiosJoe

SJ government has updated their website and that consequently breaks our scrapper.

I've been looking at their website and it appears that the URL has changed to here: https://www.sanjoseca.gov/your-government/departments/office-of-cultural-affairs/public-art/collections

In order to prevent future interruptions, we should look to mirror a local copy (or at least a compressed copy).

Create an about page with more information about the project, how to contribute, etc.

We're looking to organize our code and migrate to Gatsby, so we can more easily maintain our code while still having a static site that we can easily host.

allow image to be added using the POI Manager

The current website requests every image from all image locations, which means if there are hundreds of images from the San Jose Gov website each user will be flooding their website with requests. One solution is to create auto loading pagination so that we only request 10 or so items at a time. This will also reduce lag when browsing the website particularly on low processing power devices.

As a user of the Heart of the Valley website, I want to submit my own artwork and entries to the database, so that I can contribute to the collection.

1. User can select an entry and upload a graphic file.

• User can add their name as the photographer
• User must verify that they have the copyright on the graphic.
• User must provide an email.
• System must check that graphic is in a web format, and meets size and dimension requirements.
• System must provide error/warning if the graphic doesn't meet requirements.
• If graphic is accepted, system must use the graphic until it is removed or replaced (by either admin or new, accepted, graphic submission).
• Graphics can be deleted if they are rejected.
• If graphics are later deleted, the original, or scraped graphic should be used.

2. User can select a point on the map, and add an entry.

• User must be able to click or drag a pointer to a location on the map.
• User must be allowed to add an entry with the required fields.
• User must provide an email.
• User must be allowed to enter an optional graphic. (All requirements from 1. above.)
• User must receive a response after submitting the request, to know that it was successful.
• User should receive an email after their entry is approved (or rejected).
• Entry submission should be packaged for easy administration.
• If the entry is approved, system should create a persistent entry, that is shown to users.

3. User can select an entry and add a comment for the site administrator.

• User must be able to click on comment link for the entry.
• Form must make clear the purpose of comments (to highlight potential errors in the entry).
• Comment submission should be packaged for easy administration.
• User should receive an email after their comment is reviewed.
• Comments should be easy to archive once they are addressed.

4. All forms must be secure.

• Form must have security mechanism to prevent spam, intrusion, and malicious entries, for example, filling the server with multiple large graphics.

Need legal disclaimer that states we do not represent nor endorse the artists explicitly.

Expected behavior:
When a user clicks on the marker on the map, the side menu should automatically display the same mural.

Currently, when a user clicks on the marker, it doesn't fly to the appropriate mural. It works sometimes, but it won't work all the time.

Make the mobile view better.

Include data about art boxes

Links for artwork scraped from the City of San Jose website are broken

For example, the "Source" link for 1737 Trees is https://www.sanjoseca.gov/Facilities/Facility/Details/Public-Art-1737-Trees-City-Hall-Lobby-445, which points to a broken link.

A number of new murals were installed/created Oct 2018 by POW!WOW! San Jose and Empire Seven Studios art gallery. Here is a link to the list of murals.

We need to update the artworks-data/consolidated-artworks.json and js/art.js file with this new information. Please check to make sure they are not already on the list before adding the data.

In order to find the latitude and longitude, please look up the location on OpenStreetMaps: https://www.openstreetmap.org/

Research and add information about sponsorship and/or production behind the public art/mural

Currently, when there is a popup with an extended description the text will be cut-off at the bottom of the screen. One solution to this is to truncate the description after X number of characters and then have a "Read More" link. There are a number of options with what the "Read More" link would do. One option is to flash the active entry on the sidebar to indicate to the user that is where they should look. Another option is to create a specialized popup that will display all of the content without being cut-off.

In the wiki, create a list of public art sources (websites, orgs, artists, etc.)

Keep to San Jose for now.

The map needs filters that allow users to filter the list or the map.

For example, filter art/murals by title, by artist, by subject (if the artwork was organize with subject tags)

NOTE:
This is a big issue and be broken up into a list of tasks. There's some design ideas from Anne-Elise Chung(see the thread), and some suggestions for approach by Minh Nguyen (see the thread).

Add murals from the 2017 POW! WOW! San Jose to Heart of the Valley. To do this, add the information to artworks-overrides.json, and update consolidated-artworks.json and art.js accordingly.

Mural information is here: https://www.powwowsanjose.com/

This issue follows up the issue 70, adding murals from 2018 POW! WOW!

Need to keep track of the product road map

When the user clicks on the title of the artwork on the left sidebar, the map will fly to that marker; however, the sidebar scrolls automatically to the last listing in the sidebar.

When clicking an artwork, map is centered on the Y-axis, not leaving enough space to show the details. The center needs to be moved down a little so that details can be immediately seen.