style.css: style.less
lessc style.less style.css
-index.html: main_min.js wordlist_min.js main.html style.css
- bash combine.bash main.html > $@ || (rm -f $@; exit 1)
+index.html: main_min.js wordlist_min.js template.html style.css
+ bash combine.bash template.html > $@ || (rm -f $@; exit 1)
index.html.gz: index.html
gzip --best -c $< > $@
+++ /dev/null
-<!DOCTYPE html>
-<html lang="en">
-<head>
- <title>HexBog – a simple word game</title>
- <meta charset="utf-8">
- <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
- </style>
-</head>
-
-<body>
- <div id="centerer">
- <div id="boarder">
- <div id="board">
- <!--
- <div class="tile" style="background-color: #aaf; overflow: hiden">
- <div class="head">
- J
- <div class="chin"></div>
- <div class="pate"></div>
- <div class="tooth1"></div>
- <div class="tooth2"></div>
- <div class="tooth3"></div>
- <div class="tooth4"></div>
- <div class="eye1"></div>
- <div class="eye2"></div>
- </div>
- </div>
- -->
- <div id="loading">Loading...</div>
- </div>
- </div>
- <div id="right">
- <h1>HexBog</h1>
- <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="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>2.</strong> Click the last letter tile again.</div>
- </div>
- </div>
- <div id="definition" class="tab" style="height: 20px">
- <div class="tabtab">Definition</div>
- <div id="definition_body" class="tabbody">
- When you make a word, a definition should appear here.
- </div>
- </div>
-
- <div id="donate" class="tab" style="height: 20px">
- <div class="tabtab">Donate</div>
- <div class="tabbody">
- 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>
- Thank you! – Jason
- </div>
- </div>
-
- <div id="restart" class="tab" style="height: 20px">
- <div class="tabtab">New Game</div>
- <div class="tabbody">
- <p class="warning">Warning: There's no undo! This will clear your score and reset the board.</p>
-
- <p><a id="start-over" href="#" class="button">New Game</a></p>
- </div>
- </div>
- </div>
-
- <div id="copyright">
- ©2013 <a href="http://jasonwoof.com/" target="_blank">Jason Woofenden</a> – <a href="http://gitorious.org/hexbog" target="_blank">AGPLv3+</a>.
- <div>
- </div>
- </div>
- <script>
-cat main_min.js
- </script>
- <script>
-cat wordlist_min.js
- </script>
-</body>
-</html>
--- /dev/null
+<!DOCTYPE html>
+<html lang="en">
+<head>
+ <title>HexBog – a simple word game</title>
+ <meta charset="utf-8">
+ <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
+ </style>
+</head>
+
+<body>
+ <div id="centerer">
+ <div id="boarder">
+ <div id="board">
+ <!--
+ <div class="tile" style="background-color: #aaf; overflow: hiden">
+ <div class="head">
+ J
+ <div class="chin"></div>
+ <div class="pate"></div>
+ <div class="tooth1"></div>
+ <div class="tooth2"></div>
+ <div class="tooth3"></div>
+ <div class="tooth4"></div>
+ <div class="eye1"></div>
+ <div class="eye2"></div>
+ </div>
+ </div>
+ -->
+ <div id="loading">Loading...</div>
+ </div>
+ </div>
+ <div id="right">
+ <h1>HexBog</h1>
+ <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="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>2.</strong> Click the last letter tile again.</div>
+ </div>
+ </div>
+ <div id="definition" class="tab" style="height: 20px">
+ <div class="tabtab">Definition</div>
+ <div id="definition_body" class="tabbody">
+ When you make a word, a definition should appear here.
+ </div>
+ </div>
+
+ <div id="donate" class="tab" style="height: 20px">
+ <div class="tabtab">Donate</div>
+ <div class="tabbody">
+ 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>
+ Thank you! – Jason
+ </div>
+ </div>
+
+ <div id="restart" class="tab" style="height: 20px">
+ <div class="tabtab">New Game</div>
+ <div class="tabbody">
+ <p class="warning">Warning: There's no undo! This will clear your score and reset the board.</p>
+
+ <p><a id="start-over" href="#" class="button">New Game</a></p>
+ </div>
+ </div>
+ </div>
+
+ <div id="copyright">
+ ©2013 <a href="http://jasonwoof.com/" target="_blank">Jason Woofenden</a> – <a href="http://gitorious.org/hexbog" target="_blank">AGPLv3+</a>.
+ <div>
+ </div>
+ </div>
+ <script>
+cat main_min.js
+ </script>
+ <script>
+cat wordlist_min.js
+ </script>
+</body>
+</html>