draw connections between selected tiles

[hexbog.git] / template.html

diff --git a/template.html b/template.html
index d5668fc..382b9a8 100644 (file)
--- a/template.html
+++ b/template.html
@@ -6,7 +6,7 @@
        <meta name="viewport" content="width=648">
        <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==" />
        <style>
-cat style.css
+cat index.css
        </style>
 </head>
 
@@ -34,16 +34,17 @@ cat style.css
                </div>
                <div id="right">
                        <h1>HexBog</h1>
-                       <div id="subhead">&mdash; A simple word game &mdash;</div>
+                       <div id="subhead">A simple word game</div>
 
-                       <div>Selection: "<span id="selection"></span>"</div>
-                       <div>Score: <span id="score">0</span></div>
+                       <div id="big_tip"></div>
+                       <div id="little_tip"></div>
+                       <div id="score_container">Score: <span id="score">0</span></div>
 
                        <div id="tabs">
                                <div id="instructions" class="selected-tab" style="height: 150px">
                                        <div class="tabtab">Instructions</div>
                                        <div class="tabbody">
-                                               <div style="margin-left: 20px; text-indent: -20px"><strong>1.</strong> Click letter tiles to make a word (they have to touch).</div>
+                                               <div style="margin-left: 20px; text-indent: -20px"><strong>1.</strong> Click letter tiles to make a word. Each tile must be next to the tile for the previous letter.</div>
                                                <div style="margin-left: 20px; text-indent: -20px"><strong>2.</strong> Click the last letter tile again.</div>
                                        </div>
                                </div>
@@ -78,7 +79,7 @@ cat style.css
                </div>
        </div>
        <script>
-cat main_min.js
+cat index_min.js
        </script>
        <script>
 cat wordlist_min.js