Timer popup screen html finished.

jmhwang7 · jmhwang7 · commit 81e625195b6c · 2015-03-07T11:50:30.000-05:00
diff --git a/manifest.json b/manifest.json
@@ -7,7 +7,7 @@
 
 	"browser_action": {
 		"default_icon": "icon.png",
-		"default_popup": "popup.html",
+		"default_popup": "timer.html",
 		"default_title": "Tomato: Your Pomodoro Timer"
 	},
 	"permissions": [
diff --git a/timer.html b/timer.html
@@ -0,0 +1,31 @@
+<!doctype html>
+<html>
+  <head>
+    <!--
+      - JavaScript and HTML must be in separate files: see our Content Security
+      - Policy documentation[1] for details and explanation.
+      -
+      - [1]: https://developer.chrome.com/extensions/contentSecurityPolicy
+     -->
+    <script src="popup.js"></script>
+  </head>
+  <body>
+    <div id="container">
+      <h1>Tomato</h1><small>Your Pomodoro Helper</small>
+      <div id="current-state">
+        <h2>22:00</h2>
+      </div>
+      <div id="next-state">
+        <p>short break in <span>3:00</span></p>
+      </div>
+      <div id="controls">
+        <div class="controls-buttons-group">
+          <button type="button">stop</button>
+          <button type="button">pause</button>
+          <button type="button">next</button>
+        </div>
+      </div>
+    </div>
+  </body>
+</html>
+
