Added lots of img to divid home and changed composition

2 files changed, 51 insertions, 21 deletions

diff --git a/app.js b/app.js
index f9aa1b9..492f8fe 100644
--- a/app.js
+++ b/app.js
@@ -10,7 +10,7 @@ var express = require('express')
 /**
  * App configuration
  */
-var port = process.env.PORT || 8000
+var port = process.env.PORT || 8001
   , env = process.env.NODE_ENV || 'development'
   , config = require('./config/config')[env]
   , auth = require('./config/middlewares/authorization');
diff --git a/views/home.ejs b/views/home.ejs
index aeb0cda..b0693e5 100644
--- a/views/home.ejs
+++ b/views/home.ejs
@@ -30,6 +30,7 @@
                         </div>
                         <div class="span12 row">
 					    	<a href="#" class="btn btn-large register">Registrer »</a>
+							<button class="btn-primary btn-large btn-thumbs-up like"><i class="icon-thumbs-up icon-white"></i> Like!</button>
                         </div>
                     </div>
 					<div class="span7 dash">
@@ -58,43 +59,72 @@
 						<p>Ikke la delte utgifter gå i glemmeboken. Send påminnelser og få varsel når deltakere betaler.</p>
 				</div>
 			</div>
-			<div id="hvem" class="span12 content">
+			<div id="hva" class="span12 content">
 				<div class="container last">
-					<div class="span6 sectionright">
-						<h1>Hvor kan Divid brukes?</h1>
-						<h5>Divid er for alle. Å dele er sosialt og derfor holder Divid det sosialt.</h5>
-						<ul>
-							<li>Studenter - i kollektiv</li>
-							<li>Singel - ute på farten i sosialt lag</li>
-							<li>Par - i etableringsfasen og felles økonomi</li>
-							<li>Distribuert familie - hennes barn og hans barn - Hvem betaler for hva?</li>
-							<li>Skilt par med felles barn - hvem og hvor mye betaler for barnet?</li>
-							<li>Person som vil ha kontroll </li> <!--"over hvor tingene hans er"--!>
-						</ul>
-					</div>
-					<div class="span6 sectionleft">
-					
-					</div>
+				<div class="span12">
+				<h1>Hva kan Divid brukes til</h1>
+				</div>
+				<div class="span2 scenario">
+						<img src="/img/student.png">
+						<h4>Studentkollektiv</h4>
+						<p>Fellesutgifter, fester, bøter, bursdager, øl, mat, strøm</p>
+				</div>
+				<div class="span2 scenario">
+						<img src="/img/fest.png">
+						<h4>Singelliv</h4>
+						<p>Ute på farten, stelle i stand aktiviter med andre, sydentur osv</p>
+				</div>
+				<div class="span2 scenario">
+						<img src="/img/flytting.png">
+						<h4>Parforhold</h4>
+						<p>I etableringsfasen som ønsker å ha ordnet økonomi fra starten av</p>
+						<p>Hindrer snylting</p>
+				</div>
+				<div class="span2 scenario">
+						<img src="/img/omsorg.png">
+						<h4>Distribuert familie</h4> <!--eller skilt par med--!>
+						<p>eller</p>
+						<h4>Delt omsorg</h4>
+						<p>Hvem betaler hva for hans, hennes og deres barn?</p>
+						<!--<p>klær, mat, reiser, aktiviteter, sport, skolebøker, tannlege, medisiner</p>--!>
+				</div>
+				<!--<div class="span2 scenario">
+						<img src="/img/overwatch.png">
+						<h4>Person som vil ha oversikt over tingene sine.</h4>
+						<p>Ta et bilde med Divid: av gressklippern han lånte bort til naboen, tennisrackettene kompisen hans lånte, eller klær hun har lånt bort til venninner</p>
+				</div>--!>
+				</div>
 				</div>
 			</div>
 			<div id="hvor" class="span12 content">
 				<div class="container last">
+					<div class="span6 sectionleft">
+						<h1>Hvordan bruke Divid</h1>
+					</div>
+					<div class="span6 sectionright">
+						<h1>Tilgjengelig via:</h1>
+					</div>
 					<div class="span7 sectionleft">
 						<div class="span5 sectionleft tutorial">
 							<iframe src="http://player.vimeo.com/video/41974181" width="500" height="281" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>
 						</div>
 					</div>
 					<div class="span5 sectionright">	
-					<img src="/img/iph.png" class="infoimg">
-					<img src="/img/android.png" class="infoimg">
-					<img src="/img/win.png" class="infoimg">
+					<a href="https://itunes.apple.com/us/genre/ios-finance/id6015?mt=8"><img src="/img/iph.png" class="apple"></a>
+					<a href="https://play.google.com/store"><img src="/img/android.png" id="android" class="infoimg"></a>
+					<a href="http://www.windowsphone.com/nb-no/store"><img src="/img/win.png" id="windows" class="infoimg"></a>
 					</div>
 				</div>
 			</div>
 		<div id="hvordan" class="span12 content">
 			<div class="container last">
+				<div class="span6 sectionleft">
+				<h1>Registrering</h1>
+				<p>"Her skal registreringsformen inn"</p>
+				</div>
+			
 				<div class="span6 sectionright">
-				<h1>Registrering</h1> <!-- Vi viser deg hvor enkelt det er å bruke Divid.--!>
+				<h1>Divid er enkelt!</h1> <!-- Vi viser deg hvor enkelt det er å bruke Divid.--!>
 					<ul>
 						<h4><i class="icon-chevron-right icon-white"></i> Vi tar bryet og løser delingen rettferdig</h4>
 						</br>