Updated design of hello-world and cordova-basic.

evothings · Jul 22, 2014 · a04ecd4 · a04ecd4
1 parent 2b7af19
commit a04ecd4
Show file tree

Hide file tree

Showing 40 changed files with 3,866 additions and 294 deletions.
diff --git a/examples/cordova-basic/evothings-app.css b/examples/cordova-basic/evothings-app.css
diff --git a/examples/cordova-basic/evothings-examples.css b/examples/cordova-basic/evothings-examples.css
diff --git a/examples/cordova-basic/fonts/ProximaNova-Black-webfont.eot b/examples/cordova-basic/fonts/ProximaNova-Black-webfont.eot
diff --git a/examples/cordova-basic/fonts/ProximaNova-Black-webfont.svg b/examples/cordova-basic/fonts/ProximaNova-Black-webfont.svg
diff --git a/examples/cordova-basic/fonts/ProximaNova-Black-webfont.ttf b/examples/cordova-basic/fonts/ProximaNova-Black-webfont.ttf
diff --git a/examples/cordova-basic/fonts/ProximaNova-Black-webfont.woff b/examples/cordova-basic/fonts/ProximaNova-Black-webfont.woff
diff --git a/examples/cordova-basic/fonts/ProximaNova-Bold-webfont.eot b/examples/cordova-basic/fonts/ProximaNova-Bold-webfont.eot
diff --git a/examples/cordova-basic/fonts/ProximaNova-Bold-webfont.svg b/examples/cordova-basic/fonts/ProximaNova-Bold-webfont.svg
diff --git a/examples/cordova-basic/fonts/ProximaNova-Bold-webfont.ttf b/examples/cordova-basic/fonts/ProximaNova-Bold-webfont.ttf
diff --git a/examples/cordova-basic/fonts/ProximaNova-Bold-webfont.woff b/examples/cordova-basic/fonts/ProximaNova-Bold-webfont.woff
diff --git a/examples/cordova-basic/fonts/ProximaNova-Reg-webfont.eot b/examples/cordova-basic/fonts/ProximaNova-Reg-webfont.eot
diff --git a/examples/cordova-basic/fonts/ProximaNova-Reg-webfont.svg b/examples/cordova-basic/fonts/ProximaNova-Reg-webfont.svg
diff --git a/examples/cordova-basic/fonts/ProximaNova-Reg-webfont.ttf b/examples/cordova-basic/fonts/ProximaNova-Reg-webfont.ttf
diff --git a/examples/cordova-basic/fonts/ProximaNova-Reg-webfont.woff b/examples/cordova-basic/fonts/ProximaNova-Reg-webfont.woff
diff --git a/examples/cordova-basic/fonts/ProximaNova.css b/examples/cordova-basic/fonts/ProximaNova.css
@@ -0,0 +1,56 @@
+/*
+ * Web Fonts from fontspring.com
+ *
+ * All OpenType features and all extended glyphs have been removed.
+ * Fully installable fonts can be purchased at http://www.fontspring.com
+ *
+ * The fonts included in this stylesheet are subject to the End User License you purchased
+ * from Fontspring. The fonts are protected under domestic and international trademark and 
+ * copyright law. You are prohibited from modifying, reverse engineering, duplicating, or
+ * distributing this font software.
+ *
+ * (c) 2010-2014 Fontspring
+ *
+ *
+ *
+ *
+ * The fonts included are copyrighted by the vendor listed below.
+ *
+ * Vendor:      Mark Simonson Studio
+ * License URL: http://www.fontspring.com/fflicense/mark-simonson-studio
+ *
+ *
+ */
+
+@font-face {
+	font-family: 'Proxima Nova Regular';
+	src: url('ProximaNova-Reg-webfont.eot');
+	src: url('ProximaNova-Reg-webfont.eot?#iefix') format('embedded-opentype'),
+		 url('ProximaNova-Reg-webfont.woff') format('woff'),
+		 url('ProximaNova-Reg-webfont.ttf') format('truetype'),
+		 url('ProximaNova-Reg-webfont.svg#proxima_nova_rgregular') format('svg');
+	font-weight: normal;
+	font-style: normal;
+}
+
+@font-face {
+	font-family: 'Proxima Nova Bold';
+	src: url('ProximaNova-Bold-webfont.eot');
+	src: url('ProximaNova-Bold-webfont.eot?#iefix') format('embedded-opentype'),
+		 url('ProximaNova-Bold-webfont.woff') format('woff'),
+		 url('ProximaNova-Bold-webfont.ttf') format('truetype'),
+		 url('ProximaNova-Bold-webfont.svg#proxima_nova_rgbold') format('svg');
+	font-weight: bold;
+	font-style: normal;
+}
+
+@font-face {
+	font-family: 'Proxima Nova Black';
+	src: url('ProximaNova-Black-webfont.eot');
+	src: url('ProximaNova-Black-webfont.eot?#iefix') format('embedded-opentype'),
+		 url('ProximaNova-Black-webfont.woff') format('woff'),
+		 url('ProximaNova-Black-webfont.ttf') format('truetype'),
+		 url('ProximaNova-Black-webfont.svg#proxima_nova_blblack') format('svg');
+	font-weight: bolder;
+	font-style: normal;
+}
diff --git a/examples/cordova-basic/gfx/arrow_left.svg b/examples/cordova-basic/gfx/arrow_left.svg
diff --git a/examples/cordova-basic/gfx/arrow_right.svg b/examples/cordova-basic/gfx/arrow_right.svg
diff --git a/examples/cordova-basic/gfx/logo.svg b/examples/cordova-basic/gfx/logo.svg
diff --git a/examples/cordova-basic/gfx/menu.svg b/examples/cordova-basic/gfx/menu.svg
diff --git a/examples/cordova-basic/index.html b/examples/cordova-basic/index.html
@@ -9,16 +9,14 @@
 
 	<title>Cordova Basic</title>
 
-	<link href="libs/bootstrap-3.0.2/css/bootstrap.min.css" rel="stylesheet" media="screen">
 	<style>
-		@import 'evothings-examples.css';
+		@import 'evothings-app.css';
 	</style>
 	<script>
 	// Redirect console to Evothings Workbench.
 	if (window.hyper) { console.log = hyper.log; }
 	</script>
 	<script src="libs/jquery/jquery-2.0.3.js"></script>
-	<script src="libs/bootstrap-3.0.2/js/bootstrap.min.js"></script>
 	<script src="cordova.js"></script>
 	<script src="app.js"></script>
 
@@ -27,34 +25,35 @@
 <body>
 
 	<header>
-		<button onclick="history.back()">Back</button>
-		<h1>Cordova Basic</h1>
+		<button class="back" onclick="history.back()">
+			<img src="gfx/arrow_left.svg" />
+		</button>
+
+		<img class="logotype" src="gfx/logo.svg" height="60%" alt="Evothings"
+			title="Evothings" />
+
+		<button class="menu" onclick=""><img src="gfx/menu.svg" /></button>
 	</header>
 
+	<h1>Basic Cordova</h1>
+
 	<p>This app demonstrates basic Cordova functionality. For the app to work,
 		you need to run it in the Evothings Client App, or build a native
 		Cordova app yourself.</p>
 
-	<button class="btn btn-lg btn-success"
-		onclick="messagebox('Hello Evothings!')">
+	<button class="bluehue" onclick="messagebox('Hello Evothings!')">
 		Native Dialog
 	</button>
-	<button class="btn btn-lg btn-danger"
-		onclick="navigator.notification.vibrate(1000)">
+
+	<button class="brightlight" onclick="navigator.notification.vibrate(1000)">
 		Vibrate
 	</button>
-
-	<br /><br />
-
-	<div class="panel panel-primary">
-		<div class="panel-heading">
-			<h3 class="panel-title">Compass</h3>
-		</div>
-		<div class="panel-body">
-			<p id="compass-heading">[Waiting for compass]</p>
-			<p id="compass-direction"></p>
-		</div>
-	</div>
+
+	<h2 class="panel-title">Compass</h2>
+
+	<p id="compass-heading">[Waiting for compass]</p>
+
+	<p id="compass-direction"></p>
 
 </body>