keneucker / biketag-website Goto Github PK

The current template supports the following data:

• Credited tagger
• Previous tag number
• New tag number
• Tew tag image
• Found image
• Rules link

Other items to include could be:

• Previous tag link
• Mapped location
• Leaderboard link

It would be neat to have pinned stories on:

• History
• Who we are/mission
• How to

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

1. Develop method to scrape out all tags by each user, allowing us to search/sort by username.
2. Create the profile view and show the history for a user.
3. Create view of all tags.
4. Develop leaderboard views for month, year, and all time.
5. Make maps of all tags?

Add the copy for BT history, mission, vision, those, code of conduct to the site.

• Lets finalize badass designs for our spoke cards and stickers.
• Once the designs are final, we can send them to Sticker Ninja to be printed.

Due date: ASAP
Deliverable date: by 6/21

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

Possibly a mission/vision statement for who we are and what we hope to accomplish?

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

Some places to consider spoke card/ sticker distribution:

• Regional Bike Tags

• Bike Tag users

• Local biking orgs

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.

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.

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!

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...)

Add meta fields and other SEO fields to the configuration for each individual subdomain as well as the default.

We can base our draft on the history and mission.

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.

In May 2020 Hiketag.com and Hiketag.org were purchased by @KenEucker.

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.

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.

Pan/zoom works in the 10-50, all, view
Evaluate if we want to keep this functionality

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.

• Show active Biketag cities on the map
• Explain and invite people to get BikeTag started in their own city via the ambassador program if their city isn’t already participating

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.

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.

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.

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.

Each city subdomain (eg pdx.biketag.org) should have a header that states the city name and labels the feed.

Benefits:

• User does not have to look in the URL
• Stronger sense of place
• Signals that this is a multi-city game

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.

Add a button that links to the Reddit post for the latest tag.

Dependent on #40

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.

"Get these instructions via audio"

‘Poop sheet’ explaining:

• the basics of the program

• the assistance we can provide (eg collateral like postcards, spokecards, building out the regional subdomain, etc.)

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.

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)?

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.

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.

See what's happening with Horrible Logos and when we can expect our horribly awesome jingle and art.

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.

We discussed to switching to a format of:

• 3 snippets/screens
  Screen 1: “Tag You’re It!” with day and timestamp
  Screen 2: User provided image of tag
  Screen 3/4: User provided hint and link to biketag.org, and mention to watch “How To” pinned story if you’re new.

• NOTE: Until the “How To” is created and pinned on our IG, we can simply use screen 3/4 for the ‘user provided hint’ and “Go to BikeTag.Org to play!” message

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.

The site's meta description needs to be set, as what is coming through in a google search:

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:

https://github.com/KenEucker/biketag-website/pulls

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.

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.

Research and draft the history of:

• ‘Tag’ the game
• Bike tag
• Geo-caching/tagging
• Else?