From 81c4dd5a89472dfea21d6bdb4b08cd9a88723fbf Mon Sep 17 00:00:00 2001
From: ryderr <r@okfoc.us>
Date: Mon, 29 Sep 2014 18:31:32 -0400
Subject: cool circle thing on front page

---
 public/assets/stylesheets/app.css | 39 +++++++++++++++++++--------------------
 views/home.ejs                    |  6 ++++--
 2 files changed, 23 insertions(+), 22 deletions(-)

diff --git a/public/assets/stylesheets/app.css b/public/assets/stylesheets/app.css
index fe67edc..fe50b92 100755
--- a/public/assets/stylesheets/app.css
+++ b/public/assets/stylesheets/app.css
@@ -167,17 +167,16 @@ h5 {
 .page.profile {
   color:white;
 }
-.page table.demo,
-.page table.profilepage,
-.page table.projectList {
+.page .demo,
+.page .profilepage,
+.page .projectList {
   width: 100%;
-  border-top: 1px solid;
   margin: 40px 0 0 0;
   border-spacing: 0;
   clear: both;
 }
 
-.page table.showcase {
+.page .showcase {
   height:70vh;
 }
 
@@ -213,10 +212,6 @@ iframe.embed {
 	border: 0;
 
 }
-.page table.showcase td {
-  height: 70vh;
-  background-size: cover;
-}
 
 .page .viewMore {
   text-decoration: none;
@@ -1714,23 +1709,27 @@ form li textarea {
 .demo .video {
   height:80vh;
   min-height:300px;
+	background-size:cover;
+	border-bottom:1px solid;
 }
 
-.demo .video span {
-  font-size:100px;
-  color:white;
-  cursor:pointer;
-}
-.demo .video span.videoTitle {
-  font-size: 29px;
-  font-weight: 300;
-  padding: 3px 7px;
+
+.demo .video .circle {
+	font-size: 20px;
+	font-weight: 300;
+	background: white;
+	display: inline-block;
+	padding: 60px 20px;
+	border-radius: 230px;
 }
 
-.demo .video span.icon-ios7-play-outline:hover {
-  color:black;
+.demo .video .circle:hover {
+	background:black;
+	color:white;
+	cursor:pointer;
 }
 
+
 .box {
   display: table-cell;
   vertical-align: middle;
diff --git a/views/home.ejs b/views/home.ejs
index 5240ae1..8c7362c 100755
--- a/views/home.ejs
+++ b/views/home.ejs
@@ -16,9 +16,11 @@
 	<table class="demo">
 		<tr>
 			<td class="video" style="background-image:url(https://s3.amazonaws.com/luckyplop/6450f5b88c5c043a4551eff8902b1728f813bd66.jpg)">
+				<span class="circle">
 				<span class="videoTitle">Create 3D Rooms</span><br>
-				<span class="icon-ios7-play-outline"></span><br>
+				<span class="icon-ios7-play"></span><br>
 				<span class="videoTitle">Watch video.</span>
+				</span>
 			</td>
 		</tr>
 	</table>
@@ -27,7 +29,7 @@
 	
 	[[ include projects/list-projects ]]
 	
-	<a href="#loadmore" class="viewMore">View More</a>
+	<a href="#loadmore" class="viewMore btn">View More</a>
 
 	[[ include partials/confirm-modal ]]	
 	[[ include projects/layouts-modal ]]	
-- 
cgit v1.2.3-70-g09d2