From bce29a723fb040fc8541c51fc09745c96115a41b Mon Sep 17 00:00:00 2001
From: Karthik Pullela <karthik.pullelas@gmail.com>
Date: Sun, 21 Jan 2018 08:27:00 -0800
Subject: [PATCH] The home page

---
 flex/flex/db.sqlite3                    | Bin 131072 -> 131072 bytes
 flex/flex/home/static/home/main.css     |  25 +++++++++++++++++-------
 flex/flex/home/templates/home/home.html |   8 +++++++-
 3 files changed, 25 insertions(+), 8 deletions(-)

diff --git a/flex/flex/db.sqlite3 b/flex/flex/db.sqlite3
index 8748f48d963d4cad313d4f510041880738d66981..703415a694c339bf2fada440877ea28dd4b13a1b 100644
GIT binary patch
delta 171
zcmZo@;Am*zm>|vQGf~Ew(Pv}Ak$HS(Rz{{kq-SJmXlP-+*=WABzk+eOc}a>{l4(|P
zS$<A-PI+mjd1|6%c4bypVvbo^Van#*cN~nO2%W~JCZ^SltiFw`j?*8!XH;lj^?v%Q
a_l$xB4cdPDJ>w64BsYLen*Q)VqdWiutU8+j

delta 171
zcmZo@;Am*zm>|t)Gf~Ew(Pm@9k$HTERwiav#s+!@7A7V}7MqRcOZzJnWtWwv733O}
z8JngQq!bhtn^{;?mF1;oXPBFo6jv2)&V9$hD2mW&W?^nz&B*H8$m%%#!Fxu9=2h>f
cuX@iYNYJ3|x8F1V;74);$fW5H|1-)10Q^=ug8%>k

diff --git a/flex/flex/home/static/home/main.css b/flex/flex/home/static/home/main.css
index ca58751..ef32108 100644
--- a/flex/flex/home/static/home/main.css
+++ b/flex/flex/home/static/home/main.css
@@ -1,3 +1,8 @@
+/* p.title */
+/* background image */
+/* "#00897B" */
+/* subtitle */
+/* button */
 html {
     margin: 0;
     padding: 0;
@@ -14,7 +19,8 @@ body {
     position: relative;
     height: 100%;
     width: 100%;
-    background-image: url(http://www.mulierchile.com/nike-running-wallpapers/nike-running-wallpapers-005.jpg);
+    /*background-image: url(http://www.mulierchile.com/nike-running-wallpapers/nike-running-wallpapers-005.jpg);*/
+    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(https://images.unsplash.com/photo-1476480862126-209bfaa8edc8?auto=format&fit=crop&w=1950&q=80);
     /*background-image: url('pics/indexbg.jpg');*/
     background-repeat: no-repeat;
     background-size: cover;
@@ -54,11 +60,14 @@ p.title {
     left: 50%;
     margin-right: -50%;
     transform: translate(-50%, -50%);
-    font-family: 'Open Sans Condensed', sans-serif;
+    font-family: 'Unica One', cursive;
+    /*font-family: 'Open Sans Condensed', sans-serif;*/
     font-size: 200px;
-    color: #C0C0C0;
+    /*color: #C0C0C0;*/
+    color: white;
     margin-top: 150px;
-    text-shadow: 0px 0px 2px #000;
+    /*text-shadow: 0px 0px 2px #000;*/
+    text-shadow: 2px 2px 4px #000000;
 }
 
 
@@ -87,9 +96,11 @@ font.title {
   left: 50%;
   margin-right: -50%;
   transform: translate(-50%, -50%);
-  font-family: 'Open Sans Condensed', sans-serif;
+  font-family: 'Contrail One', cursive;
+  /*font-family: 'Open Sans Condensed', sans-serif;*/
   font-size: 50px;
-  color: #546E7A;
+  /*color: #546E7A;*/
+  color: #FFFFFF;
   margin-top:330px;
 }
 html, html a {
@@ -134,7 +145,7 @@ button {
     font-size: 20px;
     letter-spacing: 2px;
     font-style: oblique;
-    background-color: #00B8D4;
+    background-color: #C0C0C0; /*#00B8D4*/
     color: white;
     height: 45px;
     width: 150px;
diff --git a/flex/flex/home/templates/home/home.html b/flex/flex/home/templates/home/home.html
index 47fe505..f967a83 100644
--- a/flex/flex/home/templates/home/home.html
+++ b/flex/flex/home/templates/home/home.html
@@ -12,6 +12,12 @@
 
 
     <link href="https://fonts.googleapis.com/css?family=Rubik" rel="stylesheet">
+    <link href="https://fonts.googleapis.com/css?family=Patua+One" rel="stylesheet">
+    <link href="https://fonts.googleapis.com/css?family=Comfortaa" rel="stylesheet">
+    <link href="https://fonts.googleapis.com/css?family=Unica+One" rel="stylesheet">
+
+    <link href="https://fonts.googleapis.com/css?family=Bree+Serif" rel="stylesheet">
+    <link href="https://fonts.googleapis.com/css?family=Contrail+One" rel="stylesheet">
 
     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
 
@@ -42,7 +48,7 @@
 </div>
     <div class="input">
         <p class="title">ReFleX
-        <p class="subtitle">Compete With <font color = "#00897B"><font-size = 40px><b>You</b></font></font></font>
+        <p class="subtitle">Compete with <font color = "#FFFFFF"><font-size = 40px><b>YOU</b></font></font></font>
         </p>