club homepage complete

This commit is contained in:
dominicjk
2024-04-15 14:14:23 -06:00
parent 411e6bf584
commit 0bd33dcd1a
6 changed files with 90 additions and 38 deletions

View File

@@ -7,25 +7,11 @@
</head>
<body>
<div class="container" id="club-page-body">
<div class="container" id="club-information-container">
<img id="club-logo" src="{{club.crest}}" alt="Club Emblem">
<h1 id="club-title"></h1>
<img id="club-flag" src="{{club.area.club_flag}}" alt="Club Flag">
</div>
<div>
<p id="club-founded"></p>
<p id="club-website"></p>
<p id="club-address"></p>
<p id="club-colors"></p>
</div>
<div class="container" id="club-stats-container">
<div class="container" id="club-players-container">
<h2>Players</h2>
<ul id="players-list"></ul>
<table id="players-table">
<table id="players-table" class = "table">
<thead>
<tr>
<th>Name</th>
@@ -49,14 +35,63 @@
</div>
<div class="container" id="top-scorers-container">
<h2>Top Scorers</h2>
<h2>Information</h2>
<ul id="scorers-list"></ul>
</div>
<table id="top-scorers-table" class = "table">
<tbody>
<tr>
<td id = "club-crest">
<img src = {{club.crest}}>
</td>
</tr>
<tr>
<td id = "club-area-flag-row">
<img id = "club-area-flag" src = {{club.area.club_flag}}>
</td>
</tr>
<tr>
<td>
<span style="font-weight: bold;">Club Address:</span><br>
{{club.address}}
</td>
</tr>
<tr>
<td>
<span style="font-weight: bold;">Founded</span><br>
{{club.founded}}
</td>
</tr>
<tr>
<td>
<span style="font-weight: bold;">Manager</span><br>
<span>Name : {{club.coach.name}}</span><br>
<span>Nationality : {{club.coach.nationality}}</span><br>
<span>DOB : {{club.coach.dateOfBirth}}</span><br>
<span>contract start : {{club.coach.contract.start}}</span><br>
<span>contract end : {{club.coach.contract.until}}</span><br>
</td>
</tr>
</tbody>
</table>
<div class="container" id="competitions-container">
<h2>Competitions</h2>
<ul id="competitions-list"></ul>
</div>
<table id="players-table" class = "table">
<thead>
<tr>
<th>Name</th>
</tr>
</thead>
<tbody>
{{#each club.runningCompetitions}}
<tr>
<td>{{name}}</td>
</tr>
{{/each}}
</tbody>
</table>
</div>
</div>