From b60a065fc76706a835b1957cfcac8831daa5480c Mon Sep 17 00:00:00 2001
From: ryderr <r@okfoc.us>
Date: Mon, 17 Nov 2014 17:00:50 -0500
Subject: howto and button

---
 public/assets/stylesheets/app.css | 28 +++++++++++++++++++++++++---
 views/about/howto.ejs             |  2 +-
 views/home.ejs                    |  7 ++++---
 3 files changed, 30 insertions(+), 7 deletions(-)

diff --git a/public/assets/stylesheets/app.css b/public/assets/stylesheets/app.css
index 65968f2..820c631 100755
--- a/public/assets/stylesheets/app.css
+++ b/public/assets/stylesheets/app.css
@@ -378,6 +378,18 @@ h5 {
 	background-position:center;
 }
 
+.projectList.about.howto .item span:nth-child(1){
+	width: 300px;
+	height: 300px;
+	display: inline-block;
+	float: left;
+	border-radius: 0;
+	background-size:cover;
+	background-position:center;
+	border: 1px solid;
+	box-shadow: 2px 2px black;
+}
+
 .projectList.about .item span h3{
 	font-weight: 500;
 	font-size: 25px;
@@ -830,7 +842,7 @@ iframe.embed {
 	margin: 0 auto;
 	line-height: 50px;
 }
-.gopro span a{
+.greenbtn{
 	width: 100%;
 	display: inline-block;
 	text-align: center;
@@ -842,7 +854,14 @@ iframe.embed {
 	-moz-transition:0.2s background;
 	transition:0.2s background;
 }
-.gopro span a:hover{
+.greenbtn.learn {
+	width: 80%;
+	clear: both;
+	font-size: 30px;
+	font-weight: 300;
+	margin: 110px 10% 0 10%;
+}
+.greenbtn:hover{
 	background:black;
 }
 .profilepage .about h2 .btn {
@@ -963,7 +982,7 @@ border-left: 1px solid black;
 }
 .editing .mx-scenery:hover,
 .editing .mx-scenery.picked {
-  border: 2px dashed yellow;
+  border: 1px dashed black;
   -moz-box-sizing: content-box;
   -webkit-box-sizing: content-box;
   box-sizing: content-box;
@@ -3041,6 +3060,9 @@ a[data-role="forgot-password"] {
 	.gopro span a{
 		margin-top: 20px;
 	}
+	.greenbtn.learn {
+		display:none;
+	}
 }
 
 @media screen and (orientation:portrait) {
diff --git a/views/about/howto.ejs b/views/about/howto.ejs
index a3768e1..2e0f8ed 100644
--- a/views/about/howto.ejs
+++ b/views/about/howto.ejs
@@ -31,7 +31,7 @@
 	
 		<div class="item">
 			<div class="rap">
-			<span style="background-image:url(http://okfocus.s3.amazonaws.com/images/vvalls/uploadmedia.gif)">
+			<span style="background-image:url(http://okfocus.s3.amazonaws.com/images/vvalls/addmedia.gif)">
 			</span>
 			<span>
 				<h3>2. Add Your Media Files.</h3>
diff --git a/views/home.ejs b/views/home.ejs
index 6d53ca1..28499d7 100755
--- a/views/home.ejs
+++ b/views/home.ejs
@@ -53,8 +53,9 @@
 			</span>
 		</div>
 		</div>
-		
-	</div>
+
+		<a href="/about/howto" class="greenbtn learn">Learn How To Use VValls</a>
+</div>
 	
 	<h1>Room Showcase</h1>
 
@@ -69,7 +70,7 @@
 			We can help make your content immersive and experiential. We offer white-label licensing of VValls customized to suit the various needs of your project. Customizations include more sophisticated floor plan, video, audio, and interactivity options, as well as automation of room creation. We can also completely integrate a custom version of VValls into your product offering or work with your team to enhance your advertising or marketing campaign.
 			Give your audience a cutting-edge interactive experience with your brand. 
 			Please inquire to start a conversation.
-		<a href="mailto:info@vvalls.com?subject=VValls platform">Contact</a>
+		<a href="mailto:info@vvalls.com?subject=VValls platform" class="greenbtn">Contact</a>
 		</span>
 	</div>
 	[[ include partials/confirm-modal ]]	
-- 
cgit v1.2.3-70-g09d2