removed animation, added illustrations instead, removed faaq, added new faq.ejs

3 files changed, 17 insertions, 55 deletions

diff --git a/app.js b/app.js
index 7fd9cbb..95f0b64 100644
--- a/app.js
+++ b/app.js
@@ -17,7 +17,7 @@ var app = express(); // initiates express
 app.configure(function(){
     // this controls the port the application will be running on.
     // by adding 'process.enc.PORT' we enable the app to run on automated systems like heroku
-    app.set('port', process.env.PORT || 8000);
+    app.set('port', process.env.PORT || 8001);
 
     app.set('views', __dirname + '/views'); // sets views to the right directory
     app.set('view engine', 'ejs'); // initiates viewengine. We use EJS, or embedded js - http://embeddedjs.com/
diff --git a/public/css/use.less b/public/css/use.less
index 4b8a897..6f80224 100644
--- a/public/css/use.less
+++ b/public/css/use.less
@@ -30,6 +30,14 @@
 	margin-left: 10px;
 }
 
+.dash {
+margin:10px;
+}
+
+.pdash {
+margin:10px;
+}
+
 .sectionleft {
 	float:left;
 	margin-left: 10px;
@@ -51,26 +59,10 @@
 	padding:46px;
 	margin-bottom:20px;
 	border: 1px solid white;
-	/*text-shadow: 0 -1px 0 rgba(0, 0, 0, 1.25 );*/
 	-webkit-border-radius: 15px;
         -moz-border-radius: 15px;
             border-radius: 15px;
 }
-#first:hover {
-color:#ff9a00;
-border: 1px solid @grayLighter;
-text-shadow: 0 -1px 0 rgba(0, 0, 0, 1.25);
-}
-#second:hover {
-color:#ff9a00;
-border: 1px solid @grayLighter;
-text-shadow: 0 -1px 0 rgba(0, 0, 0, 1.25);
-}
-#third:hover {
-color:#ff9a00;
-border: 1px solid @grayLighter;
-text-shadow: 0 -1px 0 rgba(0, 0, 0, 1.25);
-}
 
 .register {
 	color: #ffffff;
@@ -174,20 +166,6 @@ text-shadow: 0 -1px 0 rgba(0, 0, 0, 1.25);
 	display: block;
 }
 
-#FAQ {
-	margin-top:25px;
-	/*border-top: 2px solid #9fd5df;*/
-	color: #FF9A00;
-	background-color: #232323;
-	box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.2);
-	-moz-box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.2);
-	-webkit-box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.2);
-	margin: 0 auto;
-	font-size: 18px;
-	line-height: 26px;
-	display: block;
-}
-
 #register {
 	margin-top:25px;
 	/*border-top: 2px solid #9fd5df;*/
diff --git a/views/home.ejs b/views/home.ejs
index 7df029b..2a3bc4c 100644
--- a/views/home.ejs
+++ b/views/home.ejs
@@ -17,7 +17,7 @@
       <!-- Main hero unit for a primary marketing message or call to action -->
 				<div class="span12 showcase">
 						<div class="pitch"><h1>Samarbeid om felles utgifter:utlegg:lån</h1></div>
-					<div class="span5 pitch">	
+					<div class="span3 pitch">	
 						<ul>
 							</li><h4><i class="icon-play"></i> Opprett prosjekt</h4></li>
 							</li><h4><i class="icon-user"></i> Inviter deltakere</h4></li>
@@ -26,18 +26,19 @@
 							</li><h4><i class="icon-repeat"></i> Ta et oppgjør</h4></li>
 						</ul>
 					</div>
-					<div class="span5 join">
+					<div class="span3 join">
 						<a href="#" class="btn btn-large register">Registrer »</a>
 						<p>Det er helt gratis!</p>
 						<h4>Prøv også Divid appen:</h4>
 						<img href="#" src="/img/appstore.png" class="marketbtn">
 						<img href="#" src="/img/googleplay.png" class="marketbtn">
 					</div>
-					<!--<img src="/img/dashboard.png">
-					<img src="/img/phonedashboard.png">--!>
-					
-					<div class="animation span7 devices">
-					<div class="screen"></div>
+					<div class="span6 dash">
+					<img src="/img/dashboard.png">
+					</div>
+					<div class="span3 pdash">
+					<img src="/img/pdashboard.png">
+					</div>
 					</div>
 				</div>
 			</div>
@@ -118,23 +119,6 @@
 				</div>
 			</div>
 		</div>
-		<div id="FAQ" class="span12 content">
-			<div class="container last">
-				<h1>Ofte stilte spørsmål</h1>
-				<div class="span6 sectionleft que">
-					<h4><i class="icon-chevron-right icon-white"></i> Ta bilde av kvitteringene eller en utlånt gjenstand med Divid bildebank for senere gjennomsyn</h4>
-					<h4><i class="icon-chevron-right icon-white"></i> Ta bilde av kvitteringene eller en utlånt gjenstand med Divid bildebank for senere gjennomsyn</h4>
-					<h4><i class="icon-chevron-right icon-white"></i> Ta bilde av kvitteringene eller en utlånt gjenstand med Divid bildebank for senere gjennomsyn</h4>
-					<h4><i class="icon-chevron-right icon-white"></i> Ta bilde av kvitteringene eller en utlånt gjenstand med Divid bildebank for senere gjennomsyn</h4>
-				</div>
-				<div class="span6 sectionright ans">
-					<h4><i class="icon-chevron-right icon-white"></i> Ta bilde av kvitteringene eller en utlånt gjenstand med Divid bildebank for senere gjennomsyn</h4>
-					<h4><i class="icon-chevron-right icon-white"></i> Ta bilde av kvitteringene eller en utlånt gjenstand med Divid bildebank for senere gjennomsyn</h4>
-					<h4><i class="icon-chevron-right icon-white"></i> Ta bilde av kvitteringene eller en utlånt gjenstand med Divid bildebank for senere gjennomsyn</h4>
-					<h4><i class="icon-chevron-right icon-white"></i> Ta bilde av kvitteringene eller en utlånt gjenstand med Divid bildebank for senere gjennomsyn</h4>
-				</div>
-			</div>
-		</div>
 		<div id="register" class="span12 content">
 			<div class="container last">
 				<div class="span6 sectionright">