kass/matteo-the-prestige
1
0
Fork 0
Code Issues 3 Pull Requests Packages Projects Releases Wiki Activity

Merge pull request #81 from esSteres/redacted

Browse Source 
Move header out of grid, for my own sanity
This commit is contained in:
Sakimori 2020-12-31 01:39:30 -05:00 committed by GitHub
commit 8fd5c5768d
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 14 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
static/games_page.css
View File

@ -9,7 +9,7 @@ body {
font-family: 'Alegreya', serif; font-family: 'Alegreya', serif;
display: grid; display: grid;
grid-template-columns: repeat(3, minmax(500px, 1fr)); grid-template-columns: repeat(3, minmax(500px, 1fr));
grid-template-rows: 100px 330px; grid-template-rows: 330px;
grid-gap: 50px 30px; /*space between rows, then columns*/ grid-gap: 50px 30px; /*space between rows, then columns*/
align-items: center; align-items: center;
justify-items: center; justify-items: center;
@ -17,12 +17,13 @@ body {
grid-auto-flow: row; grid-auto-flow: row;
} }
#title { #header {
grid-column: 1 / 4; width: 100%;
grid-row: 1; height: 100px;
margin-bottom: 50px;
} }
#title > .page_header { #header > .page_header {
margin: auto margin: auto
} }

8
static/loader.js
View File

@ -19,7 +19,7 @@ $(document).ready(function (){
for (const timestamp in json) { for (const timestamp in json) {
if (!gameslist.includes(timestamp)) { //adds game to list if not there already if (!gameslist.includes(timestamp)) { //adds game to list if not there already
gameslist.push(timestamp) gameslist.push(timestamp)
for (var slotnum = 1; true; slotnum++) { //this is really a while loop but shh don't tell anyone for (var slotnum = 0; true; slotnum++) { //this is really a while loop but shh don't tell anyone
if (slotnum >= grid.children.length) { if (slotnum >= grid.children.length) {
for (var i = 0; i < 3; i ++) { for (var i = 0; i < 3; i ++) {
insertEmpty(grid); insertEmpty(grid);
@ -32,20 +32,20 @@ $(document).ready(function (){
}; };
}; };
for (var slotnum = 1; slotnum < grid.children.length; slotnum++) { for (var slotnum = 0; slotnum < grid.children.length; slotnum++) {
if (grid.children[slotnum].timestamp == timestamp) { if (grid.children[slotnum].timestamp == timestamp) {
updateGame(grid.children[slotnum], json[timestamp]); updateGame(grid.children[slotnum], json[timestamp]);
}; };
}; };
}; };
for (var slotnum = 1; slotnum < grid.children.length; slotnum++) { for (var slotnum = 0; slotnum < grid.children.length; slotnum++) {
if (grid.children[slotnum].className == "game" && !(Object.keys(json).includes(grid.children[slotnum].timestamp))) { if (grid.children[slotnum].className == "game" && !(Object.keys(json).includes(grid.children[slotnum].timestamp))) {
grid.removeChild(grid.children[slotnum]); grid.removeChild(grid.children[slotnum]);
} }
} }
var requiredcells = Math.max(4, (3 * Math.ceil(Object.keys(json).length/3))+1); var requiredcells = Math.max(3, 3 * Math.ceil(Object.keys(json).length/3));
while (grid.children.length > requiredcells) { while (grid.children.length > requiredcells) {
grid.removeChild(grid.children[requiredcells]); grid.removeChild(grid.children[requiredcells]);

4
templates/index.html
View File

@ -9,11 +9,11 @@
</head> </head>
<body> <body>
<section class="container" id="container"> <div id="header">
<div id="title">
<h2 class="page_header" style="font-size: 50px;">THE SIMMADOME</h2> <h2 class="page_header" style="font-size: 50px;">THE SIMMADOME</h2>
<h2 class="page_header">Join SIBR on <a href="https://discord.gg/UhAajY2NCW" class="link"><img src="static/discord.png" height="30"></a> to start your own games!</h2> <h2 class="page_header">Join SIBR on <a href="https://discord.gg/UhAajY2NCW" class="link"><img src="static/discord.png" height="30"></a> to start your own games!</h2>
</div> </div>
<section class="container" id="container">
<div class="emptyslot"></div> <div class="emptyslot"></div>
<div class="emptyslot"></div> <div class="emptyslot"></div>
<div class="emptyslot"></div> <div class="emptyslot"></div>