Improve homepage

Reportr · Oct 8, 2013 · 02f8e50 · 02f8e50
1 parent 5331694
commit 02f8e50
Show file tree

Hide file tree

Showing 8 changed files with 40 additions and 10 deletions.
diff --git a/client/resources/images/screens/1.png b/client/resources/images/screens/1.png
diff --git a/client/resources/templates/homepage.html b/client/resources/templates/homepage.html
@@ -1,5 +1,6 @@
 <div id="homepage">
 	<div id="intro">
+		<div class="background"></div>
 		<h1>Reportr</h1>
 		<p>Your life's personal dashboard.</p>
 		<form class="form-login" role="form">

diff --git a/client/stylesheets/homepage.less b/client/stylesheets/homepage.less
@@ -7,15 +7,38 @@
 	background: #eee;
 
 	#intro {
-		margin-top: 40px;
+		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;
 
+		.background {
+			@blur: 30px;
+			width: 100%;
+			height: 100%;
+			position: absolute;
+			top: 0px;
+			bottom: 0px;
+			left: 0px;
+			right: 0px;
+			-webkit-filter: blur(@blur);
+			-moz-filter: blur(@blur);
+			-o-filter: blur(@blur);
+			-ms-filter: blur(@blur);
+			filter: blur(@blur);
+			opacity: 0.94;
+			background: #fff;
+			z-index: -1;
+		}
+
+
 		h1 {
 			font-size: 90px;
 			font-weight: 200;
@@ -25,7 +48,7 @@
 		p {
 			font-size: 40px;
 			font-weight: 100;
-			line-height: 30px;
+			line-height: 50px;
 		}
 
 		form {
@@ -37,11 +60,14 @@
 	}
 
 	#preview {
+		position: relative;
 		width: 100%;
 		max-width: 1200px;
 		margin-right: auto;
 		margin-left: auto;
-		margin-top: 40px;
+		top: -280px;
+		z-index: 1;
+		text-align: center;
 
 		img {
 			max-width: 100%;
@@ -50,6 +76,7 @@
 
 	#footer {
 		position: fixed;
+		z-index: 20;
 		bottom: 0px;
 		left: 0px;
 		right: 0px;

diff --git a/examples/python/test.py b/examples/python/test.py
@@ -2,5 +2,5 @@
 
 # Create a Reportr Client
 client = Reportr(
-	host="http://localhost:5000",
-	token="003ece3d-9086-442d-b1b2-ab83c1c6e7bc")
+	host="http://www.reportr.io",
+	token="--test--token--")
diff --git a/public/static/application.css b/public/static/application.css
@@ -1236,11 +1236,12 @@ a .icon-rotate-90:before,a .icon-rotate-180:before,a .icon-rotate-270:before,a .
 .icon-vk:before{content:"\f189";}
 .icon-weibo:before{content:"\f18a";}
 .icon-renren:before{content:"\f18b";}
-#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;}
-#homepage #intro p{font-size:40px;font-weight:100;line-height:30px;}
+#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;}
+#homepage #intro h1{font-size:90px;font-weight:200;line-height:100px;}
+#homepage #intro p{font-size:40px;font-weight:100;line-height:50px;}
 #homepage #intro form{margin-top:40px;max-width:300px;margin-right:auto;margin-left:auto;}
-#homepage #preview{width:100%;max-width:1200px;margin-right:auto;margin-left:auto;margin-top:40px;}#homepage #preview img{max-width:100%;}
-#homepage #footer{position:fixed;bottom:0px;left:0px;right:0px;height:60px;padding:10px 20px;line-height:40px;background:#fff;}
+#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%;}
+#homepage #footer{position:fixed;z-index:20;bottom:0px;left:0px;right:0px;height:60px;padding:10px 20px;line-height:40px;background:#fff;}
 #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;}
 #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;}
 #dashboard #lateralbar .models{position:absolute;right:10px;left:10px;bottom:50px;top:60px;}

diff --git a/public/static/application.js b/public/static/application.js
@@ -25527,7 +25527,7 @@ Logger, Requests, Urls, Storage, Cache, Template, Resources, Deferred, Queue, I1
         }
     }
 });
-define('hr/args',[],function() { return {"map":{"apiKey":"AIzaSyAAeM47baWKdmKoqWeIuK5bQCxtur6mWm0"},"revision":1381238851722,"baseUrl":"/"}; });
+define('hr/args',[],function() { return {"map":{"apiKey":"AIzaSyAAeM47baWKdmKoqWeIuK5bQCxtur6mWm0"},"revision":1381241028060,"baseUrl":"/"}; });
 //! moment.js
 //! version : 2.2.1
 //! authors : Tim Wood, Iskren Chernev, Moment.js contributors

diff --git a/public/static/images/screens/1.png b/public/static/images/screens/1.png
diff --git a/public/static/templates/homepage.html b/public/static/templates/homepage.html
@@ -1,5 +1,6 @@
 <div id="homepage">
 	<div id="intro">
+		<div class="background"></div>
 		<h1>Reportr</h1>
 		<p>Your life's personal dashboard.</p>
 		<form class="form-login" role="form">