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 @@
-
-
-

Ofte stilte spørsmål

-
-

Ta bilde av kvitteringene eller en utlånt gjenstand med Divid bildebank for senere gjennomsyn

-

Ta bilde av kvitteringene eller en utlånt gjenstand med Divid bildebank for senere gjennomsyn

-

Ta bilde av kvitteringene eller en utlånt gjenstand med Divid bildebank for senere gjennomsyn

-

Ta bilde av kvitteringene eller en utlånt gjenstand med Divid bildebank for senere gjennomsyn

-
-
-

Ta bilde av kvitteringene eller en utlånt gjenstand med Divid bildebank for senere gjennomsyn

-

Ta bilde av kvitteringene eller en utlånt gjenstand med Divid bildebank for senere gjennomsyn

-

Ta bilde av kvitteringene eller en utlånt gjenstand med Divid bildebank for senere gjennomsyn

-

Ta bilde av kvitteringene eller en utlånt gjenstand med Divid bildebank for senere gjennomsyn

-
-
-
-- cgit v1.2.3 From 24a15c344895fd7619f57bfa1b7dc07902256279 Mon Sep 17 00:00:00 2001 From: Erling Aaby Date: Fri, 26 Apr 2013 10:37:12 +0200 Subject: Added img to divid home --- public/img/dashboard.png | Bin 0 -> 64660 bytes public/img/dashboard@2x.png | Bin 0 -> 176071 bytes public/img/iph@2x.png | Bin 0 -> 5904 bytes public/img/iphone@2x.png | Bin 5904 -> 0 bytes public/img/pdashboard.png | Bin 0 -> 25875 bytes public/img/pdashboard@2x.png | Bin 0 -> 35473 bytes 6 files changed, 0 insertions(+), 0 deletions(-) create mode 100644 public/img/dashboard.png create mode 100644 public/img/dashboard@2x.png create mode 100644 public/img/iph@2x.png delete mode 100644 public/img/iphone@2x.png create mode 100644 public/img/pdashboard.png create mode 100644 public/img/pdashboard@2x.png diff --git a/public/img/dashboard.png b/public/img/dashboard.png new file mode 100644 index 0000000..d8c49ab Binary files /dev/null and b/public/img/dashboard.png differ diff --git a/public/img/dashboard@2x.png b/public/img/dashboard@2x.png new file mode 100644 index 0000000..f9078bc Binary files /dev/null and b/public/img/dashboard@2x.png differ diff --git a/public/img/iph@2x.png b/public/img/iph@2x.png new file mode 100644 index 0000000..30d3ba4 Binary files /dev/null and b/public/img/iph@2x.png differ diff --git a/public/img/iphone@2x.png b/public/img/iphone@2x.png deleted file mode 100644 index 30d3ba4..0000000 Binary files a/public/img/iphone@2x.png and /dev/null differ diff --git a/public/img/pdashboard.png b/public/img/pdashboard.png new file mode 100644 index 0000000..d6d96ef Binary files /dev/null and b/public/img/pdashboard.png differ diff --git a/public/img/pdashboard@2x.png b/public/img/pdashboard@2x.png new file mode 100644 index 0000000..7edcaea Binary files /dev/null and b/public/img/pdashboard@2x.png differ -- cgit v1.2.3 From 9e8383303ea5e305de916150ab93e2572ec0eac0 Mon Sep 17 00:00:00 2001 From: Lurifax Date: Fri, 26 Apr 2013 10:48:02 +0200 Subject: Changed text --- app.js | 2 +- views/home.ejs | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/app.js b/app.js index 95f0b64..9fcfc31 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 || 8001); + app.set('port', process.env.PORT || 3000); 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/views/home.ejs b/views/home.ejs index 2a3bc4c..02fff33 100644 --- a/views/home.ejs +++ b/views/home.ejs @@ -67,7 +67,7 @@

Hvem er denne tjenesten for?

-
Divid er for alle. Å dele er sosialt og derfor holder Divid det sosialt.
+
Divid er ikke for alle. Å dele er sosialt og derfor holder Divid det sosialt.
  • Studenter - i kollektiv
  • Singel - ute på farten i sosialt lag
    • -- cgit v1.2.3 From 5737db16db164b4bdd6a2258dfc5c20f595f9237 Mon Sep 17 00:00:00 2001 From: robertkj Date: Fri, 26 Apr 2013 11:18:01 +0200 Subject: added temp file for work --- public/css/need.less | 1 + 1 file changed, 1 insertion(+) create mode 100644 public/css/need.less diff --git a/public/css/need.less b/public/css/need.less new file mode 100644 index 0000000..6f1c3d4 --- /dev/null +++ b/public/css/need.less @@ -0,0 +1 @@ +/*Temporary/* -- cgit v1.2.3 From aa6a33e891a7856ef6153471d9112ddbe4bb78c8 Mon Sep 17 00:00:00 2001 From: Lurifax Date: Fri, 26 Apr 2013 13:13:29 +0200 Subject: Added retina resolution to gplay and appstore buttons --- public/img/appstore@2x.png | Bin 0 -> 5568 bytes public/img/googleplay@2x.png | Bin 0 -> 7478 bytes 2 files changed, 0 insertions(+), 0 deletions(-) create mode 100644 public/img/appstore@2x.png create mode 100644 public/img/googleplay@2x.png diff --git a/public/img/appstore@2x.png b/public/img/appstore@2x.png new file mode 100644 index 0000000..ca292a0 Binary files /dev/null and b/public/img/appstore@2x.png differ diff --git a/public/img/googleplay@2x.png b/public/img/googleplay@2x.png new file mode 100644 index 0000000..c5ce0f2 Binary files /dev/null and b/public/img/googleplay@2x.png differ -- cgit v1.2.3 From 48ebf0ea80c3e83489112723eda5c530504cd09f Mon Sep 17 00:00:00 2001 From: Lurifax Date: Fri, 26 Apr 2013 14:16:50 +0200 Subject: Fixed bugs and showcase --- public/css/use.less | 16 ++++++++------- public/img/dashboard.png | Bin 64660 -> 127906 bytes public/img/dashboard@2x.png | Bin 176071 -> 339575 bytes views/home.ejs | 48 +++++++++++++++++++++----------------------- 4 files changed, 32 insertions(+), 32 deletions(-) diff --git a/public/css/use.less b/public/css/use.less index 6f80224..fe1745b 100644 --- a/public/css/use.less +++ b/public/css/use.less @@ -15,7 +15,7 @@ } .content { - margin-left:0px; +/* margin-left:0px;*/ } .pitch { @@ -93,8 +93,7 @@ margin:10px; height:460px; margin-top: 40px; margin-bottom:20px; - margin-left:0px; - /*background-color: @grayLighter;*/ + background-color: @grayLighter; /*background-image: url('/img/people.png'); background-repeat:no-repeat; background-attachment:fixed; @@ -115,10 +114,14 @@ margin:10px; float:right; margin: 0px; } -.infoimg{ +.divideLine { +background-color:#66A3D2; +height:5px; +width:35%; +margin-top:40px; +margin-bottom:40px; } - /* .last { background-color:@grayLighter; @@ -180,9 +183,8 @@ margin:10px; display: block; } - /*#footer { background-color: #0D56A6; width:1170px; height:100px; -}*/ \ No newline at end of file +}*/ diff --git a/public/img/dashboard.png b/public/img/dashboard.png index d8c49ab..1b82ffc 100644 Binary files a/public/img/dashboard.png and b/public/img/dashboard.png differ diff --git a/public/img/dashboard@2x.png b/public/img/dashboard@2x.png index f9078bc..4f582b8 100644 Binary files a/public/img/dashboard@2x.png and b/public/img/dashboard@2x.png differ diff --git a/views/home.ejs b/views/home.ejs index 02fff33..a764d54 100644 --- a/views/home.ejs +++ b/views/home.ejs @@ -12,34 +12,32 @@
    -
    +
    -
    -

    Samarbeid om felles utgifter:utlegg:lån

    -
    -
      -

      Opprett prosjekt

      -

      Inviter deltakere

      -

      Før inn utgiftene

      -
      -

      Ta et oppgjør

      -
    -
    -
    - Registrer » -

    Det er helt gratis!

    -

    Prøv også Divid appen:

    - - -
    -
    +
    +
    +
    +

    Samarbeid om utgifter

    +
      +

      Opprett prosjekt og inviter deltakere

      +

      Inviter deltakere

      +

      Før inn utgiftene

      + +
    +
    +
    +
    + Registrer » +

    Det er helt gratis!

    +

    Prøv også Divid appen:

    + + +
    +
    +
    -
    - -
    -
    @@ -67,7 +65,7 @@

    Hvem er denne tjenesten for?

    -
    Divid er ikke for alle. Å dele er sosialt og derfor holder Divid det sosialt.
    +
    Divid er for alle. Å dele er sosialt og derfor holder Divid det sosialt.
    • Studenter - i kollektiv
    • Singel - ute på farten i sosialt lag
      • -- cgit v1.2.3