template.html

   1 <!DOCTYPE html>
   2 <html lang="en">
   3 <head>
   4         <title>HexBog &ndash; a simple word game</title>
   5         <meta charset="utf-8">
   6         <meta name="viewport" content="width=648">
   7         <link rel="icon" href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAAAAAA6mKC9AAAA/UlEQVQY02P4DwKnPYWFPU6BmQxAfOusJLu4ODvXk+tggecZLAn+7NLSHJYLmVOf/meo5mJgEG/msLXhyMliYOCqYmBwm5PJ0MLR3cwxy4RbigEIiv//5ZvBcfYExw7JpXeYgAJq4WaatzmevOC4wn/7vwlICUP6q28c339wfGT58v/3XwYGQQG2xv+cv39xfGH+qsDNx8BQ8v+6wEPuT+857nI/apEEaqj6/0dxD9/zJxzHhPb/1wAKGAcpMSzm2r2PY5mudwkrA0M1N1CwjqO8iqMkH+iwaob/L7JZZRLZjYw5HDeypD8De+7uDkWQ5wQ+3YT6FuJ9r7NgJgAB9nPOaCTI7QAAAABJRU5ErkJggg==" />
   8         <style>
   9 cat style.css
  10         </style>
  11 </head>
  12
  13 <body>
  14         <div id="centerer">
  15                 <div id="boarder">
  16                         <div id="board">
  17                                 <!--
  18                                 <div class="tile" style="background-color: #aaf; overflow: hiden">
  19                                         <div class="head">
  20                                                 J
  21                                                 <div class="chin"></div>
  22                                                 <div class="pate"></div>
  23                                                 <div class="tooth1"></div>
  24                                                 <div class="tooth2"></div>
  25                                                 <div class="tooth3"></div>
  26                                                 <div class="tooth4"></div>
  27                                                 <div class="eye1"></div>
  28                                                 <div class="eye2"></div>
  29                                         </div>
  30                                 </div>
  31                                 -->
  32                                 <div id="loading">Loading...</div>
  33                         </div>
  34                 </div>
  35                 <div id="right">
  36                         <h1>HexBog</h1>
  37                         <div id="subhead">&mdash; A simple word game &mdash;</div>
  38
  39                         <div>Selection: "<span id="selection"></span>"</div>
  40                         <div>Score: <span id="score">0</span></div>
  41
  42                         <div id="tabs">
  43                                 <div id="instructions" class="selected-tab" style="height: 150px">
  44                                         <div class="tabtab">Instructions</div>
  45                                         <div class="tabbody">
  46                                                 <div style="margin-left: 20px; text-indent: -20px"><strong>1.</strong> Click letter tiles to make a word (they have to touch).</div>
  47                                                 <div style="margin-left: 20px; text-indent: -20px"><strong>2.</strong> Click the last letter tile again.</div>
  48                                         </div>
  49                                 </div>
  50                                 <div id="definition" class="tab" style="height: 20px">
  51                                         <div class="tabtab">Definition</div>
  52                                         <div id="definition_body" class="tabbody">
  53                                                 When you make a word, a definition should appear here.
  54                                         </div>
  55                                 </div>
  56
  57                                 <div id="donate" class="tab" style="height: 20px">
  58                                         <div class="tabtab">Donate</div>
  59                                         <div class="tabbody">
  60                                                 Please support this project by sending me money via <a href="http://flattr.com/thing/1146710/HexBog-A-simple-word-game" target="_blank">Flattr</a>, <a href="http://jasonwoof.com/pay.html" target="_blank">Dwolla</a> or <a href="http://jasonwoof.com/pay.fs" target="_blank">PayPal</a>.<br><br>
  61                                                 Thank you! &ndash; Jason
  62                                         </div>
  63                                 </div>
  64
  65                                 <div id="restart" class="tab" style="height: 20px">
  66                                         <div class="tabtab">New Game</div>
  67                                         <div class="tabbody">
  68                                                 <p class="warning">Warning: There's no undo! This will clear your score and reset the board.</p>
  69
  70                                                 <p><a id="start-over" href="#" class="button">New Game</a></p>
  71                                         </div>
  72                                 </div>
  73                         </div>
  74
  75                         <div id="copyright">
  76                                 &copy;2013 <a href="http://jasonwoof.com/" target="_blank">Jason Woofenden</a> &ndash; <a href="http://gitorious.org/hexbog" target="_blank">AGPLv3+</a>.
  77                         <div>
  78                 </div>
  79         </div>
  80         <script>
  81 cat main_min.js
  82         </script>
  83         <script>
  84 cat wordlist_min.js
  85         </script>
  86 </body>
  87 </html>