Scrollability added to scoreboard prototype
This commit is contained in:
Lucas Patenaude
@@ -1,11 +1,11 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en" class="h-100">
|
||||
|
||||
{{> live-scoreboard/live-scoreboard}}
|
||||
|
||||
<!-- TODO: Add the head.hbs partial here -->
|
||||
{{> head}}
|
||||
|
||||
|
||||
{{> live-scoreboard/live-scoreboard}}
|
||||
<!-- TODO: Add the nav.hbs partial here -->
|
||||
{{> nav}}
|
||||
|
||||
|
||||
@@ -1,4 +1,3 @@
|
||||
<body>
|
||||
<div class="container mt-5">
|
||||
<h1 class="mb-4">Welcome</h1>
|
||||
<div class="card-container">
|
||||
@@ -25,5 +24,5 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
|
||||
|
||||
@@ -1,4 +1,3 @@
|
||||
<body class="container">
|
||||
<!-- Linking forms.css -->
|
||||
<div class="login-page">
|
||||
<div class="form-container">
|
||||
@@ -28,4 +27,3 @@
|
||||
<p class="mt-3">Don't have an account? <a href="/register">Register</a></p>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
@@ -1,4 +1,3 @@
|
||||
<body class="container">
|
||||
<div class="register-page">
|
||||
<div class="form-container">
|
||||
<h1 class="mt-5 mb-4">Register</h1>
|
||||
@@ -21,4 +20,4 @@
|
||||
<p class="mt-3">Already have an account? <a href="/login">Login</a></p>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
|
||||
@@ -1,3 +1,5 @@
|
||||
</body>
|
||||
|
||||
<footer class="text-center text-muted w-100 mt-auto fixed-bottom">
|
||||
<p>
|
||||
© 2024 - CSCI 3308 Group 6
|
||||
@@ -9,3 +11,4 @@
|
||||
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
|
||||
|
||||
</footer>
|
||||
|
||||
|
||||
@@ -12,6 +12,5 @@
|
||||
|
||||
<!-- Include Bootstrap CSS -->
|
||||
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
|
||||
<body class="h-100 d-flex flex-column"></body>
|
||||
</head>
|
||||
|
||||
|
||||
@@ -1,16 +1,50 @@
|
||||
<div class="scoreboard-container" id="scoreboard">
|
||||
<div class="league-container">
|
||||
<div class="scoreboard-container" id="scoreboard">
|
||||
<div class="scoreboard-league-container">
|
||||
|
||||
<!-- Match Card 1 -->
|
||||
<div class="card" id="game-card">
|
||||
<!-- Card content -->
|
||||
Card 1
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Match Card 2 -->
|
||||
<div class="card" id="game-card">
|
||||
<!-- Card content -->
|
||||
Card 2
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Match Card 3 -->
|
||||
<div class="card" id="game-card">
|
||||
<!-- Card content -->
|
||||
Card 3
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Match Card 4 -->
|
||||
<div class="card" id="game-card">
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Match Card 5 -->
|
||||
<div class="card" id="game-card">
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Match Card 6 -->
|
||||
<div class="card" id="game-card">
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Match Card 7 -->
|
||||
<div class="card" id="game-card">
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Match Card 8 -->
|
||||
<div class="card" id="game-card">
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Match Card 9 -->
|
||||
<div class="card" id="game-card">
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -1,27 +1,28 @@
|
||||
|
||||
<nav class="navbar navbar-expand-sm border-bottom">
|
||||
<div class="container">
|
||||
<button
|
||||
class="navbar-toggler ms-auto"
|
||||
type="button"
|
||||
data-bs-toggle="collapse"
|
||||
data-bs-target="#navbar-collapse"
|
||||
aria-controls="navbar"
|
||||
aria-expanded="false"
|
||||
aria-label="Toggle navigation">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
<div class="collapse navbar-collapse" id="navbar-collapse">
|
||||
<ul class="navbar-nav me-auto">
|
||||
<li class="nav-item">
|
||||
<!-- TODO: For Discover, add a <a> tag with an attribute href to call the '/discover' API -->
|
||||
<a class="nav-link" href="/home">Home</a>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="nav-item me-1">
|
||||
<!-- TODO: For Logout, add a <a> tag with an attribute href to call the '/logout API -->
|
||||
<a class="nav-link" href="/logout">Logout</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
<div class="container">
|
||||
<button
|
||||
class="navbar-toggler ms-auto"
|
||||
type="button"
|
||||
data-bs-toggle="collapse"
|
||||
data-bs-target="#navbar-collapse"
|
||||
aria-controls="navbar"
|
||||
aria-expanded="false"
|
||||
aria-label="Toggle navigation">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
<div class="collapse navbar-collapse" id="navbar-collapse">
|
||||
<ul class="navbar-nav me-auto">
|
||||
<li class="nav-item">
|
||||
<!-- TODO: For Discover, add a <a> tag with an attribute href to call the '/discover' API -->
|
||||
<a class="nav-link" href="/home">Home</a>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="nav-item me-1">
|
||||
<!-- TODO: For Logout, add a <a> tag with an attribute href to call the '/logout API -->
|
||||
<a class="nav-link" href="/logout">Logout</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<body>
|
||||
Reference in New Issue
Block a user