M

diggs1711 · Feb 19, 2017 · ecf36a5 · ecf36a5
1 parent 01f3daf
commit ecf36a5
Show file tree

Hide file tree

Showing 3 changed files with 320 additions and 102 deletions.
diff --git a/webscraper/css/main.css b/webscraper/css/main.css
@@ -1,28 +1,27 @@
 body {
-	background: #f5f5f5;
-	vertical-align: baseline;
-	line-height: 1.1;
-	font-family: "Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif;
-	font-size: 14px;
-	margin: 0;
-	padding: 0;
-	border: 0;
-	display: block;
+    background: #f5f5f5;
+    vertical-align: baseline;
+    font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
+    font-size: 14px;
+    margin: 0;
+    padding: 0;
+    border: 0;
+    display: block;
 }
 
 tr {
- width: 100%;
+    width: 100%;
 }
 
 thead {
-	background-color: #ddd;
-	color: #222;
-	width: 100%;
+    background-color: #ddd;
+    color: #222;
+    width: 100%;
 }
 
 table {
-	border-collapse:collapse;
-    border:0;
+    border-collapse: collapse;
+    border: 0;
     margin: 0;
     padding: 0;
     vertical-align: baseline;
@@ -32,31 +31,51 @@ table {
     overflow-y: hidden
 }
 
-th, td {
-   border-bottom: 1px solid rgba(0,0,0,0.09);
-   font-size: 0.95em;
+th,
+td {
+    border-bottom: 1px solid rgba(0, 0, 0, 0.09);
+    font-size: 0.8em !important;
+}
+
+.label {
+    font-size: 0.95em !important;
 }
 
 li {
-	display: list-item;
-	font-size: 1.1em;
+    display: list-item;
+    font-size: 1.1em;
 }
 
 ul {
-	list-style: none;
-	padding: 0;
-	margin: 0;
+    list-style: none;
+    padding: 0;
+    margin: 0;
 }
 
 .file {
-	padding: 0.5em;
+    padding: 0.5em;
 }
 
-.amount-staked,
-.amount-returned,
-.total-profit {
-	border: 1px solid rgba(0,0,0, 0.15);
-	background: #fff;
-	border-radius: 4px;
-	margin-top: 0.5em;
-}
+.bet-date,
+.bet-event {
+    border-radius: 2px;
+}
+
+.boldFont {
+    font-weight: bold;
+}
+
+.w30 {
+    width: 30%;
+    float: left;
+}
+
+.w70 {
+    float: left;
+    width: 70%;
+}
+
+#container {
+    max-width: 600px;
+    margin: 0 auto
+}
diff --git a/webscraper/index.html b/webscraper/index.html
@@ -17,7 +17,7 @@
             <div class="collapse navbar-collapse">
                 <ul class="navbar-nav mr-auto">
                     <li class="nav-item">
-                        	<input type="file" class="file" value="Import" />     
+                        <input type="file" class="file" value="Import" />
                         </a>
                     </li>
                 </ul>
@@ -42,41 +42,18 @@
             </table>
         </div>
         <div class="column results col-md-4">
-            <div class="amount-staked">
+            <div class="bet-statistics">
                 <div class="panel panel-default">
-                    <div class="panel-heading">
-                        <h3 class="panel-title">Total Amount Staked</h3>
-                    </div>
-                    <div class="panel-body">
-                        100
-                    </div>
-                </div>
-            </div>
-            <div class="amount-returned">
-                <div class="panel panel-default">
-                    <div class="panel-heading">
-                        <h3 class="panel-title">Total Amount Returned</h3>
-                    </div>
-                    <div class="panel-body">
-                        100
-                    </div>
-                </div>
-            </div>
-            <div class="total-profit">
-                <div class="panel panel-default">
-                    <div class="panel-heading">
-                        <h6 class="panel-title">Total Profit</h6>
-                    </div>
-                    <div class="panel-body">
-                        100
+                    <div class="panel-body js-stats">
                     </div>
                 </div>
             </div>
         </div>
-    </div>
-    <script src="scripts/jquery-3.1.1.min.js"></script>
-    <script src="scripts/bootstrap.min.js"></script>
-    <script type="text/javascript" src="scripts/index.js"></script>
+        <script src="scripts/jquery-3.1.1.min.js"></script>
+        <script src="scripts/bootstrap.min.js"></script>
+        <script type="text/javascript" src="scripts/index.js"></script>
+        <script src="https://code.highcharts.com/highcharts.js"></script>
+        <script src="https://code.highcharts.com/modules/exporting.js"></script>
 </body>
 
 </html>