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 @@ + + + +
+ +Steps
+1000
+Calories
+250 Calories
+Sleep
+8.5 hours
+Activity
+1 hours
+