openmaine / covid19-foodmap Goto Github PK
View Code? Open in Web Editor NEWMapping food pantry info and hours during covid-19 crisis
Home Page: https://pantries.openmaine.org
License: GNU Affero General Public License v3.0
Mapping food pantry info and hours during covid-19 crisis
Home Page: https://pantries.openmaine.org
License: GNU Affero General Public License v3.0
Error: Attribute alt not allowed on element a at this point.
From line 210, column 17; to line 210, column 130
<a href="https://waysidemaine.org/community-resources" alt="Wayside Maine Website" target="_blank" rel="noopener">↩
Attributes for element a:
Global attributes
href — Address of the hyperlink
target — Browsing context for hyperlink navigation
download — Whether to download the resource instead of navigating to it, and its file name if so
ping — URLs to ping
rel — Relationship between the location in the document containing the hyperlink and the destination resource
hreflang — Language of the linked resource
type — Hint for the type of the referenced resource
referrerpolicy — Referrer policy for fetches initiated by the element
Add an "Is Active" column to the spreadsheet might deserve priority so we can filter out bad results. Whatever values used need to be consistent (perhaps 'yes'/'no'?). Data validation rules can be setup in the sheet to enforce this.
Remove the "Covid-19 Hours" column. I think this was confusing to volunteers because most only used 'Covid-19 Days of Week'. All hours entries have been moved into 'Covid-19 Days of Week' already, but the column should still be removed to prevent future issues.
Some operational/covid-19 notes say things like 'No changes as yet'. These were misused as internal notes and need to be updated to be user-facing. Some notes are also long narratives that should be made more succinct and clear.
Error: Attribute alt not allowed on element a at this point.
From line 244, column 75; to line 244, column 162
a Brigade OpenMa
Attributes for element a:
Global attributes
href — Address of the hyperlink
target — Browsing context for hyperlink navigation
download — Whether to download the resource instead of navigating to it, and its file name if so
ping — URLs to ping
rel — Relationship between the location in the document containing the hyperlink and the destination resource
hreflang — Language of the linked resource
type — Hint for the type of the referenced resource
referrerpolicy — Referrer policy for fetches initiated by the element
If the user zooms to the current device location on page load, then county and town filters should be automatically applied. This should occur only if there are no URL query parameters present.
We should be able to reverse geocode the device coordinates to accomplish this.
The Android keyboard pushes the zip code text field out of view on the map page. This forces zip selection via the "locate me" button.
Find a way to ensure that the zip field is accessible for free entry on mobile devices.
This would be a starting point for anyone newly engaging in the project. Copying this from How to Make Your Project Contributor Friendly
Error: The value of the for attribute of the label element must be the ID of a non-hidden form control.
From line 96, column 19; to line 96, column 39
<label for="zipcode"><stron
Organizers requested General Assistance office locations. Need to do some research on how to find this dataset.
Consider avoiding viewport values that prevent users from resizing documents.
From line 5, column 3; to line 5, column 111
utf-8">↩ ↩ <me
Javascript errors occur in Edge that prevent the page from loading. The errors are not present in Chrome. The cause may be related to how promises are being handled.
(Working with Maine People’s Alliance and other resources)
OpenMaine hasn't really figured out a consistent way to do this, but one example is the MaineBallot site:
https://maineballot.org/contributors/
This is both a content and a technical thing, though of course it's not technically hard to put this info out there, so more about creating the content.
Content is added to and removed from the DOM depending on screen width so that both mobile and desktop-friendly UIs can be formed. This destroys change listeners and the setup of select2 inputers.
When moving between the desktop-mobile boundary, a full reinitialization of inputs and handlers needs to be performed.
Error: An img element must have an alt attribute, except under certain conditions. For details, consult guidance on providing text alternatives for images.
From line 173, column 11; to line 173, column 63
<img class="img-thumbnail" src="images/produce.jpg"/>↩
Error: No p element in scope but a p end tag seen.
From line 170, column 11; to line 170, column 14
</p>↩
Something about that the site was created by volunteers
We are continually working to improve it
Some of the data is missing or incorrect -- please use the comment form to let us know, so that we can improve the site
...
Error: An img element must have an alt attribute, except under certain conditions. For details, consult guidance on providing text alternatives for images.
From line 150, column 11; to line 150, column 66
<img class="img-thumbnail" src="images/apple_red.jfif"/>↩
Maine People’s Alliance staff can also likely help!
If no url query parameters are present on map page load, then apply a default set of categories. 'Meal sites' and 'Food panty' would be a good start
The icons were confusing to me at first, partly because they are very cluttered in some views.
These locations are geocoded incorrectly:
Category: "Food Pantry"
Name: "UVEC Food Pantry"
County: "Aroostook"
Town: "Sherman"
Address: "36 School Street, Suite #4↵Sherman ME 04776"
Phone: "(207)365-7631"
InitialsOfResearcher: "jg"
DateUpdated: "4-7-20"
VerificationMethod: "call"
Covid19DaysOfWeek: "2nd Tues of the month 9am-1pm"
Covid19Hours: ""
Covid19PickupNotes: "No forms will be needed and a pre-packed box will be brought out to cars to limit contact"
OtherNotes: "There is a website http://uvecfoodpantry.org/ where up to date info can be found "
HoursOfOperationOldFromExistingData: "2nd Tuesday of the month from 9:00 AM - 1:00 PM. Available for emergencies."
OperationalNotesFromWebExistingData: "To be determined."
WebLink: "http://www.uvecfoodpantry.org/uvec_food_pantry.aspx"
AdditionalWebLink: ""
Latitude: "53.76865"
Longitude: "-2.41538"
Category: "Food Pantry"
Name: "Orient Food Pantry"
County: "Aroostook"
Town: "Orient"
Address: "82 Schoolhouse Rd #25↵Orient ME 04471"
Phone: "(207)448-7729"
InitialsOfResearcher: "ERS"
DateUpdated: "4/10/20"
VerificationMethod: "Town of Orient answering machine, no updated info"
Covid19DaysOfWeek: ""
Covid19Hours: ""
Covid19PickupNotes: ""
OtherNotes: ""
HoursOfOperationOldFromExistingData: "1st Friday after the 1st Tuesday 10:00 AM - 1:00 PM."
OperationalNotesFromWebExistingData: "Preboxing with delivery to vehicles."
WebLink: ""
AdditionalWebLink: ""
Latitude: "12.58478"
Longitude: "-81.70513"
Both should be nominally in Aroostook county.
Add a method for finding all results within a specified radius of a zip code. Search results should be subject to all other applied filters.
Error: The first child option element of a select element with a required attribute, and without a multiple attribute, and without a size attribute whose value is greater than 1, must have either an empty value attribute, or must have no text content. Consider either adding a placeholder option label, or adding a size attribute with a value equal to the number of option elements.
From line 88, column 21; to line 88, column 37
<option value=10>10</op
E.g., the question would be 'where are foodbanks near augusta'?
Error: Element div not allowed as child of element button in this context. (Suppressing further errors from this subtree.)
From line 81, column 21; to line 81, column 46
<div class="toggle-label">locate
Contexts in which element div may be used:
Where flow content is expected.
As a child of a dl element.
Content model for element button:
Phrasing content, but there must be no interactive content descendant.
Accessing a user's location is not possible in Chrome on in sites that do not have SSL encryption. The JS getCurrentPosition() and watchPosition() functions no longer work on insecure origins.
Investigate adding an SSL certificate (inMotion likely has a paid option. Possible to use Let's Encrypt as a free alternative?) so the site so the site can be accessed via https. Without this, features like 'locate me' cannot be used on openmaine.org
Information is provider by the Good Shephard Food Bank and updated by volunteers from Mainers Together.
The map should auto-center on the selected county or town when filters are selected. This will require that we maintain a mapping from counties and towns to latitude and longitude coordinates.
Error: Attribute alt not allowed on element a at this point.
From line 223, column 17; to line 223, column 165
<a href="https://www.maine.gov/dacf/ard/tefap/bytown.shtml" alt="Visit The Emergency Food Assistance Program website" target="_blank" rel="noopener">↩
Attributes for element a:
Global attributes
href — Address of the hyperlink
target — Browsing context for hyperlink navigation
download — Whether to download the resource instead of navigating to it, and its file name if so
ping — URLs to ping
rel — Relationship between the location in the document containing the hyperlink and the destination resource
hreflang — Language of the linked resource
type — Hint for the type of the referenced resource
referrerpolicy — Referrer policy for fetches initiated by the element
Error: Attribute alt not allowed on element a at this point.
From line 200, column 17; to line 200, column 105
<a href="https://211maine.org/" alt="2-1-1 Maine Website" target="_blank" rel="noopener">↩
Attributes for element a:
Global attributes
href — Address of the hyperlink
target — Browsing context for hyperlink navigation
download — Whether to download the resource instead of navigating to it, and its file name if so
ping — URLs to ping
rel — Relationship between the location in the document containing the hyperlink and the destination resource
hreflang — Language of the linked resource
type — Hint for the type of the referenced resource
referrerpolicy — Referrer policy for fetches initiated by the element
In creating this resource, we have the responsibility to keep it correct and keep it updated.
It's not sufficient to make a list of places and times. We also need to keep track of the source of the info for those places and times, so that they can be confirmed -- people, newspaper articles, municipal offices, whatever is the original source of the info.
Help determining open source licensing (if any)
Add an page with information about the purpose of the site, contact info for suggestions and improvements, and links to OpenMaine and Mainers Together
I am concerned about:
Colors and contrast -- e.g., the teal pantry icons don't show up well on the blue-heavy map
The font size of the displayed information is super tiny; kind of worse on a phone
The scripts for select2
and jquery-easing
are wiped out when running npm run start
or yarn run start
.
They need to be added to the package.json and gulp pipeline.
The home page footer should use color #040437 for consistency with OpenMaine.org
In areas where there are markers densely packed it can be difficult to select the right one. Point clustering can help by grouping nearby points together.
Live demo:
https://leaflet.github.io/Leaflet.markercluster/example/marker-clustering-realworld.388.html
There are several leaflet clustering plugins. One that looks promising is https://github.com/Leaflet/Leaflet.markercluster
A templating engine will be necessary as the site expands to improve maintainability by reducing code duplication. As a proof of concept, we should attempt to separate the site header and footer into partials
Jekyll (https://jekyllrb.com/) could be a good option, but it is likely worthwhile to investigate alternatives. Any solution should be open source.
During testing MPA reported the following behavior:
"I accidentally clicked the “find me” button instead of the “search” button after typing in my ZIP code, and then (even after correcting myself) I couldn’t get it to display any data. I had to close the tab and reload the site."
Investigate which information would be helpful to include a static page footer in collaboration with other group members.
When planning is complete the footer can be added index.html. if a templating engine is already in-place, then the footer should be in its own file and imported where needed.
Possibly, for this stage of the data we have available. E.g., Shelters, Youth Programs, and Other in the current instantiation are not helpful.
(Colors, logo, etc.)
Enable click-to-call on telephone numbers, both on the map and the list view.
This will assist users who may have trouble reading the numbers from a small dialog, or who want to save the number or share it from a mobile device. Clicking on the desktop version can also "send" the number to a mobile device.
Information is provider by the Good Shephard Food Bank and updated by volunteers from Mainers Together.
(Jenna to-do with Kate)
Error: Attribute alt not allowed on element a at this point.
From line 190, column 17; to line 190, column 117
<a href="https://www.gsfb.org/" alt="Good Shepherd Food Bank Website" target="_blank" rel="noopener">↩
Attributes for element a:
Global attributes
href — Address of the hyperlink
target — Browsing context for hyperlink navigation
download — Whether to download the resource instead of navigating to it, and its file name if so
ping — URLs to ping
rel — Relationship between the location in the document containing the hyperlink and the destination resource
hreflang — Language of the linked resource
type — Hint for the type of the referenced resource
referrerpolicy — Referrer policy for fetches initiated by the element
That notion (project template) maybe needs some renaming, but the idea is here:
https://github.com/OpenMaine/project-ideas/blob/master/Issue_Template.md
In asking this question right now, my question is largely: Who are our (real or imagined) users? And what are their (real or imagined) use cases?
Error: No p element in scope but a p end tag seen.
From line 147, column 11; to line 147, column 14
</p>↩
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.