diff options
Diffstat (limited to 'fe/leaderboard.html')
| -rw-r--r-- | fe/leaderboard.html | 85 |
1 files changed, 62 insertions, 23 deletions
diff --git a/fe/leaderboard.html b/fe/leaderboard.html index e51eca9..6394494 100644 --- a/fe/leaderboard.html +++ b/fe/leaderboard.html @@ -1,39 +1,78 @@ -<!DOCTYPE html> <html lang="en"> -<head> - <meta charset="UTF-8"> - <meta http-equiv="X-UA-Compatible" content="IE=edge"> - <meta name="viewport" content="width=device-width, initial-scale=1.0"> - <title>Document</title> -</head> -<body> + <head> + <meta charset="UTF-8"> + <meta http-equiv="X-UA-Compatible" content="IE=edge"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>Document</title> + <style> + body { background-color: black; font-family: Tahoma, Verdana, Segoe, sans-serif; } + #divv { + color: white; + height: 100%; + padding: 10px; + text-align: center; + } + #team-container { + color: white; + height: 100%; + font-family: Tahoma, Verdana, Segoe, sans-serif; + padding: 10px; + text-align: center; + } + #team-name { font-size: 50px;} + #team-total { font-size: 100px;} + #team-multiplier { font-size: 25px;} + table { font-size: 25px; color: white; text-align: center; margin-left: auto; margin-right: auto;} + hr { + height: 12px; + border: none; + background-color: white; + } + .container { + background-color:black; + display:flex; + } + .green-team { + background-color: green; + width: 50%; + } + .purple-team { + background-color:rebeccapurple; + flex-grow: 1; + } + #prompt {display: none;} + </style> + </head> + <body> <div id="leaderboard"> <div id="leaderboard-title">Leaderboard</div> <div id="prompt">x1.0</div> - <div id="team-container"> + <h1 style="color: white;">        Go to unchi.net/jac to join! </h1> - <!-- <div class="team-box green-team"> - <div id="team-data"></div> - <div id="team-name">Green Team</div> + <div id="team-container" class="container"> + <div id="divv" class="team-box green-team"> + <h1>Team Green</h1> + <hr> <div id="team-total">12</div> + <hr> <div class="team-member-row"> <div class="team-member-name">Bob</div> <div class="team-member-score">12</div> </div> </div> - - <div class="team-box purple-team"> - <div id="team-data"></div> - <div id="team-name">Purple Team</div> - <div id="team-total">1</div> + <div id="divv" class="team-box purple-team"> + <h1>Team Purple</h1> + <hr> + <div id="team-total">12</div> + <hr> <div class="team-member-row"> - <div class="team-member-name">Not Bob</div> - <div class="team-member-score">1</div> + <div class="team-member-name">Bob</div> + <div class="team-member-score">12</div> </div> - </div> --> - + </div> </div> + </div> <script type="module" src="leaderboard.js"></script> -</body> -</html>
\ No newline at end of file + </body> +</html> |