From aa112f12f05eaafa5c3a12786565b9224115c3a8 Mon Sep 17 00:00:00 2001 From: Brian Rinaldi Date: Thu, 21 Nov 2024 08:11:18 -0500 Subject: [PATCH] Leaderboard --- frontend/src/assets/images/FirstPlace.png | Bin 0 -> 4923 bytes frontend/src/assets/images/SecondPlace.png | Bin 0 -> 5067 bytes frontend/src/assets/images/ThirdPlace.png | Bin 0 -> 5156 bytes frontend/src/components/LeaderboardPage.js | 72 ++++++++++++++++++++- frontend/src/index.css | 40 ++++++++++++ 5 files changed, 109 insertions(+), 3 deletions(-) create mode 100644 frontend/src/assets/images/FirstPlace.png create mode 100644 frontend/src/assets/images/SecondPlace.png create mode 100644 frontend/src/assets/images/ThirdPlace.png diff --git a/frontend/src/assets/images/FirstPlace.png b/frontend/src/assets/images/FirstPlace.png new file mode 100644 index 0000000000000000000000000000000000000000..89baaf5d60953489ada2fcfdf92a7e5da7067fcf GIT binary patch literal 4923 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 literal 0 HcmV?d00001 diff --git a/frontend/src/assets/images/SecondPlace.png b/frontend/src/assets/images/SecondPlace.png new file mode 100644 index 0000000000000000000000000000000000000000..a8cbf00c06045d0448afaee1d60f26480aa0239f GIT binary patch literal 5067 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 literal 0 HcmV?d00001 diff --git a/frontend/src/assets/images/ThirdPlace.png b/frontend/src/assets/images/ThirdPlace.png new file mode 100644 index 0000000000000000000000000000000000000000..4e322f09f511b28125e06fc34fc34a08e7ceca5e GIT binary patch literal 5156 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 S^ZI@O0000 - - + + - Leaderboard + LEADERBOARD +
+
+ + {leaderboardData[1].Username} + +
+ Score + {leaderboardData[1].Score} +
+
+
+ + {leaderboardData[0].Username} + +
+ Score + {leaderboardData[0].Score} +
+
+
+ + {leaderboardData[2].Username} + +
+ Score + {leaderboardData[2].Score} +
+
+
{leaderboardData.length > 0 ? ( {leaderboardData.map((entry, index) => ( diff --git a/frontend/src/index.css b/frontend/src/index.css index 3200483..92bccc6 100644 --- a/frontend/src/index.css +++ b/frontend/src/index.css @@ -82,4 +82,44 @@ code { margin: 0 auto 0 auto; line-height: 24px; margin-bottom: 20px; +} + +.top-scores { + display: flex; + padding: var(--3, 24px) 0px; + justify-content: space-between; + align-items: center; + align-self: stretch; +} + +.podium { + display: flex; + padding: var(--2, 16px); + flex-direction: column; + align-items: flex-start; + gap: var(--3, 24px); + flex: 1 0 0; + border-radius: var(--borderRadius, 4px); + background: var(--background-paper-elevation-3, #EAEAF0); + text-align: center; + max-width: 130px; + + /* elevation/3 */ + box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 3px 3px -2px rgba(0, 0, 0, 0.20); +} +.first-place { + background-image: url('./assets/images/FirstPlace.png'); + background-position: 50% 10%; + background-repeat: no-repeat; + margin-top: -20px; +} +.second-place { + background-image: url('./assets/images/SecondPlace.png'); + background-position: 50% 10%; + background-repeat: no-repeat; +} +.third-place { + background-image: url('./assets/images/ThirdPlace.png'); + background-position: 50% 10%; + background-repeat: no-repeat; } \ No newline at end of file