Move code in subfolders

Seldaek · Nov 21, 2012 · 3c5ec96 · 3c5ec96
1 parent ac3ed13
commit 3c5ec96
Show file tree

Hide file tree

Showing 9 changed files with 20 additions and 12 deletions.
diff --git a/styles.css → css/styles.css b/styles.css → css/styles.css
@@ -1,7 +1,10 @@
+@import url(http://fonts.googleapis.com/css?family=Lato:100,300);
+
 body {
     background: #222;
     color: #fff;
-    font: 16px Verdana, sans-serif;
+    font: 16px 'Lato', sans-serif;
+    font-weight: 300;
 }
 footer {
     text-align: center;
@@ -30,7 +33,7 @@ a, a:link, a:visited, a:hover {
     right: 25px;
     top: 5px;
     position: absolute;
-    line-height: 12px;
+    line-height: 20px;
 }
 #messages {
     left: 0;
@@ -41,8 +44,13 @@ a, a:link, a:visited, a:hover {
     width: 100%;
 }
 #messages, #score {
+    font-weight: 100;
+    font-size: 23px;
     text-shadow: 0 0 3px #000, 0 0 3px #000, 0 0 3px #000, 0 0 3px #000;
 }
+#score, #energy-bar {
+    font-size: 24px;
+}
 #energy-bar {
     right: 5px;
     top: 5px;

diff --git a/index.html b/index.html
@@ -6,7 +6,7 @@
     <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1" />
     <meta name="apple-mobile-web-app-capable" content="yes">
     <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
-    <link href="styles.css" rel="stylesheet" type="text/css" />
+    <link href="css/styles.css" rel="stylesheet" type="text/css" />
 </head>
 <body>
     <section id="game">
@@ -23,13 +23,13 @@
         <p>Split, a game designed and created by <a href="http://seld.be">Jordi Boggiano</a> for the GitHub Game Off 2012 contest.</p>
         <p>Game sources <a href="https://github.com/Seldaek/split">available on GitHub</a>.</p>
     </footer>
-    <script src="split.js"></script>
+    <script src="js/split.js"></script>
-    <script src="node.js"></script>
+    <script src="js/node.js"></script>
-    <script src="block.js"></script>
+    <script src="js/block.js"></script>
-    <script src="matrix.js"></script>
+    <script src="js/matrix.js"></script>
-    <script src="trails.js"></script>
+    <script src="js/trails.js"></script>
-    <script src="energybar.js"></script>
+    <script src="js/energybar.js"></script>
-    <script src="utils.js"></script>
+    <script src="js/utils.js"></script>
     <script>
         (function () {
             var game = new Split(

diff --git a/block.js → js/block.js b/block.js → js/block.js
diff --git a/energybar.js → js/energybar.js b/energybar.js → js/energybar.js
diff --git a/matrix.js → js/matrix.js b/matrix.js → js/matrix.js
diff --git a/node.js → js/node.js b/node.js → js/node.js
diff --git a/split.js → js/split.js b/split.js → js/split.js
@@ -13,7 +13,7 @@ var Split = function (node, trailsNode, energyNode, forceNode, scoreNode, messag
     this.messagesNode = messagesNode;
 
     if (window.localStorage && !isNaN(parseInt(window.localStorage.getItem('highscore'), 10))) {
-        this.scoreNode.innerHTML = "Highscore: " + window.localStorage.getItem('highscore');
+        this.scoreNode.innerHTML = "HIGHSCORE " + window.localStorage.getItem('highscore') + " ◊";
     }
 
     this.ctx = node.getContext('2d');
@@ -82,7 +82,7 @@ Split.prototype.tick = function () {
     // TODO add pause, unpause should check the time elapsed and add that to all the last* vars
 
     this.score = this.matrix.y - this.canvas.height;
-    this.scoreNode.innerHTML = 'Score: ' + this.score;
+    this.scoreNode.innerHTML = '' + this.score + ' ◊';
 
     // compute multiplier
     curTick = Date.now();

diff --git a/trails.js → js/trails.js b/trails.js → js/trails.js
diff --git a/utils.js → js/utils.js b/utils.js → js/utils.js