Add Tinsel

lazerwalker · Aug 11, 2014 · 2b3ff48 · 2b3ff48
1 parent b0e1949
commit 2b3ff48
Show file tree

Hide file tree

Showing 3 changed files with 77 additions and 2 deletions.
diff --git a/images/flappy.png b/images/flappy.png
diff --git a/index.html b/index.html
@@ -57,8 +57,12 @@ <h2>Some cool things I've built:</h2>
                 <article>
                     <h3>Games and Toys</h3>
                     <ul class='squares'>
-                        <li><a href="http://whatsapplebees.com">
-                          <img src="images/whatsapplebees.png">
+                        <li><a href="tinsel.html">
+                          <img src="images/flappy.png">
+                          Play <strong>Flappy Bird</strong> on a <strong>touch tone phone</strong>.
+                        </a></li>
+                                                <li><a href="http://whatsapplebees.com">
+                        <img src="images/whatsapplebees.png">
                           The premier <strong>Applebee's</strong>-based <strong>social chat app</strong>.
                         </a></li>
 

diff --git a/tinsel.html b/tinsel.html
@@ -0,0 +1,71 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <title>Mike Lazer-Walker</title>
+
+        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0;"/>
+
+        <link rel="stylesheet" href="css/blueprint/screen.css" type="text/css" media="screen, projection">
+        <link rel="stylesheet" href="css/blueprint/print.css" type="text/css" media="print">
+        <link rel="stylesheet" type="text/css" href="css/style.css">
+
+        <!--[if lt IE 9]>
+        <script>
+          // Shim HTML5 markup elements so IE doesn't blow up
+          // Code borrowed from StackOverflow
+          var e = ("abbr,article,aside,audio,canvas,datalist,details," +
+            "figure,footer,header,hgroup,mark,menu,meter,nav,output," +
+            "progress,section,time,video").split(',');
+          for (var i = 0; i < e.length; i++) {
+            document.createElement(e[i]);
+          }
+        </script>
+
+        <link rel="stylesheet" href="css/ie.css" type="text/css" media="screen, projection">
+        <![endif]-->
+
+        <script type="text/javascript" src="http://use.typekit.com/lxl7kzy.js"></script>
+        <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+    </head>
+    <body>
+        <div id='wrapper'>
+            <nav>
+                <a href="index.html" class='img'><img src='images/headshot.png' id='headshot' /></a>
+                <ul>
+                    <li><a href="http://blog.lazerwalker.com">Blog</a></li>
+                    <li><a href="http://www.twitter.com/lazerwalker">Twitter</a></li>
+                    <li><a href="http://www.github.com/lazerwalker">GitHub</a></li>
+                    <li><a href="http://www.linkedin.com/in/lazerwalker">LinkedIn</a></li>
+                    <li><a href="mailto:michael@lazerwalker.com">Email</a></li>
+                </ul>
+            </nav>
+            <div id="content">
+                <div class='detail'>
+                    <h3>Flappy Bot / Tinsel <br/><br/>
+
+                    Call <a href="tel:6466817902">(646) 681-7902</a> to Play.</h3>
+
+                    <p><a href="https://github.com/lazerwalker/tinsel">Tinsel</a> is a game engine I created. It's designed to make it easy to create interactive fiction that can be played from any touch tone phone, using the dial pad for input and text-to-speech as output.</p>
+
+                    <p>The phone number listed above is a clone of the game Flappy Bird. Call it and give it a try!</p>
+                </div>
+            </div>
+        </div>
+    </body>
+
+    <script type="text/javascript">
+      var _gaq = _gaq || [];
+      _gaq.push(['_setAccount', 'UA-9288181-1']);
+      _gaq.push(['_trackPageview']);
+
+      (function() {
+        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+      })();
+    </script>
+
+    <script type="text/javascript" src="js/slidewindow/slidewindow.min.js"></script>
+    <script type="text/javascript" src="js/script.js"></script>
+
+</html>