From d8365d3a4f782e1ed29271725a19c0327cbcd8da Mon Sep 17 00:00:00 2001 From: Erling Aaby Date: Thu, 25 Apr 2013 14:59:50 +0200 Subject: Removed animation showcase, added img instead, added colors to lower sections --- public/css/use.less | 94 +++++++++++++++++++++++++++++++++-- public/img/dividlogo.png | Bin 3881 -> 3891 bytes public/img/dividlogo@2x.png | Bin 4200 -> 4203 bytes views/header.ejs | 1 + views/home.ejs | 118 +++++++++++++++++++++++--------------------- views/navbar.ejs | 2 +- 6 files changed, 154 insertions(+), 61 deletions(-) diff --git a/public/css/use.less b/public/css/use.less index cb208b2..73d667b 100644 --- a/public/css/use.less +++ b/public/css/use.less @@ -1,3 +1,7 @@ +/*#wrapper { +width:100%; +background-position: center 40%; +}*/ #vertical(@startColor: #555, @endColor: #333) { background-color: mix(@startColor, @endColor, 60%); @@ -10,12 +14,16 @@ filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",argb(@startColor),argb(@endColor))); // IE9 and down } +.pitch { +position:relative; +} + .infobox { text-align:center; /*color:white;*/ - background-color: @grayLighter; + /*background-color: @grayLighter;*/ margin:15px; - padding:35px; + padding:50px; height: 220px; -webkit-border-radius: 15px; -moz-border-radius: 15px; @@ -23,17 +31,39 @@ } .registrer { +color: #ffffff; +text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); +background-color: #ffb440; +background-image: -moz-linear-gradient(top, #fbb440, #ff9a00); +background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb440), to(#ff9a00)); +background-image: -webkit-linear-gradient(top, #fbb440, #ff9a00); +background-image: -o-linear-gradient(top, #fbb440, #ff9a00); +background-image: linear-gradient(to bottom, #fbb440, #ff9a00); +background-repeat: repeat-x; +filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffbb440', endColorstr='#ff9a00', GradientType=0); +border-color: #ff9a00 #ff9a00 #ad6704; +border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); +box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); +filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); +/* margin-left: 20px; -background-color: #FF9A00; +color: #ffffff; +text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); +background-image: linear-gradient(to bottom, #FF9A00, #FFB440); +background-repeat: repeat-x; +border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); +box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); +filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);*/ } .infobtn { + } .showcase { width:1200px; height:400px; - margin-top: 20px; + margin-top: 40px; margin-bottom:20px; padding:10px; background-color: @grayLighter; @@ -48,4 +78,58 @@ background-color: #FF9A00; .logo { float: left; -} \ No newline at end of file +} + +/* +.last { +background-color:@grayLighter; +}*/ + +#hvem { + margin-top:25px; + /*border-top: 2px solid #9fd5df;*/ + color: #143352; + background-color: #689AD3; + 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; +} + +#hvor { + margin-top:25px; + /*border-top: 2px solid #9fd5df;*/ + color: #143352; + background-color: #4186D3; + 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; +} + +#hvordan { + margin-top:25px; + /*border-top: 2px solid #9fd5df;*/ + color: #143352; + background-color: #0D56A6; + 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; +} + + +/*#footer { +background-color: #0D56A6; +width:1170px; +height:100px; +}*/ \ No newline at end of file diff --git a/public/img/dividlogo.png b/public/img/dividlogo.png index 5a6c429..eb3d4d6 100644 Binary files a/public/img/dividlogo.png and b/public/img/dividlogo.png differ diff --git a/public/img/dividlogo@2x.png b/public/img/dividlogo@2x.png index 7576da0..1507b93 100644 Binary files a/public/img/dividlogo@2x.png and b/public/img/dividlogo@2x.png differ diff --git a/views/header.ejs b/views/header.ejs index f0185cb..2b3dbe6 100644 --- a/views/header.ejs +++ b/views/header.ejs @@ -12,4 +12,5 @@ + diff --git a/views/home.ejs b/views/home.ejs index deb7e4d..029c3e4 100644 --- a/views/home.ejs +++ b/views/home.ejs @@ -7,7 +7,7 @@ -
+
@@ -16,21 +16,24 @@
-
-

Prøv Divid

-
    -

    Opprett prosjekt

    -

    Inviter deltakere

    -

    Del utgifter

    -
- Registrer » -

Appen er tilgjengelig her:

- - -
-
-
+
+

Samarbeid om felles utgifter:utlegg:lån

+
    +

    Opprett prosjekt

    +

    Inviter deltakere

    +

    Før inn utgiftene

    +
+

Det er helt gratis!

+ Registrer » +

Prøv også Divid appen:

+ +
+ + +
@@ -41,7 +44,7 @@

Bruk mobil eller nett

-

Uansett hva du benytte Divid tilgjengelig. Divid er tilgjengelig på alle plattformer og gjør derfor deling av utgifter enklere mellom deg og andre.

+

Uansett hva du benytter er Divid tilgjengelig. Divid er tilgjengelig på alle plattformer og gjør derfor deling av utgifter enklere mellom deg og andre.

@@ -54,52 +57,57 @@

I et prosjekt kan du ha mange deltagere som skal dele på den samme regningen. Send påminnelser til sene betalere og få varsel når deltakere betaler.

-
-
-
-
-

Passer for alle

-

Divid er for alle. Å dele er sosialt og derfor holder Divid det sosialt.

-
    -
  • Studenter i kollektiv
    • -
  • Singel ute på farten i sosialt lag
    • -
  • Par i etableringsfasen og felles økonomi
    • -
  • Distribuert familie - hans og hennes barn. Hvem betaler for hva?
    • -
  • Skilt par med felles barn - hvem og hvor mye betaler for barnet egentlig?
    • -
  • Person som vil ha kontroll over hvor tingene hans er
    • -
-
-
-
-
-

Situasjon

-

Hvilke bruksområder kan jeg bruke Divid?

-
    -
  • Bruk appen fra din Iphone, Android eller windows mobile. Du kan legge til utgifter og utlegg underveis.
    • -
- - - -
-
-
-
+
+
+

Hvem passer denne tjenesten for

+

Divid er for alle. Å dele er sosialt og derfor holder Divid det sosialt.

+
    +
  • Studenter - i kollektiv
    • +
  • Singel - ute på farten i sosialt lag
    • +
  • Par - i etableringsfasen og felles økonomi
    • +
  • Distribuert familie - hans og hennes barn. Hvem betaler for hva?
    • +
  • Skilt par med felles barn - hvem og hvor mye betaler for barnet egentlig?
    • +
  • Person som vil ha kontroll
    • +
+
+
+
+
+

Situasjon

+

Hvilke bruksområder kan jeg bruke Divid?

+
    +
  • Bruk appen fra din Iphone, Android eller windows mobile. Du kan legge til utgifter og utlegg underveis.
    • +
+ + + +
+
+
+

Hvordan bruke divid

    -
  • Vi tar bryet og løser delingen rettferdig. Ikke la uvissheten om at du glemmer eller manglende tillit til folk hindre deg i dele eller låne.
    • -
  • Divid hjelper deg med å holde oversikt over dine utlegg og lån.
    • -
  • Hold venner og bekjente oppdatert med hva de skylder deg og vice versa.
    • -
  • Du slipper kvitteringer - ta bilde av de og kast de i søpla. Bildene lastes opp til Divids servere så har du de senere hvis det er bruk for de.
    • -
  • Eller ta bilde av personen med gjenstanden vedkommende har lånt av deg.
    • +
  • Vi tar bryet og løser delingen rettferdig. Ikke la uvissheten om at du glemmer eller manglende tillit til folk hindre deg i dele eller låne.
    • +
  • Divid hjelper deg med å holde oversikt over dine utlegg og lån.
    • +
  • Hold venner og bekjente oppdatert med hva de skylder deg og vice versa.
    • +
  • Du slipper kvitteringer - ta bilde av de og kast de i søpla. Bildene lastes opp til Divids servere så har du de senere hvis det er bruk for de.
    • +
  • Eller ta bilde av personen med gjenstanden vedkommende har lånt av deg.
-

Lei av reklame? Velg premium applikasjonen

-
+

Lei av reklame? Velg premium applikasjonen

+
+
+
+
-
- + + <% include footer %> diff --git a/views/navbar.ejs b/views/navbar.ejs index 5d87ae4..71f9492 100644 --- a/views/navbar.ejs +++ b/views/navbar.ejs @@ -48,7 +48,7 @@