[Feature #110549282] Revamping of home page

jubrilissa · Jan 29, 2016 · 1670c0f · 1670c0f
1 parent 94249a6
commit 1670c0f
Show file tree

Hide file tree

Showing 2 changed files with 29 additions and 12 deletions.
diff --git a/djangogram/photoeditor/templates/photoeditor/login.html b/djangogram/photoeditor/templates/photoeditor/login.html
@@ -4,6 +4,7 @@
 <head>
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <link href="{% static 'css/bootstrap.min.css' %}" type="text/css" rel="stylesheet"/>
+    <link href='https://fonts.googleapis.com/css?family=Source+Sans+Pro:200' rel='stylesheet' type='text/css'>
     <link href="{% static 'css/style.css' %}" type="text/css" rel="stylesheet"/>
     <meta charset="UTF-8">
     <meta name="csrf-token" content="{{ csrf_token }}">
@@ -12,19 +13,22 @@
 <body class="home-bg">
 
 
-<div class="container container-table">
+<div class="container container-table tag-container">
     <div class="row vertical-center-row">
         <div class="text-center col-md-4 col-md-offset-4">
         <div class="tagline">
             <p class="logo">Djangogram</p>
             <p class="slogan">A picture is worth a thousand words!</p>
             <hr>
-            <div class="tag-msg">Apply effects and share your pictures with djangogram</div>
-               <a href="{% url 'social:begin' 'facebook' %}" class="btn btn-primary fbtn">Login with Facebook</a>
+
+               <a href="{% url 'social:begin' 'facebook' %}" class="btn btn-primary btn-lg fbtn">Login with Facebook</a>
         </div>
 
 
 
         </div>
     </div>
-</div>
+</div>
+
+</body>
+</html>
diff --git a/djangogram/static/css/style.css b/djangogram/static/css/style.css
@@ -30,6 +30,14 @@ body {
 
 .fbtn {
     margin-bottom: 30px;
+    background-color: #3b5998;
+    border: white 1px solid;
+    transition: all .5s ease-out;
+}
+
+.fbtn:hover{
+    background-color: white;
+    color: #3b5998;
 }
 
 /* Basic CSS Styling */
@@ -171,12 +179,13 @@ input[type="range"] {
 }
 
 .logo {
-    font-size: 40px;
+    font-size: 5em;
+    font-weight: 100;
+    font-family: 'Source Sans Pro', sans-serif;
 }
 
 .slogan {
     font-size: 17px;
-    margin-bottom: 50px;
 }
 
 .fb-btn {
@@ -191,15 +200,19 @@ input[type="range"] {
 }
 
 .tagline {
-    background-color: #ffffff;
-}
-
-.tag-msg {
-    margin-bottom: 20px;
-    padding: 10px;
+    /*background-color: #ffffff;*/
 }
 
 .gramlogo {
     min-height: 100%;
     height: 60px;
 }
+
+.home-bg{
+    background: url(http://www.nigerium.com/images/bg-blur-3.jpg) no-repeat center center fixed;
+}
+
+.tag-container{
+    width: 100%;
+    color: white;
+}