JasonWoof Got questions, comments, patches, etc.? Contact Jason Woofenden
850a503044a5491600f7b8ce06d877f97a33963f
[hexbog.git] / 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 index.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">A simple word game</div>
38
39                         <div id="big_tip"></div>
40                         <div id="little_tip"></div>
41                         <div id="score_container">Score: <span id="score">0</span></div>
42
43                         <div id="tabs">
44                                 <div id="instructions" class="selected-tab" style="height: 150px">
45                                         <div class="tabtab">Instructions</div>
46                                         <div class="tabbody">
47                                                 <div style="margin-left: 20px; text-indent: -20px"><strong>1.</strong> Click letter tiles to make a word. Each tile you click must be next to the previous tile you clicked.</div>
48                                                 <div style="margin-left: 20px; text-indent: -20px"><strong>2.</strong> Click the last letter tile again.</div>
49                                         </div>
50                                 </div>
51                                 <div id="definition" class="tab" style="height: 20px">
52                                         <div class="tabtab">Definition</div>
53                                         <div id="definition_body" class="tabbody">
54                                                 When you make a word, a definition should appear here.
55                                         </div>
56                                 </div>
57
58                                 <div id="donate" class="tab" style="height: 20px">
59                                         <div class="tabtab">Donate</div>
60                                         <div class="tabbody">
61                                                 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>
62                                                 Thank you! &ndash; Jason
63                                         </div>
64                                 </div>
65
66                                 <div id="restart" class="tab" style="height: 20px">
67                                         <div class="tabtab">New Game</div>
68                                         <div class="tabbody">
69                                                 <p class="warning">Warning: There's no undo! This will clear your score and reset the board.</p>
70
71                                                 <p><a id="start-over" href="#" class="button">New Game</a></p>
72                                         </div>
73                                 </div>
74                         </div>
75
76                         <div id="copyright">
77                                 &copy;2015 <a href="https://jasonwoof.com/" target="_blank">JasonWoof</a> &ndash; <a href="https://gnu.org/licenses/agpl.html" target="_blank">AGPLv3+</a> &ndash; <a href="https://jasonwoof.com/gitweb/?p=hexbog.git;a=summary" target="_blank">Source</a>
78                         <div>
79                 </div>
80         </div>
81         <script>
82 cat index_min.js
83         </script>
84         <script>
85 cat wordlist_min.js
86         </script>
87 </body>
88 </html>