From d04d732a084f07ca88fdfa82653bdfd2d6798374 Mon Sep 17 00:00:00 2001
From: Pacien TRAN-GIRARD
Date: Sat, 24 Jan 2015 20:27:08 +0100
Subject: First website mockup

---
 app/views/fragments/accountInfos.scala.html     | 14 +++++
 app/views/fragments/ebeLogo.scala.html          |  1 +
 app/views/fragments/ebeMainActions.scala.html   | 13 +++++
 app/views/fragments/ebeSlogan.scala.html        |  1 +
 app/views/fragments/pepalLogo.scala.html        |  1 +
 app/views/fragments/pepalMainActions.scala.html | 13 +++++
 app/views/fragments/pepalSlogan.scala.html      |  1 +
 app/views/index.scala.html                      |  7 ---
 app/views/main.scala.html                       | 15 ------
 app/views/pages/ebeHomepage.scala.html          | 47 +++++++++++++++++
 app/views/pages/index.scala.html                |  3 ++
 app/views/pages/pepalHomepage.scala.html        | 47 +++++++++++++++++
 app/views/templates/ebe.scala.html              |  3 ++
 app/views/templates/main.scala.html             | 69 +++++++++++++++++++++++++
 app/views/templates/pepal.scala.html            |  3 ++
 15 files changed, 216 insertions(+), 22 deletions(-)
 create mode 100644 app/views/fragments/accountInfos.scala.html
 create mode 100644 app/views/fragments/ebeLogo.scala.html
 create mode 100644 app/views/fragments/ebeMainActions.scala.html
 create mode 100644 app/views/fragments/ebeSlogan.scala.html
 create mode 100644 app/views/fragments/pepalLogo.scala.html
 create mode 100644 app/views/fragments/pepalMainActions.scala.html
 create mode 100644 app/views/fragments/pepalSlogan.scala.html
 delete mode 100644 app/views/index.scala.html
 delete mode 100644 app/views/main.scala.html
 create mode 100644 app/views/pages/ebeHomepage.scala.html
 create mode 100644 app/views/pages/index.scala.html
 create mode 100644 app/views/pages/pepalHomepage.scala.html
 create mode 100644 app/views/templates/ebe.scala.html
 create mode 100644 app/views/templates/main.scala.html
 create mode 100644 app/views/templates/pepal.scala.html

(limited to 'app/views')

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 @@
+<a class="pure-button" href="#">
+	<i class="fa fa-sign-out fa-lg"></i>
+	Logout
+</a>
+
+<a class="pure-button" href="#">
+	<i class="fa fa-money fa-lg"></i>
+	-400 000 €
+</a>
+
+<a class="pure-button" href="#">
+	<i class="fa fa-user fa-lg"></i>
+	Mr. Kornada
+</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 @@
+<div class="pure-u-1 pure-u-lg-1-2">
+	<a class="pure-button blue-bg" href="#">
+		<i class="fa fa-gavel fa-5x"></i>
+		<span>Sell</span>
+	</a>
+</div>
+
+<div class="pure-u-1 pure-u-lg-1-2">
+	<a class="pure-button green-bg" href="#">
+		<i class="fa fa-dropbox fa-5x"></i>
+		<span>Buy</span>
+	</a>
+</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 @@
+<div class="pure-u-1 pure-u-lg-1-2">
+	<a class="pure-button dark-blue-bg" href="#">
+		<i class="fa fa-download fa-5x"></i>
+		<span>Deposit</span>
+	</a>
+</div>
+
+<div class="pure-u-1 pure-u-lg-1-2">
+	<a class="pure-button light-blue-bg" href="#">
+		<i class="fa fa-share fa-5x"></i>
+		<span>Send money</span>
+	</a>
+</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 @@
-@(message: String)
-
-@main("Welcome to Play") {
-
-    @play20.welcome(message)
-
-}
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 @@
-@(title: String)(content: Html)
-
-<!DOCTYPE html>
-
-<html>
-    <head>
-        <title>@title</title>
-        <link rel="stylesheet" media="screen" href="@routes.Assets.at("stylesheets/main.css")">
-        <link rel="shortcut icon" type="image/png" href="@routes.Assets.at("images/favicon.png")">
-        <script src="@routes.Assets.at("javascripts/hello.js")" type="text/javascript"></script>
-    </head>
-    <body>
-        @content
-    </body>
-</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 @@
+@templates.ebe("eBé") {
+
+	<div class="action-buttons pure-g">
+	@fragments.ebeMainActions()
+	</div>
+
+	<br>
+
+	<div class="pure-g">
+		<div class="pure-u-1 pure-u-lg-1-2">
+			<div class="l-box">
+				<h3 class="information-head">Get started today</h3>
+				<p>
+					With @fragments.ebeLogo(), the leading online auction platform, buy or sell items in a few clicks!
+				</p>
+			</div>
+		</div>
+
+		<div class="pure-u-1 pure-u-lg-1-2">
+			<div class="l-box">
+				<h3 class="information-head">Buy and sell with confidence</h3>
+				<p>
+					@fragments.ebeLogo() guarantees all transactions for both buyers and sellers.
+				</p>
+			</div>
+		</div>
+
+		<div class="pure-u-1 pure-u-lg-1-2">
+			<div class="l-box">
+				<h3 class="information-head">24/7 customer support</h3>
+				<p>
+					Any question? Just ask us! Our support team is committed to help you.
+				</p>
+			</div>
+		</div>
+
+		<div class="pure-u-1 pure-u-lg-1-2">
+			<div class="l-box">
+				<h3 class="information-head">Secure transactions</h3>
+				<p>
+					With @fragments.ebeLogo(), you are not required to give any personal information to any buyer or seller.
+				</p>
+			</div>
+		</div>
+	</div>
+
+}
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 @@
+@(message: String)
+
+@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 @@
+@templates.pepal("PéPal") {
+
+	<div class="action-buttons pure-g">
+	@fragments.pepalMainActions()
+	</div>
+
+	<br>
+
+	<div class="pure-g">
+		<div class="pure-u-1 pure-u-lg-1-2">
+			<div class="l-box">
+				<h3 class="information-head">Get started today</h3>
+				<p>
+					With @fragments.pepalLogo(), the leading online payment solution, buy or sell items on the web in a few clicks!
+				</p>
+			</div>
+		</div>
+
+		<div class="pure-u-1 pure-u-lg-1-2">
+			<div class="l-box">
+				<h3 class="information-head">Send money to friends</h3>
+				<p>
+					Sending money to your friends or your family has never been easier.
+				</p>
+			</div>
+		</div>
+
+		<div class="pure-u-1 pure-u-lg-1-2">
+			<div class="l-box">
+				<h3 class="information-head">24/7 customer support</h3>
+				<p>
+					Any question? Just ask us! Our support team is committed to help you.
+				</p>
+			</div>
+		</div>
+
+		<div class="pure-u-1 pure-u-lg-1-2">
+			<div class="l-box">
+				<h3 class="information-head">Secure transactions</h3>
+				<p>
+					With @fragments.pepalLogo(), you are not required to give any personal information to any buyer or seller.
+				</p>
+			</div>
+		</div>
+	</div>
+
+}
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 @@
+@(title: String)(content: Html)
+
+@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 @@
+@(logo: Html)(slogan: Html)(title: String)(content: Html)
+
+<!DOCTYPE html>
+
+<html>
+
+	<head>
+
+		<meta charset="utf-8">
+		<meta name="viewport" content="width=device-width, initial-scale=1.0">
+
+		<title>@title</title>
+
+		<link rel="stylesheet" media="screen" href="@routes.Assets.at("stylesheets/pure-min.css")">
+		<link rel="stylesheet" media="screen" href="@routes.Assets.at("stylesheets/grids-responsive-min.css")">
+		<link rel="stylesheet" media="screen" href="@routes.Assets.at("stylesheets/font-awesome.min.css")">
+
+		<link rel="stylesheet" media="screen" href="@routes.Assets.at("stylesheets/konami.css")">
+		<link rel="stylesheet" media="screen" href="@routes.Assets.at("stylesheets/main.css")">
+		<link rel="stylesheet" media="screen" href="@routes.Assets.at("stylesheets/ebe.css")">
+		<link rel="stylesheet" media="screen" href="@routes.Assets.at("stylesheets/pepal.css")">
+
+		<link rel="shortcut icon" type="image/png" href="@routes.Assets.at("images/favicon.png")">
+
+		<script src="@routes.Assets.at("javascripts/konami.js")" type="text/javascript"></script>
+		<script src="@routes.Assets.at("javascripts/cheat.js")" type="text/javascript"></script>
+
+	</head>
+
+	<body>
+
+		<div class="disclaimer-bar yellow-bg">
+			This is a dummy scholar project! Do not use for real serious business stuff!
+		</div>
+
+		<div class="page">
+
+			<header>
+				<div class="pure-g">
+					<div class="logo pure-u-1 pure-u-lg-1-2">
+						<h1>
+							<a href="#">@logo</a>
+						</h1>
+						<h2>
+							<a href="#">@slogan</a>
+						</h2>
+					</div>
+
+					<div class="account-info pure-u-1 pure-u-lg-1-2">@fragments.accountInfos()</div>
+				</div>
+			</header>
+
+			<div class="content">@content</div>
+
+			<footer>
+				<span class="copyright">&copy; @logo Inc. All rights reserved.</span>
+
+				<span class="footer-links">
+					<a href="#">Terms of use</a>
+					-
+					<a href="#">Privacy policy</a>
+				</span>
+			</footer>
+
+		</div>
+
+	</body>
+
+</html>
diff --git a/app/views/templates/pepal.scala.html b/app/views/templates/pepal.scala.html
new file mode 100644
index 0000000..e71482d
--- /dev/null
+++ b/app/views/templates/pepal.scala.html
@@ -0,0 +1,3 @@
+@(title: String)(content: Html)
+
+@templates.main{@fragments.pepalLogo()}{@fragments.pepalSlogan()}(title)(content)
-- 
cgit v1.2.3