keneucker / biketag-website Goto Github PK
View Code? Open in Web Editor NEWA website for biketag.org
Home Page: https://www.biketag.org
License: GNU Affero General Public License v3.0
A website for biketag.org
Home Page: https://www.biketag.org
License: GNU Affero General Public License v3.0
In May 2020 Hiketag.com and Hiketag.org were purchased by @KenEucker.
To put the user at ease, we could add a message after they submit a new post that says "Your tag is pending" while the images get posted to all other platforms (Reddit, instagram, etc...)
Due date: ASAP
Deliverable date: by 6/21
What
We could do serverside rendering for any kind of template and then those can sit at a JSON endpoint, that the app then consumes. The first two templates to build are the postedTagTemplate
and the redditPostTemplate
. These endpoints will receive a POST request with some data and return the template with the data, the template without the data, and the data inside a JSON object.
Why
The templates for data on the biketag site shouldn't be in the templates for the sites, let's put them into their own templated endpoints and allow for different views of the same data. This also allows us to get templates based on our data to do migrations and historical post imports more simply.
How
Use a templating engine? Output can be any text whether it be html or not.
Considerations:
- User Data
Usage on social media
Usage on BikeTag.org
Usage on Reddit
- Publishing of images, geotags, etc.
Refer to imgur's terms of use as well?
- Safety: our advice and guidelines
the current bike tag photo has got me stumped. it might be useful to have a mechanism that kicks in after a set amount of time, such as a written hint, to keep the game moving forward.
Lets set up a Patreon account to help collect funding to support things like the printing of spoke cards, stickers, hosting costs, etc.
It seems like we would be a good fit as either Creator > Non-profit or Creator > Community.
It would be helpful to start forming an aesthetic identity for ourselves that stays consistent across platforms (e.g. BT.org, Instagram, etc.).
Consideration:
Do we have a global palette that we apply to all cities or do we have a main brand with sub-brands for cities? For example our main colors are black, blue, and yellow AND each city also gets their own unique color (e.g Portland could be black, blue, yellow, purple.)
Colors should treflect the feeling we want to create. For example, the game is approachable, inclusive, fun, gender-neutral.
Possibly a mission/vision statement for who we are and what we hope to accomplish?
It would be neat to have pinned stories on:
The easiest sync here is likely from BT.org to Reddit.
Is it possible to accomplish this via IFTTT or the a Reddit bot built with PRAW (Python Reddit API Wrapper)?
What
Imgur has seen some downtime in the last two months. When this happens, there are no images for biketag, and nothing shows up on any of the pages. We should store and fetch our images from mutliple, redundant, sources.
Why
Using multiple sources, including the localhost, we can create a caching system for when failures of the imgur API (our main source) goes down.
How
Integrate with AWS S3 to create a bucket that stores the biketag photos for each region. This can be all one AWS account or individual AWS accounts for each region. When a user uploads a photo to imgur, that photo should be ingested by biketag.org and placed into the appropriate bucket. The last 10 images can be stored on localhost in case both S3 and imgur go down simultaneously, but S3 behind cloudfront will be our main fallback solution, with imgur being the primary solution. Title and description can be included as metadata for those images.
BikeTag.org should display images on the homepage no matter what, as long as the imgurAlbumHash is set and correct and the imgur album contains images.
The site should not show an endless spinner.
Integrate with nighwatch to run tests against the UI of the site. This will greatly help reduce the amount of downtime due to UI errors as well.
Some places to consider spoke card/ sticker distribution:
Regional Bike Tags
Bike Tag users
Local biking orgs
Add meta fields and other SEO fields to the configuration for each individual subdomain as well as the default.
Add the copy for BT history, mission, vision, those, code of conduct to the site.
Pan/zoom works in the 10-50, all, view
Evaluate if we want to keep this functionality
Per Denver Bike Tag, there are bike orgs that reward taking a picture near particular locations with a donation to certain organizations.
It would be great to further expand the positive impact of participating in Bike Tag.
Research and draft the history of:
‘Poop sheet’ explaining:
the basics of the program
the assistance we can provide (eg collateral like postcards, spokecards, building out the regional subdomain, etc.)
When a new tag is posted, send emails to users set in the configuration file. This will allow us to get notifications of when a new post is made instead of having to check the site periodically.
See what's happening with Horrible Logos and when we can expect our horribly awesome jingle and art.
It'd help to have some indication of the date of the photos. I cant tell if the latest photo is from yesterday or from a year ago. It matters because it'd give a sense that if I participated, there would be others to keep the game going, if I knew that photos changed recently.
Hey Ken,
The bike tag idea was stolen from /r/chicago: it'd be cool to support some of the more popular bike subs (and it'll get you some more traffic).
Sweet idea!
The current template supports the following data:
Other items to include could be:
Playbooks outlining preparation and participation in events like Pedalpalooza.
Added on 6/12: A suggestion to add a tutorial on setting up Reddit Enhancement Suite to our playbooks. RES allows users have multiple Reddit users and easily toggle between them.
What
/r/BikeLA has a leaderboard and link to all of their tags as a history of the game at this page:
https://www.reddit.com/r/BikeLA/wiki/phototag
Why
To give some data back to users, not to spur competition but to give credit where creddit is due.
How
Give the option to record GPS coordinates of the location to verify the tag and ultimately create a map of all of the tags in a region.
Each city subdomain (eg pdx.biketag.org) should have a header that states the city name and labels the feed.
Benefits:
This will allow Github users to submit changes to the copy that appears on the page.
Once copy is approved, it can be deployed by dev admin.
When submitting a new tag, the button disappears but the spinner doesn't show up in it's place -- the html for the spinner does.
Define terminology and definitions for things like:
"Tag It"
Choose how we want to refer to geographical expansion, e.g. the implications of choosing the terms region vs city vs town vs greater metro areas, etc. and the boundaries they create.
For expansion into other regions (especially sprawling or expansive cities), it would be helpful to geofence the area to keep tags within city limits, for example.
On each page load, the site requests all of the images from the album from imgur, when we only need to display the most recent X (currently 3), for the homepage. We will know how many more to load by the count. Only count=all should request all images.
Add a button that links to the Reddit post for the latest tag.
Dependent on #40
We need playbooks for the following regional biketag features
These playbooks will guide the regional ambassadors through running the version of Bike Tag they wish to see in their city:
BikeTag website (completed)
Reddit (completed)
Instagram
Imgur
Github
Ambassadorship Program (completed)
Development
When dealing with the challenge of sprawling environments a possible solution is to make tags thematic (e.g. take a picture of your bike near a gas station) rather than an exact 1:1 match of locations. The idea is to make the game more like a scavenger hunt.
We can base our draft on the history and mission.
We discussed to switching to a format of:
Inject data from the configuration on to the page using ejs:
https://steemit.com/utopian-io/@prodicode/how-to-use-ejs-displaying-data-from-nodejs-in-html
This will allow admins to edit their templates here on GitHub ahead of a release to change any content they need to.
In addition to the jingle we have for biketag.org, we also have a pdx biketag jingle that we got from Horrible Logos. We should add a mystery button somewhere on the page where people can click and hear the jingle.
There are security alerts regarding some packages being used. Those packages are outlined here: https://github.com/KenEucker/biketag-website/network/alerts
There are also pull request for version bumping, which can be merged in:
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.