From b2a0b343b2fa0a54c352e8fddfe40debfeb85812 Mon Sep 17 00:00:00 2001
From: dennisdebel <dennisdebel@gmail.com>
Date: Tue, 19 May 2015 22:40:50 +0200
Subject: [PATCH 1/3] added more styling, canvas needs to be smaller

---
 web/index.html |  9 ++---
 web/style.css  | 97 +++++++++++++++++++++++++++++++++++++-------------
 2 files changed, 77 insertions(+), 29 deletions(-)

diff --git a/web/index.html b/web/index.html
index f6017c4..867e78b 100755
--- a/web/index.html
+++ b/web/index.html
@@ -17,6 +17,7 @@
       <textarea id="name" rows="1" placeholder="Your Name"></textarea>
       <textarea id="message" rows="2"  placeholder="Your Message"></textarea>
       <!-- removed photo button from here, otherwise triggers sending (empty) messages... TO FIX-->
+      <br>
       <input type="submit" class="send-button" value="Send">
     </form>
   </div>
@@ -40,10 +41,10 @@
     <canvas id="canvas3" width="400" height="400"></canvas>
     <br>
 
-    <button id="rot-left" class="back-button">Rotate left</button>
-    <button id="rot-right" class="back-button">Rotate right</button>
-
-    <button id="submit-photo" class="photo-buttons">submit</button>
+    <button id="rot-left" class="rot-left">Rotate left</button>
+    <button id="rot-right" class="rot-right">Rotate right</button>
+    <br><br>
+    <button id="submit-photo" class="photo-buttons">Send</button>
     
 
   </div>
diff --git a/web/style.css b/web/style.css
index dbbf416..2a56842 100755
--- a/web/style.css
+++ b/web/style.css
@@ -105,6 +105,78 @@ margin:10px;
 }
 
 
+.rot-left{
+  display:inline;
+  float:left;
+  width:50%;
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  outline: none;
+  border:0;
+  -webkit-border-radius: 13px;
+  -moz-border-radius: 13px;
+  border-radius: 13px;
+  height:40px;
+  display: block;
+  font-family: inherit;
+  font-size: 20px;
+  font-weight:bold;
+  text-shadow: 0 0 23px #888;
+  background-color:#fff;
+  -moz-box-shadow:0 0 23px #bbb;
+  -webkit-box-shadow:0 0 23px #bbb;
+  box-shadow:0 0 23px #bbb;
+}
+
+.rot-right{
+ // margin-right: 60px;
+  display:inline;
+  width:50%;
+  float:right;
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  outline: none;
+  border:0;
+  -webkit-border-radius: 13px;
+  -moz-border-radius: 13px;
+  border-radius: 13px;
+  height:40px;
+  display: block;
+  font-family: inherit;
+  font-size: 20px;
+  font-weight:bold;
+  text-shadow: 0 0 23px #888;
+  background-color:#fff;
+  -moz-box-shadow:0 0 23px #bbb;
+  -webkit-box-shadow:0 0 23px #bbb;
+  box-shadow:0 0 23px #bbb;
+}
+
+
+.photo-buttons {
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  outline: none;
+  border:0;
+  -webkit-border-radius: 13px;
+  -moz-border-radius: 13px;
+  border-radius: 13px;
+  height:40px;
+  width:100%;
+  display: block;
+  font-family: inherit;
+  font-size: 20px;
+  font-weight:bold;
+  text-shadow: 0 0 23px #888;
+  background-color:#fff;
+  -moz-box-shadow:0 0 23px #bbb;
+  -webkit-box-shadow:0 0 23px #bbb;
+  box-shadow:0 0 23px #bbb;
+
+}
+
+
+
 /* hide calculation canvases */
 #sourceImage{
   display: none;
@@ -243,31 +315,6 @@ hr{
 }
 
 
-.photo-buttons {
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  outline: none;
-  //border: 1px solid #bbb;
-  border:0;
-  -webkit-border-radius: 13px;
-  -moz-border-radius: 13px;
-  border-radius: 13px;
-  height:40px;
-  width:100%;
-  display: block;
-  font-family: inherit;
-  font-size: 20px;
-  font-weight:bold;
-  text-shadow: 0 0 23px #888;
-  background-color:#fff;
-
-  -moz-box-shadow:0 0 23px #bbb;
-  -webkit-box-shadow:0 0 23px #bbb;
-  box-shadow:0 0 23px #bbb;
-
-}
-
-
 
 
 .node, .hops {

From b68bae4f42acd98441e3eb8301b92e2722e7c4a7 Mon Sep 17 00:00:00 2001
From: dennisdebel <dennisdebel@gmail.com>
Date: Tue, 19 May 2015 23:10:22 +0200
Subject: [PATCH 2/3] added name field to photo ul page

---
 web/index.html |  2 ++
 web/style.css  | 21 +++++++++++++++++++++
 2 files changed, 23 insertions(+)

diff --git a/web/index.html b/web/index.html
index 867e78b..48aec6a 100755
--- a/web/index.html
+++ b/web/index.html
@@ -44,6 +44,8 @@
     <button id="rot-left" class="rot-left">Rotate left</button>
     <button id="rot-right" class="rot-right">Rotate right</button>
     <br><br>
+    <textarea id="name" rows="1" placeholder="Your Name"></textarea>
+    <br>
     <button id="submit-photo" class="photo-buttons">Send</button>
     
 
diff --git a/web/style.css b/web/style.css
index 2a56842..7abd281 100755
--- a/web/style.css
+++ b/web/style.css
@@ -219,6 +219,27 @@ margin:10px;
 
 }
 
+#name{
+    -webkit-appearance: none;
+  -moz-appearance: none;
+
+  display: block;
+  outline:none;
+  width: 98%;
+  margin: 0 auto;
+  line-height: 40px;
+  border:none;
+  -webkit-border-radius: 13px;
+  -moz-border-radius: 13px;
+  border-radius: 13px;
+  font-family: inherit;
+  font-size: 20px;
+
+  -moz-box-shadow:0 0 23px #bbb;
+  -webkit-box-shadow:0 0 23px #bbb;
+  box-shadow:0 0 23px #bbb;
+
+}
 
 #message-form .send-button {
   -webkit-appearance: none;

From 4e07207c5b1e75640d85f0fccf0bd7e25eedcf26 Mon Sep 17 00:00:00 2001
From: dennisdebel <dennisdebel@gmail.com>
Date: Tue, 19 May 2015 23:11:50 +0200
Subject: [PATCH 3/3] added name field to photo ul page,correct id

---
 web/index.html | 2 +-
 web/style.css  | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/web/index.html b/web/index.html
index 48aec6a..53794b9 100755
--- a/web/index.html
+++ b/web/index.html
@@ -44,7 +44,7 @@
     <button id="rot-left" class="rot-left">Rotate left</button>
     <button id="rot-right" class="rot-right">Rotate right</button>
     <br><br>
-    <textarea id="name" rows="1" placeholder="Your Name"></textarea>
+    <textarea id="photo-name" rows="1" placeholder="Your Name"></textarea>
     <br>
     <button id="submit-photo" class="photo-buttons">Send</button>
     
diff --git a/web/style.css b/web/style.css
index 7abd281..071d51f 100755
--- a/web/style.css
+++ b/web/style.css
@@ -219,7 +219,7 @@ margin:10px;
 
 }
 
-#name{
+#photo-name{
     -webkit-appearance: none;
   -moz-appearance: none;