diff options
| -rw-r--r-- | app.js | 2 | ||||
| -rw-r--r-- | public/css/use.less | 38 | ||||
| -rw-r--r-- | views/home.ejs | 32 |
3 files changed, 17 insertions, 55 deletions
@@ -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"> |