From e891bef6f7ddc0aeae36e9499e95125e14d4663d Mon Sep 17 00:00:00 2001 From: Arjun Patel Date: Sun, 21 Jan 2018 02:36:11 -0800 Subject: [PATCH] dashboard integration --- dash.css | 124 +++++++++++++++++++++++++++++++++++++++++++++++ dashboard.html | 129 +++++++++++++++++++++++++++++++++++++++++++++++++ index.html | 2 +- 3 files changed, 254 insertions(+), 1 deletion(-) create mode 100644 dash.css create mode 100644 dashboard.html diff --git a/dash.css b/dash.css new file mode 100644 index 0000000..92d9e7c --- /dev/null +++ b/dash.css @@ -0,0 +1,124 @@ +body { + height: 100%; + width: 100%; + margin: 0; + padding: 0; + position: relative; +} + +html { + background-color: #d7dae0; +} + +.nav { + width: 100%; + height: 40px; + background-color: black; +} + +.cardsCont { + background-color: #d7dae0; +} +.container { + margin: 0 !important; + padding: 0 !important; +} +.container-fluid { + margin: 0 !important; + padding: 0 !important; +} +.row { + margin: 0 !important; + padding: 0 !important; +} + +.goalRow { + margin: 0; + padding: 0; + height: 400px; +} +.cardCont { + height: 100%; +} +.card { + margin: 5px; + padding: 5px; + height: 100%; + background-color: white; + border-radius: 5px; + box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); + overflow: hidden; +} + +.circleGraph { + padding: 0; + height: 400px; + color: black !important; +} + + +.twoCardRow { + height: 195px; + margin-bottom: 10px !important; +} + +.fa { + color: green; +} + +.cardInfo { + position: absolute; + top: 50%; + left: 50%; + margin-right: -50%; + transform: translate(-50%, -50%); + color: #727375; + font-size: 23px; + font-family: 'Open Sans Condensed', sans-serif; +} + +.cardData { + position: absolute; + left: 50%; + margin-right: -50%; + transform: translate(-50%, -50%); + bottom: 0; + color: #565759; + font-size: 13px; + text-align: center; + font-style: italic; +} + +.stepsC { + background-color: rgb(232, 245, 233); +} +.sleepC { + background-color: rgb(243, 229, 245); +} +.calC { + background-color: rgb(255, 243, 224); +} +.activityC { + background-color: rgb(225, 245, 254); +} + +.mainGCont { + top: 30px; + padding: 10px; + height: 500px; + width: 100%; + position: relative; +} +.mainG { + height: 100%; + width: 100%; +} +.mainGraph { + height: 100%; + width: 100%; + position: absolute; + top: 50%; + left: 50%; + margin-right: -50%; + transform: translate(-50%, -50%); +} diff --git a/dashboard.html b/dashboard.html new file mode 100644 index 0000000..684ee31 --- /dev/null +++ b/dashboard.html @@ -0,0 +1,129 @@ + + + + + + Reflex + + + + + + + + + + + + + + + +
+
+
+ Reflex +
+
+
+ +
+ +
+
+
+
+
+ +
+
+
+
+
+ +

Steps

+

1000

+
+
+
+
+ +

Calories

+

250 Calories

+
+
+
+
+
+
+ +

Sleep

+

8.5 hours

+
+
+
+
+ +

Activity

+

1 hours

+
+
+
+
+
+ +
+
+
+
+
+
+ + + + diff --git a/index.html b/index.html index 3415ea1..7cdf6dd 100644 --- a/index.html +++ b/index.html @@ -3,7 +3,7 @@ - Seat-X + Reflex