Skip to content
This repository was archived by the owner on Jun 8, 2020. It is now read-only.

Commit 02f8e50

Browse files
author
Samy Pessé
committed
Improve homepage
1 parent 5331694 commit 02f8e50

File tree

8 files changed

+40
-10
lines changed

8 files changed

+40
-10
lines changed

‎client/resources/images/screens/1.png

138 KB
Loading

‎client/resources/templates/homepage.html

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,6 @@
11
<div id="homepage">
22
<div id="intro">
3+
<div class="background"></div>
34
<h1>Reportr</h1>
45
<p>Your life's personal dashboard.</p>
56
<form class="form-login" role="form">

‎client/stylesheets/homepage.less

Lines changed: 30 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -7,15 +7,38 @@
77
background: #eee;
88

99
#intro {
10-
margin-top: 40px;
10+
position: relative;
11+
z-index: 10;
12+
margin-top: 10%;
1113
width: 100%;
14+
height: 390px;
1215
max-width: 600px;
1316
margin-right: auto;
1417
margin-left: auto;
1518
text-align: center;
1619
color: #111;
1720
padding: 0px 15px;
1821

22+
.background {
23+
@blur: 30px;
24+
width: 100%;
25+
height: 100%;
26+
position: absolute;
27+
top: 0px;
28+
bottom: 0px;
29+
left: 0px;
30+
right: 0px;
31+
-webkit-filter: blur(@blur);
32+
-moz-filter: blur(@blur);
33+
-o-filter: blur(@blur);
34+
-ms-filter: blur(@blur);
35+
filter: blur(@blur);
36+
opacity: 0.94;
37+
background: #fff;
38+
z-index: -1;
39+
}
40+
41+
1942
h1 {
2043
font-size: 90px;
2144
font-weight: 200;
@@ -25,7 +48,7 @@
2548
p {
2649
font-size: 40px;
2750
font-weight: 100;
28-
line-height: 30px;
51+
line-height: 50px;
2952
}
3053

3154
form {
@@ -37,11 +60,14 @@
3760
}
3861

3962
#preview {
63+
position: relative;
4064
width: 100%;
4165
max-width: 1200px;
4266
margin-right: auto;
4367
margin-left: auto;
44-
margin-top: 40px;
68+
top: -280px;
69+
z-index: 1;
70+
text-align: center;
4571

4672
img {
4773
max-width: 100%;
@@ -50,6 +76,7 @@
5076

5177
#footer {
5278
position: fixed;
79+
z-index: 20;
5380
bottom: 0px;
5481
left: 0px;
5582
right: 0px;

‎examples/python/test.py

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -2,5 +2,5 @@
22

33
# Create a Reportr Client
44
client = Reportr(
5-
host="http://localhost:5000",
6-
token="003ece3d-9086-442d-b1b2-ab83c1c6e7bc")
5+
host="http://www.reportr.io",
6+
token="--test--token--")

‎public/static/application.css

Lines changed: 5 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1236,11 +1236,12 @@ a .icon-rotate-90:before,a .icon-rotate-180:before,a .icon-rotate-270:before,a .
12361236
.icon-vk:before{content:"\f189";}
12371237
.icon-weibo:before{content:"\f18a";}
12381238
.icon-renren:before{content:"\f18b";}
1239-
#homepage{position:fixed;bottom:0px;left:0px;right:0px;top:0px;background:#eee;}#homepage #intro{margin-top:40px;width:100%;max-width:600px;margin-right:auto;margin-left:auto;text-align:center;color:#111;padding:0px 15px;}#homepage #intro h1{font-size:90px;font-weight:200;line-height:100px;}
1240-
#homepage #intro p{font-size:40px;font-weight:100;line-height:30px;}
1239+
#homepage{position:fixed;bottom:0px;left:0px;right:0px;top:0px;background:#eee;}#homepage #intro{position:relative;z-index:10;margin-top:10%;width:100%;height:390px;max-width:600px;margin-right:auto;margin-left:auto;text-align:center;color:#111;padding:0px 15px;}#homepage #intro .background{width:100%;height:100%;position:absolute;top:0px;bottom:0px;left:0px;right:0px;-webkit-filter:blur(30px);-moz-filter:blur(30px);-o-filter:blur(30px);-ms-filter:blur(30px);filter:blur(30px);opacity:0.94;background:#fff;z-index:-1;}
1240+
#homepage #intro h1{font-size:90px;font-weight:200;line-height:100px;}
1241+
#homepage #intro p{font-size:40px;font-weight:100;line-height:50px;}
12411242
#homepage #intro form{margin-top:40px;max-width:300px;margin-right:auto;margin-left:auto;}
1242-
#homepage #preview{width:100%;max-width:1200px;margin-right:auto;margin-left:auto;margin-top:40px;}#homepage #preview img{max-width:100%;}
1243-
#homepage #footer{position:fixed;bottom:0px;left:0px;right:0px;height:60px;padding:10px 20px;line-height:40px;background:#fff;}
1243+
#homepage #preview{position:relative;width:100%;max-width:1200px;margin-right:auto;margin-left:auto;top:-280px;z-index:1;text-align:center;}#homepage #preview img{max-width:100%;}
1244+
#homepage #footer{position:fixed;z-index:20;bottom:0px;left:0px;right:0px;height:60px;padding:10px 20px;line-height:40px;background:#fff;}
12441245
#dashboard{position:fixed;bottom:0px;left:0px;right:0px;top:0px;background:#eee;}#dashboard #lateralbar{position:absolute;bottom:0px;left:0px;top:0px;width:280px;z-index:10;background:#27ae60;-webkit-transition:all 0.4s;transition:all 0.4s;overflow:hidden;padding:10px;}#dashboard #lateralbar .search{width:100%;background:#fff;outline:none !important;border:none;color:#2980b9;padding:8px;}
12451246
#dashboard #lateralbar .footer{position:absolute;bottom:0px;left:0px;right:0px;padding:10px;background:#2ecc71;}#dashboard #lateralbar .footer .menu-action{display:inline-block;width:30px;height:30px;color:#fff;line-height:30px;font-size:30px;opacity:0.6;text-align:center;margin:0px 8px;}#dashboard #lateralbar .footer .menu-action:hover{text-decoration:none;opacity:1;}
12461247
#dashboard #lateralbar .models{position:absolute;right:10px;left:10px;bottom:50px;top:60px;}

‎public/static/application.js

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -25527,7 +25527,7 @@ Logger, Requests, Urls, Storage, Cache, Template, Resources, Deferred, Queue, I1
2552725527
}
2552825528
}
2552925529
});
25530-
define('hr/args',[],function() { return {"map":{"apiKey":"AIzaSyAAeM47baWKdmKoqWeIuK5bQCxtur6mWm0"},"revision":1381238851722,"baseUrl":"/"}; });
25530+
define('hr/args',[],function() { return {"map":{"apiKey":"AIzaSyAAeM47baWKdmKoqWeIuK5bQCxtur6mWm0"},"revision":1381241028060,"baseUrl":"/"}; });
2553125531
//! moment.js
2553225532
//! version : 2.2.1
2553325533
//! authors : Tim Wood, Iskren Chernev, Moment.js contributors

‎public/static/images/screens/1.png

138 KB
Loading

‎public/static/templates/homepage.html

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,6 @@
11
<div id="homepage">
22
<div id="intro">
3+
<div class="background"></div>
34
<h1>Reportr</h1>
45
<p>Your life's personal dashboard.</p>
56
<form class="form-login" role="form">

0 commit comments

Comments
 (0)