-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
1 lines (1 loc) · 3.05 KB
/
index.html
1
<!DOCTYPE html><html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"><title>Projects vs Products</title><link rel="stylesheet" type="text/css" href="styles/main.css"></head><body><div id="clock">5:00</div><article><section class="trojan-horse"></section><section><div><img src="images/an_spinning_flaming_skull.gif"><img src="images/an_spinning_flaming_skull.gif"><img src="images/an_spinning_flaming_skull.gif"><img src="images/an_spinning_flaming_skull.gif"><img src="images/an_spinning_flaming_skull.gif"></div><img src="images/mosaic.gif"><div><img src="images/an_spinning_flaming_skull.gif"><img src="images/an_spinning_flaming_skull.gif"><img src="images/an_spinning_flaming_skull.gif"><img src="images/an_spinning_flaming_skull.gif"><img src="images/an_spinning_flaming_skull.gif"></div></section><section><h1><a href="http://twitter.com/johnbarton">@johnbarton</a></h1><hr><h2><a href="http://codename.io"><img src="images/codename_600.png" alt="CODENAME" width="500"></a></h2><h2><a href="http://goodfil.ms"><img src="images/logo_720x432.png" alt="GOODFILMS" width="500"></a></h2></section><section><img src="images/flamingline.gif"><h1>Projects </h1><h1>vs </h1><h1>Products</h1><img src="images/flamingline.gif"></section><section><h1>One night stands</h1><h2>vs </h2><h1>Long term relationships</h1></section><section><img src="images/constructionsign.gif" class="eight-times-bigger"></section><section><div><img src="images/widespinningconstruction.gif"><img src="images/widespinningconstruction.gif"><img src="images/widespinningconstruction.gif"></div><h1>Projects finish</h1><h2>but </h2><h1>Products don't</h1><div><img src="images/widespinningconstruction.gif"><img src="images/widespinningconstruction.gif"><img src="images/widespinningconstruction.gif"></div></section><section><img src="images/dancingbaby2.gif" class="two-times-bigger"><hr><h1>Design</h1></section><section><h1>Graphic Design</h1><h2>vs</h2><h1>Industrial Design</h1></section><section class="peelers"></section><section class="robot"><h1>The Point?</h1></section><section><h1>The job title stays the same but how you work changes</h1><hr><hr><hr><hr><img src="images/mchammer.gif" class="four-times-bigger"></section><section><h1>Make sure your tools, habits, and processes work in your new context</h1></section><section><img src="images/HeHeartlandRidge1217mac_construct.gif" class="two-times-bigger"><hr><hr><hr><h1><a href="http://twitter.com/johnbarton"><img src="images/emailme.gif">@johnbarton</a></h1><hr><img src="images/links.gif" class="two-times-bigger"><hr><h2><a href="http://joho.github.io/wdyk">joho.github.com/wdyk</a><br><a href="http://whoisjohnbarton.com">whoisjohnbarton.com</a></h2><hr><img src="images/counter.gif" class="two-times-bigger"></section></article><script src="bower_components/bespoke.js/dist/bespoke.min.js"></script><script src="bower_components/bespoke-bullets/dist/bespoke-bullets.min.js"></script><script src="bower_components/bespoke-hash/dist/bespoke-hash.min.js"></script><script src="scripts/main.js"></script></body></html>