aboutsummaryrefslogtreecommitdiff
path: root/app/views
diff options
context:
space:
mode:
authorPacien TRAN-GIRARD2015-01-24 20:27:08 +0100
committerPacien TRAN-GIRARD2015-01-25 23:47:13 +0100
commitd04d732a084f07ca88fdfa82653bdfd2d6798374 (patch)
treed4b03c921e5fa98e9fb731d1549fbc8dbdc6b9fe /app/views
parent2f6780969318c08c7a0a0e8e52a7dad33ff53786 (diff)
downloadminibay-d04d732a084f07ca88fdfa82653bdfd2d6798374.tar.gz
First website mockup
Diffstat (limited to 'app/views')
-rw-r--r--app/views/fragments/accountInfos.scala.html14
-rw-r--r--app/views/fragments/ebeLogo.scala.html1
-rw-r--r--app/views/fragments/ebeMainActions.scala.html13
-rw-r--r--app/views/fragments/ebeSlogan.scala.html1
-rw-r--r--app/views/fragments/pepalLogo.scala.html1
-rw-r--r--app/views/fragments/pepalMainActions.scala.html13
-rw-r--r--app/views/fragments/pepalSlogan.scala.html1
-rw-r--r--app/views/index.scala.html7
-rw-r--r--app/views/main.scala.html15
-rw-r--r--app/views/pages/ebeHomepage.scala.html47
-rw-r--r--app/views/pages/index.scala.html3
-rw-r--r--app/views/pages/pepalHomepage.scala.html47
-rw-r--r--app/views/templates/ebe.scala.html3
-rw-r--r--app/views/templates/main.scala.html69
-rw-r--r--app/views/templates/pepal.scala.html3
15 files changed, 216 insertions, 22 deletions
diff --git a/app/views/fragments/accountInfos.scala.html b/app/views/fragments/accountInfos.scala.html
new file mode 100644
index 0000000..711fb40
--- /dev/null
+++ b/app/views/fragments/accountInfos.scala.html
@@ -0,0 +1,14 @@
1<a class="pure-button" href="#">
2 <i class="fa fa-sign-out fa-lg"></i>
3 Logout
4</a>
5
6<a class="pure-button" href="#">
7 <i class="fa fa-money fa-lg"></i>
8 -400 000 €
9</a>
10
11<a class="pure-button" href="#">
12 <i class="fa fa-user fa-lg"></i>
13 Mr. Kornada
14</a>
diff --git a/app/views/fragments/ebeLogo.scala.html b/app/views/fragments/ebeLogo.scala.html
new file mode 100644
index 0000000..f2b552a
--- /dev/null
+++ b/app/views/fragments/ebeLogo.scala.html
@@ -0,0 +1 @@
<span class="ebe-logo"><span class="red">e</span><span class="blue">b</span><span class="yellow">é</span></span> \ No newline at end of file
diff --git a/app/views/fragments/ebeMainActions.scala.html b/app/views/fragments/ebeMainActions.scala.html
new file mode 100644
index 0000000..46faeb6
--- /dev/null
+++ b/app/views/fragments/ebeMainActions.scala.html
@@ -0,0 +1,13 @@
1<div class="pure-u-1 pure-u-lg-1-2">
2 <a class="pure-button blue-bg" href="#">
3 <i class="fa fa-gavel fa-5x"></i>
4 <span>Sell</span>
5 </a>
6</div>
7
8<div class="pure-u-1 pure-u-lg-1-2">
9 <a class="pure-button green-bg" href="#">
10 <i class="fa fa-dropbox fa-5x"></i>
11 <span>Buy</span>
12 </a>
13</div>
diff --git a/app/views/fragments/ebeSlogan.scala.html b/app/views/fragments/ebeSlogan.scala.html
new file mode 100644
index 0000000..c0b5332
--- /dev/null
+++ b/app/views/fragments/ebeSlogan.scala.html
@@ -0,0 +1 @@
Le marketplace \ No newline at end of file
diff --git a/app/views/fragments/pepalLogo.scala.html b/app/views/fragments/pepalLogo.scala.html
new file mode 100644
index 0000000..a4b75ae
--- /dev/null
+++ b/app/views/fragments/pepalLogo.scala.html
@@ -0,0 +1 @@
<span class="pepal-logo"><span class="dark-blue">Pé</span><span class="light-blue">Pal</span></span> \ No newline at end of file
diff --git a/app/views/fragments/pepalMainActions.scala.html b/app/views/fragments/pepalMainActions.scala.html
new file mode 100644
index 0000000..0e614a6
--- /dev/null
+++ b/app/views/fragments/pepalMainActions.scala.html
@@ -0,0 +1,13 @@
1<div class="pure-u-1 pure-u-lg-1-2">
2 <a class="pure-button dark-blue-bg" href="#">
3 <i class="fa fa-download fa-5x"></i>
4 <span>Deposit</span>
5 </a>
6</div>
7
8<div class="pure-u-1 pure-u-lg-1-2">
9 <a class="pure-button light-blue-bg" href="#">
10 <i class="fa fa-share fa-5x"></i>
11 <span>Send money</span>
12 </a>
13</div>
diff --git a/app/views/fragments/pepalSlogan.scala.html b/app/views/fragments/pepalSlogan.scala.html
new file mode 100644
index 0000000..a6d6e69
--- /dev/null
+++ b/app/views/fragments/pepalSlogan.scala.html
@@ -0,0 +1 @@
Le money \ No newline at end of file
diff --git a/app/views/index.scala.html b/app/views/index.scala.html
deleted file mode 100644
index d6a6b22..0000000
--- a/app/views/index.scala.html
+++ /dev/null
@@ -1,7 +0,0 @@
1@(message: String)
2
3@main("Welcome to Play") {
4
5 @play20.welcome(message)
6
7}
diff --git a/app/views/main.scala.html b/app/views/main.scala.html
deleted file mode 100644
index 5025aa5..0000000
--- a/app/views/main.scala.html
+++ /dev/null
@@ -1,15 +0,0 @@
1@(title: String)(content: Html)
2
3<!DOCTYPE html>
4
5<html>
6 <head>
7 <title>@title</title>
8 <link rel="stylesheet" media="screen" href="@routes.Assets.at("stylesheets/main.css")">
9 <link rel="shortcut icon" type="image/png" href="@routes.Assets.at("images/favicon.png")">
10 <script src="@routes.Assets.at("javascripts/hello.js")" type="text/javascript"></script>
11 </head>
12 <body>
13 @content
14 </body>
15</html>
diff --git a/app/views/pages/ebeHomepage.scala.html b/app/views/pages/ebeHomepage.scala.html
new file mode 100644
index 0000000..bf11462
--- /dev/null
+++ b/app/views/pages/ebeHomepage.scala.html
@@ -0,0 +1,47 @@
1@templates.ebe("eBé") {
2
3 <div class="action-buttons pure-g">
4 @fragments.ebeMainActions()
5 </div>
6
7 <br>
8
9 <div class="pure-g">
10 <div class="pure-u-1 pure-u-lg-1-2">
11 <div class="l-box">
12 <h3 class="information-head">Get started today</h3>
13 <p>
14 With @fragments.ebeLogo(), the leading online auction platform, buy or sell items in a few clicks!
15 </p>
16 </div>
17 </div>
18
19 <div class="pure-u-1 pure-u-lg-1-2">
20 <div class="l-box">
21 <h3 class="information-head">Buy and sell with confidence</h3>
22 <p>
23 @fragments.ebeLogo() guarantees all transactions for both buyers and sellers.
24 </p>
25 </div>
26 </div>
27
28 <div class="pure-u-1 pure-u-lg-1-2">
29 <div class="l-box">
30 <h3 class="information-head">24/7 customer support</h3>
31 <p>
32 Any question? Just ask us! Our support team is committed to help you.
33 </p>
34 </div>
35 </div>
36
37 <div class="pure-u-1 pure-u-lg-1-2">
38 <div class="l-box">
39 <h3 class="information-head">Secure transactions</h3>
40 <p>
41 With @fragments.ebeLogo(), you are not required to give any personal information to any buyer or seller.
42 </p>
43 </div>
44 </div>
45 </div>
46
47}
diff --git a/app/views/pages/index.scala.html b/app/views/pages/index.scala.html
new file mode 100644
index 0000000..b6e0029
--- /dev/null
+++ b/app/views/pages/index.scala.html
@@ -0,0 +1,3 @@
1@(message: String)
2
3@message
diff --git a/app/views/pages/pepalHomepage.scala.html b/app/views/pages/pepalHomepage.scala.html
new file mode 100644
index 0000000..6eb7070
--- /dev/null
+++ b/app/views/pages/pepalHomepage.scala.html
@@ -0,0 +1,47 @@
1@templates.pepal("PéPal") {
2
3 <div class="action-buttons pure-g">
4 @fragments.pepalMainActions()
5 </div>
6
7 <br>
8
9 <div class="pure-g">
10 <div class="pure-u-1 pure-u-lg-1-2">
11 <div class="l-box">
12 <h3 class="information-head">Get started today</h3>
13 <p>
14 With @fragments.pepalLogo(), the leading online payment solution, buy or sell items on the web in a few clicks!
15 </p>
16 </div>
17 </div>
18
19 <div class="pure-u-1 pure-u-lg-1-2">
20 <div class="l-box">
21 <h3 class="information-head">Send money to friends</h3>
22 <p>
23 Sending money to your friends or your family has never been easier.
24 </p>
25 </div>
26 </div>
27
28 <div class="pure-u-1 pure-u-lg-1-2">
29 <div class="l-box">
30 <h3 class="information-head">24/7 customer support</h3>
31 <p>
32 Any question? Just ask us! Our support team is committed to help you.
33 </p>
34 </div>
35 </div>
36
37 <div class="pure-u-1 pure-u-lg-1-2">
38 <div class="l-box">
39 <h3 class="information-head">Secure transactions</h3>
40 <p>
41 With @fragments.pepalLogo(), you are not required to give any personal information to any buyer or seller.
42 </p>
43 </div>
44 </div>
45 </div>
46
47}
diff --git a/app/views/templates/ebe.scala.html b/app/views/templates/ebe.scala.html
new file mode 100644
index 0000000..dbc1a88
--- /dev/null
+++ b/app/views/templates/ebe.scala.html
@@ -0,0 +1,3 @@
1@(title: String)(content: Html)
2
3@templates.main{@fragments.ebeLogo()}{@fragments.ebeSlogan()}(title)(content)
diff --git a/app/views/templates/main.scala.html b/app/views/templates/main.scala.html
new file mode 100644
index 0000000..dadfc03
--- /dev/null
+++ b/app/views/templates/main.scala.html
@@ -0,0 +1,69 @@
1@(logo: Html)(slogan: Html)(title: String)(content: Html)
2
3<!DOCTYPE html>
4
5<html>
6
7 <head>
8
9 <meta charset="utf-8">
10 <meta name="viewport" content="width=device-width, initial-scale=1.0">
11