index.html (1902B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>banna - useless things</title> 5 <meta name="viewport" content="width=device-width, initial-scale=1"> 6 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 7 <link rel="stylesheet" href="/styles/style.css" /> 8 <link rel="stylesheet" href="/styles/look.css" /> 9 <link rel="stylesheet" href="/styles/codetheme.css" /> 10 <script src="/scripts/highlight.js"></script> 11 <script>hljs.initHighlightingOnLoad();</script> 12 </head> 13 14 <body> 15 <div id="sidebar"> 16 <div id="logo"> 17 <a href="/"> 18 <img src="/banna.png" alt="banna.tech" height="45" width="201" /> 19 </a> 20 </div> 21 <div id="nav"> 22 <a class="" href="/post">blog</a> 23 <a class="current" href="/things">things</a> 24 <a class="" href="/about">about</a> 25 </div> 26 </div> 27 28 <div id="wrapper"> 29 <div id="content"> 30 <div class="post"> 31 <a href="/things/post/game_of_life" class="link"><h1 class="header">Game of Life</h1></a> 32 <div class="projectdescription"> 33 <p><a href="//static.banna.tech/life" style="font-size:40px;background-color:#323232;border-radius:4px;box-shadow:0px 3px #1C1C1C;padding:5px;color:#EEEEEE;">Launch!</a></p> 34 35 <p>*chrome recommended</p> 36 37 <h3>How to use</h3> 38 39 <p>Left click to add cells, right click to remove them.</p> 40 41 <p>Space starts the generation, <code>S</code> increments the generation step-by-step</p> 42 43 <p><code>Shift + Click</code> to move around the grid, Scroll wheel or <code>+/-</code> to zoom in/out</p> 44 45 <h3>Key commands</h3> 46 47 <ul> 48 <li><code>R</code> - reset view</li> 49 <li><code>SPACE</code> - Start the generation</li> 50 <li><code>S</code> - Increment generation step-by-step</li> 51 <li><code>Z</code> - Undo added cell</li> 52 <li>Arrow keys / <code>SHIFT</code> + click - Move around the grid</li> 53 <li><code>+</code> or <code>-</code> / Scroll Wheel - Zoom in/out</li> 54 </ul> 55 </div> 56 </div> 57 58 59 </div> 60 </div> 61 </body> 62 </html>