First thoughts on a new 'home' page to select stuff.

phtrivier · Aug 19, 2010 · fb6c35a · fb6c35a
1 parent 3e40896
commit fb6c35a
Show file tree

Hide file tree

Showing 4 changed files with 119 additions and 4 deletions.
diff --git a/src/css/home.css b/src/css/home.css
@@ -0,0 +1,25 @@
+/* TODO factor this */
+home, body {
+    font-family : Helvetica;
+    background-color : black;
+    color : white;
+}
+
+h1, h2, h3, h4, h5, h6 {
+    color : white;
+}
+
+
+#header {
+    text-align : center;
+    font-size : medium;
+}
+
+#chapter-navigation {
+    text-align : center;
+    font-size : large;
+}
+
+#level-navigation {
+    font-size : medium;
+}
diff --git a/src/css/in-game.css b/src/css/in-game.css
@@ -6,6 +6,11 @@ html, body {
     color : white;
 }
 
+h1, h2, h3, h4, h5, h6 {
+    color : white;
+}
+
+
 .back-link {
     text-align : center;
 }
@@ -46,10 +51,6 @@ a:hover {text-decoration: underline; }
     font-size : small;
 }
 
-h1, h2, h3, h4, h5, h6 {
-    color : white;
-}
-
 /* Undo / Redo buttons */
 .undo_disabled, .undo_enabled, .redo_disabled, .redo_enabled {
     width : 64px;

diff --git a/src/html/home.html b/src/html/home.html
@@ -0,0 +1,86 @@
+<html>
+  <head>
+    <title>UBE</title>
+    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
+    <link rel="shortcut icon" type="image/x-icon" href="../../data/images/ico/player.ico" />
+    <link rel="icon" type="image/png" sizes="32x32" href="../../data/images/png/player.png" />
+    <link rel="stylesheet" href="../css/blueprint/screen.css" type="text/css" media="screen, projection"></link>
+    <link rel="stylesheet" href="../css/blueprint/print.css" type="text/css" media="print"></link>
+    <!--[if lt IE 8]><link rel="stylesheet" href="css/blueprint/ie.css" type="text/css" media="screen, projection"><![endif]-->
+    <link type="text/css" rel="stylesheet" href="../css/dark-hive/jquery-ui-1.8.2.custom.css"/>
+    <link type="text/css" rel="stylesheet" href="../css/home.css"/>
+  </head>
+  <body>
+    <div id="outer" class="container prepend-4">
+
+      <div id="header" class="span-20 last">
+	<h3>Welcome to UBE</h3>
+	<div class="span-12 prepend-4 prepend-top last">
+	  <p>Ube is a puzzle game for everyone. Really, you just have to know
+	  how to count !</p>
+	  <p>You must help a little blue ball (let's call her 'Ube') travel througth our mazes. You have different kind of moves at your disposal. God, is it hard to word this kind of things... 
+	</div>
+      </div>
+
+      <div id="chapter-navigation" class="span-20 last">
+	<div id="chapter_0" class="span-10"><a href=".">Play Tutorial</a></div>
+	<div id="chapter_1" class="span-10 last"><a href=".">Play Game</a></div>
+      </div>
+
+      <div id="level-navigation" class="span-20 prepend-top last">
+
+	<div id="level-list" class="span-6 bordercol">
+	  <div>Choose a level :</div>
+	  <ul>
+	    <li><a href=".">Pour commencer, trouvez la sortie</a></li>
+	    <li><a href=".">Parfois, il faut savoir sauter</a></li>
+	    <li><a href=".">Un mur. Vous pouvez le passer, croyez moi</a></li>
+	    <li><a href=".">Je sais plus quoi</a></li>
+	    <li><a href=".">Encore un autre truc</a></li>
+	    <li><a href=".">Et puis voila</a></li>
+	</div>
+
+	<div id="level-preview" class="span-13 last">
+	  <div>Level preview</div>
+	  <canvas id="playground" width="352px" height="176px"></canvas>
+	</div>
+
+      </div>
+
+      <div id="footer" class="span-20 last">
+	Copyright 2010 - <a href="mailto:[email protected]">Pierre-Henri Trivier</a>
+      </div>
+
+<!--
+      <div id="navigation" class="span-20">
+	<div class="span-6" id="previous" ><a class="link transition" id="link_previous"></a></div>
+	<div class="span-8 back-link" id="home"><a class="link transition"  id="link_home" href="jsube.html"></a></div>
+	<div class="span-6 last next-link" id="next"><a class="link transition"  id="link_next"></a></div>
+      </div>
+
+      <div id="puzzle-name" class="span-20 prepend-top">
+	<h3 id="puzzle-title">...Veuillez patienter...</h3>
+      </div>
+
+      <div id="game" class="span-20 prepend-1">
+
+	<canvas id="playground" width="704px" height="352px"></canvas>
+	
+	<div id="undo-redo" class="span-4 prepend-top last">
+	  <div id="undo" class="span-2 undo_disabled"></div>
+	  <div id="redo" class="span-2 last redo_disabled"></div>
+	</div>
+	<div id="moves" class="span-16 prepend-top"></div>
+      </div>
+
+      <div id="footer" class="span-20 prepend-top">
+	Copyright (C) 2010 - Pierre-Henri Trivier
+      </div>
+
+    </div>
+
+    <div id="dialog-message"></div>
+-->
+
+  </body>
+</html>
diff --git a/src/js/jsube.js b/src/js/jsube.js
@@ -124,6 +124,9 @@ function next_puzzle() {
 }
 
 $(document).ready(function(){
+
+    // TODO(pht) : check that Canvas is supported (and complain appropriately)
+
     g_drawer = new Drawer(32);
 
     if (navigator.language == "fr") {