X-Git-Url: https://jasonwoof.com/gitweb/?a=blobdiff_plain;f=main.html;h=e6c6eb0b544eb2eef2d55f1c5bf6bcb899694709;hb=b11d844c8209610964e6c436475665237195591d;hp=fd8573b14a31ad922b566e707600cf3b646d673f;hpb=5c9ec279c15c135b7e84501a5b2426e8f06fde60;p=hexbog.git

diff --git a/main.html b/main.html
index fd8573b..e6c6eb0 100644
--- a/main.html
+++ b/main.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
-	<title>HexBog</title>
+	<title>HexBog &ndash; a simple word game</title>
 	<meta charset="utf-8" />
 	<link rel="shortcut icon" href="favicon.ico" />
 	<style>
@@ -39,33 +39,33 @@ cat style.css
 			<div id="tabs">
 				<div id="instructions" class="selected-tab" style="height: 150px">
 					<div class="tabtab">Instructions</div>
-					<ol>
-						<li>Click letter tiles to make a word (they have to touch).</li>
-						<li>Click the last letter tile again.</li>
-					</ol>
+					<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">When you make a word, a definition should appear here.</div>
+					<div id="definition_body" class="tabbody">
+						When you make a word, a definition should appear here.
+					</div>
 				</div>
 
-				<div id="logtab" class="tab" style="height: 20px">
-					<div class="tabtab">log</div>
-					<div id="log">
-						<div>&nbsp;</div>
-						<div>&nbsp;</div>
-						<div>&nbsp;</div>
-						<div>&nbsp;</div>
-						<div>&nbsp;</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! &ndash; 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 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>
+						<p><a id="start-over" href="#" class="button">New Game</a></p>
+					</div>
 				</div>
 			</div>
 
