leaderboard/index.html

182 lines
15 KiB
HTML
Raw Permalink Normal View History

2023-09-14 07:17:41 -04:00
<!DOCTYPE html>
<html lang="en">
2023-09-15 17:54:33 -04:00
2023-09-14 07:17:41 -04:00
<head>
<meta charset="UTF-8">
2023-09-15 17:54:33 -04:00
<!-- <meta http-equiv="refresh" content="10"> -->
2023-09-14 07:17:41 -04:00
<meta name="viewport" content="width=device-width, initial-scale=1.0">
2023-09-23 03:15:09 -04:00
<meta name="theme-color" content="white" />
<title>Code Ninjas Langley | Leaderboard</title>
2023-09-20 07:53:30 -04:00
<link rel="shortcut icon" href="/assets/img/favicon.png" type="image/x-icon">
<meta name="description" content="Check out the leaderboard to see where you rank amongst our leading ninjas!">
<meta name="keywords" content="Leaderboard , Code Ninjas, Langley, Showcase, Games, Coding, Slough, Langley, Code Ninjas Langley">
2023-09-20 07:53:30 -04:00
<link rel="stylesheet" href="/assets/css/style.css">
<link rel="stylesheet" href="/assets/css/stars.css">
2023-09-23 03:15:09 -04:00
<link rel="stylesheet" href="/assets/css/bg.css">
2023-09-14 07:17:41 -04:00
</head>
<body>
2023-09-23 03:15:09 -04:00
<!-- background starts -->
<!-- <div class='ripple-background'>
<div class='circle xxlarge shade1'></div>
<div class='circle xlarge shade2'></div>
<div class='circle large shade3'></div>
<div class='circle mediun shade4'></div>
<div class='circle small shade5'></div>
</div> -->
<!-- background ends -->
2023-09-14 07:17:41 -04:00
<div class="wrapper">
<div class="list">
2023-09-20 07:53:30 -04:00
<div class="list__header" style="text-align: center;">
<h5 style="color: brown;" class="caps"><a href="https://codeninjaslangley.co.uk" class="a-no-link" target="_blank">Code Ninjas Langley</a></h5>
2023-09-23 03:15:09 -04:00
<img src="/assets/img/impact.png" style="width: 300;height: 70px;" alt="">
2023-09-20 07:53:30 -04:00
<h2 style="font-variant-caps:small-caps; margin: 0px;">leaderboard</h2>
2023-09-14 07:17:41 -04:00
</div>
<div class="list__body">
2023-09-15 17:54:33 -04:00
<table class="list__table" id="leaderboard_table">
<!-- <tr class="list__row" data-image="https://www.formula1.com/content/fom-website/en/drivers/sebastian-vettel/_jcr_content/image.img.1920.medium.jpg/1533294389985.jpg" data-nationality="German" data-dob="1987-07-03" data-country="de">
2023-09-14 07:17:41 -04:00
<td class="list__cell"><span class="list__value">2</span></td>
<td class="list__cell"><span class="list__value">Sebastian Vettel</span><small class="list__label">Driver</small></td>
<td class="list__cell"><span class="list__value">Ferrari</span><small class="list__label">Constructor</small></td>
<td class="list__cell"><span class="list__value">78</span><small class="list__label">Points</small></td>
</tr>
<tr class="list__row" data-image="https://www.formula1.com/content/fom-website/en/drivers/valtteri-bottas/_jcr_content/image.img.1920.medium.jpg/1536135115661.jpg" data-nationality="Finnish" data-dob="1989-08-28" data-country="fi">
<td class="list__cell"><span class="list__value">3</span></td>
<td class="list__cell"><span class="list__value">Valtteri Bottas</span><small class="list__label">Driver</small></td>
<td class="list__cell"><span class="list__value">Mercedes</span><small class="list__label">Constructor</small></td>
<td class="list__cell"><span class="list__value">58</span><small class="list__label">Points</small></td>
</tr>
<tr class="list__row" data-image="https://www.formula1.com/content/fom-website/en/drivers/kimi-raikkonen/_jcr_content/image.img.1920.medium.jpg/1544714269466.jpg" data-nationality="Finnish" data-dob="1979-10-17" data-country="fi">
<td class="list__cell"><span class="list__value">4</span></td>
<td class="list__cell"><span class="list__value">Kimi Räikkönen</span><small class="list__label">Driver</small></td>
<td class="list__cell"><span class="list__value">Ferrari</span><small class="list__label">Constructor</small></td>
<td class="list__cell"><span class="list__value">48</span><small class="list__label">Points</small></td>
</tr>
<tr class="list__row" data-image="https://www.formula1.com/content/fom-website/en/drivers/daniel-ricciardo/_jcr_content/image.img.1920.medium.jpg/1544714300924.jpg" data-nationality="Australian" data-dob="1989-07-01" data-country="au">
<td class="list__cell"><span class="list__value">5</span></td>
<td class="list__cell"><span class="list__value">Daniel Ricciardo</span><small class="list__label">Driver</small></td>
<td class="list__cell"><span class="list__value">Red Bull</span><small class="list__label">Constructor</small></td>
<td class="list__cell"><span class="list__value">47</span><small class="list__label">Points</small></td>
</tr>
<tr class="list__row" data-image="https://www.formula1.com/content/fom-website/en/drivers/max-verstappen/_jcr_content/image.img.1920.medium.jpg/1536135200444.jpg" data-nationality="Dutch" data-dob="1997-09-30" data-country="nl">
<td class="list__cell"><span class="list__value">6</span></td>
<td class="list__cell"><span class="list__value">Max Verstappen</span><small class="list__label">Driver</small></td>
<td class="list__cell"><span class="list__value">Red Bull</span><small class="list__label">Constructor</small></td>
<td class="list__cell"><span class="list__value">33</span><small class="list__label">Points</small></td>
</tr>
<tr class="list__row" data-image="https://via.placeholder.com/300" data-nationality="Spanish" data-dob="1981-07-29" data-country="es">
<td class="list__cell"><span class="list__value">7</span></td>
<td class="list__cell"><span class="list__value">Fernando Alonso</span><small class="list__label">Driver</small></td>
<td class="list__cell"><span class="list__value">McLaren</span><small class="list__label">Constructor</small></td>
<td class="list__cell"><span class="list__value">32</span><small class="list__label">Points</small></td>
</tr>
<tr class="list__row" data-image="https://www.formula1.com/content/fom-website/en/drivers/nico-hulkenberg/_jcr_content/image.img.1920.medium.jpg/1536135087181.jpg" data-nationality="German" data-dob="1987-08-19" data-country="de">
<td class="list__cell"><span class="list__value">8</span></td>
<td class="list__cell"><span class="list__value">Nico Hülkenberg</span><small class="list__label">Driver</small></td>
<td class="list__cell"><span class="list__value">Renault</span><small class="list__label">Constructor</small></td>
<td class="list__cell"><span class="list__value">22</span><small class="list__label">Points</small></td>
</tr>
<tr class="list__row" data-image="https://www.formula1.com/content/fom-website/en/drivers/kevin-magnussen/_jcr_content/image.img.1920.medium.jpg/1536135077427.jpg" data-nationality="Danish" data-dob="1992-10-05" data-country="dk">
<td class="list__cell"><span class="list__value">9</span></td>
<td class="list__cell"><span class="list__value">Kevin Magnussen</span><small class="list__label">Driver</small></td>
<td class="list__cell"><span class="list__value">Haas F1 Team</span><small class="list__label">Constructor</small></td>
<td class="list__cell"><span class="list__value">19</span><small class="list__label">Points</small></td>
</tr>
<tr class="list__row" data-image="https://www.formula1.com/content/fom-website/en/drivers/carlos-sainz/_jcr_content/image.img.1920.medium.jpg/1544796007483.jpg" data-nationality="Spanish" data-dob="1994-09-01" data-country="es">
<td class="list__cell"><span class="list__value">10</span></td>
<td class="list__cell"><span class="list__value">Carlos Sainz</span><small class="list__label">Driver</small></td>
<td class="list__cell"><span class="list__value">Renault</span><small class="list__label">Constructor</small></td>
<td class="list__cell"><span class="list__value">19</span><small class="list__label">Points</small></td>
</tr>
<tr class="list__row" data-image="https://www.formula1.com/content/fom-website/en/drivers/sergio-perez/_jcr_content/image.img.1920.medium.jpg/1536135110814.jpg" data-nationality="Mexican" data-dob="1990-01-26" data-country="mx">
<td class="list__cell"><span class="list__value">11</span></td>
<td class="list__cell"><span class="list__value">Sergio Pérez</span><small class="list__label">Driver</small></td>
<td class="list__cell"><span class="list__value">Force India</span><small class="list__label">Constructor</small></td>
<td class="list__cell"><span class="list__value">17</span><small class="list__label">Points</small></td>
</tr>
<tr class="list__row" data-image="https://www.formula1.com/content/fom-website/en/drivers/pierre-gasly/_jcr_content/image.img.1920.medium.jpg/1544714186959.jpg" data-nationality="French" data-dob="1987-07-03" data-country="fr">
<td class="list__cell"><span class="list__value">12</span></td>
<td class="list__cell"><span class="list__value">Pierre Gasly</span><small class="list__label">Driver</small></td>
<td class="list__cell"><span class="list__value">Toro Rosso</span><small class="list__label">Constructor</small></td>
<td class="list__cell"><span class="list__value">12</span><small class="list__label">Points</small></td>
</tr>
<tr class="list__row" data-image="https://www.formula1.com/content/fom-website/en/drivers/charles-leclerc/_jcr_content/image.img.1920.medium.jpg/1544714150783.jpg" data-nationality="Monegasque" data-dob="1997-10-16" data-country="mc">
<td class="list__cell"><span class="list__value">13</span></td>
<td class="list__cell"><span class="list__value">Charles Leclerc</span><small class="list__label">Driver</small></td>
<td class="list__cell"><span class="list__value">Sauber</span><small class="list__label">Constructor</small></td>
<td class="list__cell"><span class="list__value">9</span><small class="list__label">Points</small></td>
</tr>
<tr class="list__row" data-image="https://via.placeholder.com/300" data-nationality="Belgian" data-dob="1992-03-26" data-country="be">
<td class="list__cell"><span class="list__value">14</span></td>
<td class="list__cell"><span class="list__value">Stoffel Vandoorne</span><small class="list__label">Driver</small></td>
<td class="list__cell"><span class="list__value">McLaren</span><small class="list__label">Constructor</small></td>
<td class="list__cell"><span class="list__value">8</span><small class="list__label">Points</small></td>
</tr>
<tr class="list__row" data-image="https://www.formula1.com/content/fom-website/en/drivers/lance-stroll/_jcr_content/image.img.1920.medium.jpg/1544714229187.jpg" data-nationality="Canadian" data-dob="1998-10-29" data-country="ca">
<td class="list__cell"><span class="list__value">15</span></td>
<td class="list__cell"><span class="list__value">Lance Stroll</span><small class="list__label">Driver</small></td>
<td class="list__cell"><span class="list__value">Williams</span><small class="list__label">Constructor</small></td>
<td class="list__cell"><span class="list__value">4</span><small class="list__label">Points</small></td>
</tr>
<tr class="list__row" data-image="https://via.placeholder.com/300" data-nationality="Swedish" data-dob="1990-09-02" data-country="se">
<td class="list__cell"><span class="list__value">16</span></td>
<td class="list__cell"><span class="list__value">Marcus Ericsson</span><small class="list__label">Driver</small></td>
<td class="list__cell"><span class="list__value">Sauber</span><small class="list__label">Constructor</small></td>
<td class="list__cell"><span class="list__value">2</span><small class="list__label">Points</small></td>
</tr>
<tr class="list__row" data-image="https://via.placeholder.com/300" data-nationality="French" data-dob="1996-09-17" data-country="fr">
<td class="list__cell"><span class="list__value">17</span></td>
<td class="list__cell"><span class="list__value">Esteban Ocon</span><small class="list__label">Driver</small></td>
<td class="list__cell"><span class="list__value">Force India</span><small class="list__label">Constructor</small></td>
<td class="list__cell"><span class="list__value">1</span><small class="list__label">Points</small></td>
</tr>
<tr class="list__row" data-image="https://via.placeholder.com/300" data-nationality="New Zealander" data-dob="1989-11-10" data-country="nz">
<td class="list__cell"><span class="list__value">18</span></td>
<td class="list__cell"><span class="list__value">Brendon Hartley</span><small class="list__label">Driver</small></td>
<td class="list__cell"><span class="list__value">Toro Rosso</span><small class="list__label">Constructor</small></td>
<td class="list__cell"><span class="list__value">1</span><small class="list__label">Points</small></td>
</tr>
<tr class="list__row" data-image="https://www.formula1.com/content/fom-website/en/drivers/romain-grosjean/_jcr_content/image.img.1920.medium.jpg/1536135092872.jpg" data-nationality="French" data-dob="1986-04-17" data-country="fr">
<td class="list__cell"><span class="list__value">19</span></td>
<td class="list__cell"><span class="list__value">Romain Grosjean</span><small class="list__label">Driver</small></td>
<td class="list__cell"><span class="list__value">Haas F1 Team</span><small class="list__label">Constructor</small></td>
<td class="list__cell"><span class="list__value">0</span><small class="list__label">Points</small></td>
</tr>
<tr class="list__row" data-image="https://via.placeholder.com/300" data-nationality="Russian" data-dob="1995-08-27" data-country="ru">
<td class="list__cell"><span class="list__value">20</span></td>
<td class="list__cell"><span class="list__value">Sergey Sirotkin</span><small class="list__label">Driver</small></td>
<td class="list__cell"><span class="list__value">Williams</span><small class="list__label">Constructor</small></td>
<td class="list__cell"><span class="list__value">0</span><small class="list__label">Points</small></td>
2023-09-15 17:54:33 -04:00
</tr> -->
2023-09-14 07:17:41 -04:00
</table>
</div>
2023-09-15 17:54:33 -04:00
<div class="list__footer">
2023-09-24 07:12:09 -04:00
<h5><a href="https://codeninjaslangley.co.uk" class="a-no-link" target="_blank">Code Ninjas Langley</a></h5>
2023-09-15 17:54:33 -04:00
</div>
2023-09-14 07:17:41 -04:00
</div>
</div>
<div class="overlay"></div>
<div class="sidebar">
<div class="sidebar__header">
2023-09-20 07:53:30 -04:00
<div class="sidebar__title">Ninja Stats</div>
2023-09-14 07:17:41 -04:00
<button class="button button--close">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
<circle cx="12" cy="12" r="10"></circle>
<line x1="15" y1="9" x2="9" y2="15"></line>
<line x1="9" y1="9" x2="15" y2="15"></line>
</svg>
</button>
</div>
<div class="sidebar__body"></div>
</div>
2023-09-15 17:54:33 -04:00
2023-09-20 07:53:30 -04:00
<script src="assets/js/papaparse.min.js"></script>
<script src="assets/js/leaderboard.js"></script>
<script src="assets/js/script.js"></script>
2023-09-14 07:17:41 -04:00
</body>
</html>