timozone/oblique-strategies

Delivers a bolt of inspiration, by showing a random Oblique Strategy. Works as a mobile web app, visit from your phone!

Oblique Strategies App

This is a mobile web app, so try visiting it from your mobile device, if you haven't already.

How to Run

Open public/index.html in your browser. That's it!

Tech

• HTML5 Mobile Boilerplate saves you a ton of work by gathering all the different meta tags, icons for your web apps, CSS reset/defaults all in one place.
• Random fonts from Google Web Fonts.
• Faves stored using HTML5 localStorage
• Uses HTML5 application cache to allow the app to work offline

Where's the good stuff?

This is the good stuff:

• public/js/script.js
• public/css/style.css

What are oblique strategies?

Oblique Strategies is a set of published cards created by Brian Eno and Peter Schmidt first published in 1975. Each card contains a phrase or cryptic remark which can be used to break a deadlock or dilemma situation.

Read more on Wikipedia: http://en.wikipedia.org/wiki/Oblique_Strategies

Email me at matt@ruten.ca

Credits

Oblique Strategies © 1975, 1978, and 1979 Brian Eno/Peter Schmidt Read about Oblique Strategies: http://www.rtqe.net/ObliqueStrategies/ Buy a deck here: http://enoshop.co.uk/shop/oblique/

Icon font by P.J. Onori Creative Commons Attribution-ShareAlike 3.0 Unported License http://somerandomdude.com/work/iconic/

For Reference:

Local Storage

• http://operationmobile.com/how-to-use-html5-local-storage-with-jquery-mobile/
• http://stackoverflow.com/questions/2989284/max-size-of-localstorage-values

TO DO:

• Set caching headers so that the app can run without a network connection (be inspired in the subway!)
• Finish creating the various mobile app start screens
• Add bookmark bubble plugin to promote adding app to the homescreen on mobile devices
• Add feedback to show when a strategy is faved (i.e. change star to be yellow?)
• Hide fave functionality when using browser that doesn't support localStorage