diff --git a/static/games_page.css b/static/games_page.css
index f37bc70..514b9b5 100644
--- a/static/games_page.css
+++ b/static/games_page.css
@@ -18,10 +18,14 @@ body {
}
#title {
- grid-column: 2;
+ grid-column: 1 / 4;
grid-row: 1;
}
+#title > .page_header {
+ margin: auto
+}
+
.link{
position: relative;
top: 10px;
@@ -84,11 +88,13 @@ h2 {
.inning {
float: left;
margin: 5px;
+ margin-left: 8px;
}
.weather {
float: right;
margin: 5px;
+ margin-right: 8px;
}
.body {
diff --git a/static/loader.js b/static/loader.js
index ce7a915..d9e34dd 100644
--- a/static/loader.js
+++ b/static/loader.js
@@ -1,8 +1,7 @@
$(document).ready(function (){
var socket = io.connect();
var gameslist = [];
- var maxslot = 3;
- var totalslots = 15;
+ var maxSlot = 1;
var grid = document.getElementById("container");
@@ -14,17 +13,23 @@ $(document).ready(function (){
for (const timestamp in json) {
if (!gameslist.includes(timestamp)) { //adds game to list if not there already
gameslist.push(timestamp)
- var gridBoxes = grid.children;
- for (var slotnum = 3; slotnum <= Math.min(maxslot, totalslots-1); slotnum++) {
- if (gridBoxes[slotnum].className == "emptyslot") {
+ for (var slotnum = 1; true; slotnum++) { //this is really a while loop but don't tell anyone
+ if (slotnum >= grid.children.length) {
+ for (var i = 0; i < 3; i ++) {
+ newBox = document.createElement("DIV");
+ newBox.className = "emptyslot";
+ grid.appendChild(newBox);
+ }
+ }
+ if (grid.children[slotnum].className == "emptyslot") {
insertGame(slotnum, json[timestamp], timestamp);
- maxslot += 1;
+ maxSlot = Math.max(maxSlot, slotnum);
break;
};
};
};
- for (var slotnum = 3; slotnum <= Math.min(maxslot, totalslots-1); slotnum++) {
+ for (var slotnum = 1; slotnum <= maxSlot; slotnum++) {
if (grid.children[slotnum].timestamp == timestamp) {
updateGame(grid.children[slotnum], json[timestamp]);
};
diff --git a/templates/index.html b/templates/index.html
index 6adf449..a591815 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -1,5 +1,4 @@
-
@@ -10,12 +9,10 @@
to start your own games!