From 85740c9ec7c1fdb293f41d07a8701d3b0ebf3c8e Mon Sep 17 00:00:00 2001
From: Adam Soltys <asoltys@gmail.com>
Date: Sat, 6 Feb 2016 17:30:40 -0800
Subject: Frontpage facelift

---
 views/layout.html     |  3 +-
 views/users/show.html | 78 ++++++++++++++++++++++++++++++++++++++-------------
 2 files changed, 60 insertions(+), 21 deletions(-)

(limited to 'views')

diff --git a/views/layout.html b/views/layout.html
index f4a4e9c9..21f4b242 100644
--- a/views/layout.html
+++ b/views/layout.html
@@ -2,6 +2,7 @@
   <head>
     <meta charset="utf-8" />
 		<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1" />
+    <meta name="mobile-web-app-capable" content="yes">
     <title>CoinOS</title>
     <link href="/img/favicon.ico" rel="shortcut icon" />
     <link rel="stylesheet" href="/bower/jquery-ui/themes/ui-lightness/jquery-ui.min.css" />
@@ -28,7 +29,7 @@
           <span class="pull-right glyphicon glyphicon-list"></span>
           <span id="connection" class="pull-right glyphicon glyphicon-exclamation-sign"></span>
         </button>
-        <div id="nav" class="collapse navbar-collapse">
+        <div id="nav" class="collapse navbar-collapse no-transition">
           <div class="navbar">
             <ul class="nav navbar-nav">
               <li><a href="/{{user}}"><span class="glyphicon glyphicon-home"></span> Home</a></li>
diff --git a/views/users/show.html b/views/users/show.html
index ef177239..3a299a0f 100644
--- a/views/users/show.html
+++ b/views/users/show.html
@@ -15,32 +15,70 @@ Your email has been verified. Thank you!
   <input id="user" type="hidden" value="{{user}}" />
 
   <h1 id="title"></h1>
-  <a href="/{{user}}/edit"><img id="logo" src="/img/bitcoin.png" alt="Logo" /></a>
+  <img id="logo" src="/img/bitcoin.png" alt="Logo" />
 
-  <form role="form">
-    <div class="form-group">
-      <label for="amount">Amount:</label>
-      <input type="text" id="amount" class="form-control" />
-      <span id="currency"></span> / <span id="exchange"></span> <span>BTC</span>
+  <div id="controls">
+    <div class="rates pull-right tablet">
+      <h2><small>@</small><span class="exchange"></span></h2>
+      <h3 style="margin-top: -5px">
+        <span class="label label-default symbol"></span> 
+        <span class="label label-success commission"></span>
+      </h3>
     </div>
 
-    <div class="form-group">
-      <label for="tip">Tip:</label>
-      <div class="btn-toolbar">
-        <div class="btn-group" id="tip">
-          <button type="button" class="active btn btn-default">0%</button>
-          <button type="button" class="btn btn-default">10%</button>
-          <button type="button" class="btn btn-default">15%</button>
-          <button type="button" class="btn btn-default">20%</button>
-        </div>
+    <div class="numpad pull-left">
+      <h2><span class="amount">0.00</span> <small class="currency"></small></h2>
+      <button class="btn btn-lg btn-primary">1</button>
+      <button class="btn btn-lg btn-primary">2</button>
+      <button class="btn btn-lg btn-primary">3</button>
+      <br />
+      <button class="btn btn-lg btn-primary">4</button>
+      <button class="btn btn-lg btn-primary">5</button>
+      <button class="btn btn-lg btn-primary">6</button>
+      <br />
+      <button class="btn btn-lg btn-primary">7</button>
+      <button class="btn btn-lg btn-primary">8</button>
+      <button class="btn btn-lg btn-primary">9</button>
+      <br />
+      <button class="btn btn-lg btn-primary">C</button>
+      <button class="btn btn-lg btn-primary">0</button>
+      <button class="btn btn-lg btn-primary" style="padding: 13px 0"><i class="fa fa-arrow-left"></i></button>
+    </div>
+
+    <div class="tippad tablet">
+      <h2><small>+</small><span class="tip"></span></h2>
+        <button type="button" class="active btn btn-lg btn-default">0%</button><br />
+        <button type="button" class="btn btn-lg btn-default">10%</button><br />
+        <button type="button" class="btn btn-lg btn-default">15%</button><br />
+        <button type="button" class="btn btn-lg btn-default">20%</button>
+    </div>
+
+    <div class="clearfix mobile"></div>
+    <div class="tippad mobile" style="margin-top: 10px">
+      <h2><small>+</small><span class="tip"></span> <small>TIP</small></h2>
+      <div class="btn-group">
+        <button type="button" class="active btn btn-lg btn-default">0%</button>
+        <button type="button" class="btn btn-lg btn-default">10%</button>
+        <button type="button" class="btn btn-lg btn-default">15%</button>
+        <button type="button" class="btn btn-lg btn-default">20%</button>
       </div>
     </div>
-  </form>
 
-  <div id="payment">
-    <p>Please send <strong id="total">0.0</strong> <span id="unit"></span> to</p>
-    <a href="/{{user}}/report"><div id="qr"></div></a>
-    <p id="address"></p>
+    <div class="mobile">
+      <h3 class="pull-right" style="margin-top: -3px">
+        <span class="label label-default symbol"></span> 
+        <span class="label label-success commission"></span>
+      </h3>
+      <h2><small>@</small><span class="exchange"></span></h2>
+    </div>
+  </div>
+
+  <button id="slide" class="btn btn-primary" style="height: 1.8em; width: 100%; margin-bottom: 2px;"><i class="fa fa-lg fa-sort-up"></i></button>
+
+  <div id="payment" style="margin-top: -10px">
+    <h2><small>Please send</small> <span id="total">0.0</span> <small class="unit"></small></h2>
+    <div id="qr"></div>
+    <h2><span id="address" class="label label-success"></span></h2>
   </div>
 
   <button type="button" id="received" class="btn btn-success">Payment Received.  Thank you!</button>
-- 
cgit v1.2.3