diff --git a/flex/flex/db.sqlite3 b/flex/flex/db.sqlite3
index 5db2926..682f0ae 100644
Binary files a/flex/flex/db.sqlite3 and b/flex/flex/db.sqlite3 differ
diff --git a/flex/flex/home/__pycache__/urls.cpython-36.pyc b/flex/flex/home/__pycache__/urls.cpython-36.pyc
index 456c847..2d83621 100644
Binary files a/flex/flex/home/__pycache__/urls.cpython-36.pyc and b/flex/flex/home/__pycache__/urls.cpython-36.pyc differ
diff --git a/flex/flex/home/__pycache__/views.cpython-36.pyc b/flex/flex/home/__pycache__/views.cpython-36.pyc
index 05ecfec..efd2b2c 100644
Binary files a/flex/flex/home/__pycache__/views.cpython-36.pyc and b/flex/flex/home/__pycache__/views.cpython-36.pyc differ
diff --git a/flex/flex/home/static/home/main.css b/flex/flex/home/static/home/main.css
index 19fd520..422945c 100644
--- a/flex/flex/home/static/home/main.css
+++ b/flex/flex/home/static/home/main.css
@@ -11,14 +11,30 @@ title {
body {
margin: 0;
padding: 0;
- position: absolute;
+ position: relative;
height: 100%;
width: 100%;
- /*background-image: url(pics/indexbg.jpg);*/
+ background-image: url(http://www.mulierchile.com/nike-running-wallpapers/nike-running-wallpapers-005.jpg);
+ /*background-image: url('pics/indexbg.jpg');*/
background-repeat: no-repeat;
background-size: cover;
}
-
+div.navbar {
+ background: black;
+ width: 100%;
+ height: 50px;
+ color: white;
+ display: flex;
+ align-items: right;
+ justify-content: center;
+ padding-left: 425px;
+ position: absolute;
+}
+.navbar .item{
+ color: white;
+ font-size: 35px;
+ margin-left:
+}
div.input {
margin: 0;
position: absolute;
@@ -28,9 +44,9 @@ div.input {
}
p.title {
- margin: 0;
+ margin: 10;
padding: 0;
- height: 100px;
+ height: 120px;
width: 70%;
text-align: center;
position: absolute;
@@ -39,9 +55,13 @@ p.title {
margin-right: -50%;
transform: translate(-50%, -50%);
font-family: 'Open Sans Condensed', sans-serif;
- font-size: 150px;
- color: papayawhip;
+ font-size: 200px;
+ color: #C0C0C0;
+ margin-top: 150px;
+ text-shadow: 0px 0px 2px #000;
}
+
+
font.title {
margin: 0;
padding-top: 5px;
@@ -57,14 +77,43 @@ font.title {
font-size: 20px;
color: yellow;
}
-
+.subtitle{
+ margin: 10;
+ padding: 0;
+ height: 35px;
+ text-align: center;
+ position: absolute;
+ top: 12%;
+ left: 50%;
+ margin-right: -50%;
+ transform: translate(-50%, -50%);
+ font-family: 'Open Sans Condensed', sans-serif;
+ font-size: 50px;
+ color: #546E7A;
+ margin-top:330px;
+}
+html, html a {
+ -webkit-font-smoothing: antialiased;
+ text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
+}
+p.legibility {
+ text-rendering: optimizeLegibility;
+}
+p.speed {
+ text-rendering: optimizeSpeed;
+}
+body {
+ text-rendering: optimizeLegibility;
+}
p.inputs {
color: dimgray;
margin: 0;
padding: 5px;
border-radius: 8px;
- background-color: papayawhip;
- height: 110px;
+ background-color: #BDBDBD;
+ opacity: .5;
+
+ height: 150px;
width: 100%;
text-align: center;
position: fixed;
@@ -80,16 +129,19 @@ p.inputs {
font-size: 40px;
}
button {
- margin: 0;
+ margin: 10px;
font-family: 'Open Sans Condensed', sans-serif;
font-size: 20px;
- background-color: darkblue;
+ letter-spacing: 2px;
+ font-style: oblique;
+ background-color: #00B8D4;
color: white;
- height: 35px;
+ height: 45px;
width: 150px;
- padding: 0 5px 0 5px;
+ padding: 0px 5px 10px 3px;
border: none;
box-shadow: 3px 3px 2px #888888;
+
}
button:hover {
font-size: 19px;
@@ -98,3 +150,12 @@ button:hover {
box-shadow: inset 0 0 10px #000000;
cursor: pointer;
}
+#begin{
+ color: white;
+ font-size: 25px;
+}
+.nav {
+ position: fixed;
+ top: 0;
+ background-color: blue;
+}
\ No newline at end of file
diff --git a/flex/flex/home/templates/home/home.html b/flex/flex/home/templates/home/home.html
index 7828d61..0b48d12 100644
--- a/flex/flex/home/templates/home/home.html
+++ b/flex/flex/home/templates/home/home.html
@@ -10,36 +10,67 @@
+
+
+
+
+
+
+
+
+
+
+
-
+
+
+
+
- FLEX - health
-
+
+
- {{ r }}
+
+
-