lucaspatenaude/ScoreSpot
1
0
Fork 0
Code Projects 1 Releases 1 Wiki Activity

Flag added to league header

Browse Source
This commit is contained in:
Lucas Patenaude
2024-04-13 18:45:55 -06:00
parent 14a19ccdf7
commit a7c2553f90
3 changed files with 11 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
ProjectSourceCode/src/resources/css/league-page/league-page.css
View File

@@ -38,6 +38,13 @@
#league-title { #league-title {
transform: skewX(20deg); /* Skew the banner to create a triangular side */ transform: skewX(20deg); /* Skew the banner to create a triangular side */
margin-right: 20px;
}
#league-flag {
transform: skewX(20deg); /* Skew the banner to create a triangular side */
height: 20px;
margin-right: 200px; margin-right: 200px;
} }

3
ProjectSourceCode/src/resources/middleware/league-page/get-current-league-information.js
View File

@@ -18,6 +18,9 @@ const fetchLeaguesData = async (req, res, next) => {
// Attach the data to res.locals // Attach the data to res.locals
res.locals.league = { res.locals.league = {
area: {
league_flag: leagueData.area.flag,
},
competition: { competition: {
league_id: leagueData.competition.id, league_id: leagueData.competition.id,
league_name: leagueData.competition.name, league_name: leagueData.competition.name,

1
ProjectSourceCode/src/views/pages/league-page.hbs
View File

@@ -4,6 +4,7 @@
<div class="container" id="league-information-container"> <div class="container" id="league-information-container">
<img id="league-logo" src="{{league.competition.league_emblem}}" alt="{{league.competition.league_name}} Emblem"> <img id="league-logo" src="{{league.competition.league_emblem}}" alt="{{league.competition.league_name}} Emblem">
<h1 id="league-title">{{league.competition.league_name}}</h2> <h1 id="league-title">{{league.competition.league_name}}</h2>
<img id="league-flag" src="{{league.area.league_flag}}" alt="{{league.competition.league_name}} Flag">
</div> </div>
<!-- Container to display all stats for league <- bottom rest of the container --> <!-- Container to display all stats for league <- bottom rest of the container -->