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">
|
|
|
|
|
<title>Document</title>
|
|
|
|
|
<link rel="stylesheet" href="/assets/style.css">
|
2023-09-15 17:54:33 -04:00
|
|
|
<link rel="stylesheet" href="/assets/stars.css">
|
2023-09-14 07:17:41 -04:00
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
|
|
|
|
|
<div class="wrapper">
|
|
|
|
|
<div class="list">
|
|
|
|
|
<div class="list__header">
|
|
|
|
|
<h5>Code Ninjas Langley</h5>
|
|
|
|
|
<h1><b>IMPACT</b> <span style="font-variant-caps:small-caps">leaderboard</span></h1>
|
|
|
|
|
</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">
|
|
|
|
|
<h5>Code Ninjas Langley</h5>
|
|
|
|
|
</div>
|
2023-09-14 07:17:41 -04:00
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="overlay"></div>
|
|
|
|
|
<div class="sidebar">
|
|
|
|
|
<div class="sidebar__header">
|
|
|
|
|
<div class="sidebar__title">Ninja Information</div>
|
|
|
|
|
<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
|
|
|
|
|
|
|
|
|
|
|
|
|
<script src="assets/papaparse.min.js"></script>
|
2023-09-14 07:17:41 -04:00
|
|
|
<script src="assets/leaderboard.js"></script>
|
2023-09-15 17:54:33 -04:00
|
|
|
|
|
|
|
|
<script>
|
|
|
|
|
getText("https://docs.google.com/spreadsheets/d/e/2PACX-1vSscQfV-TdME-3KWkPSr_o3FphomzJ7o-TcTmCzCtY-grKUIzpI6GV0piJBy_hU_VH6OOWrbjhmfI9j/pub?gid=892912605&single=true&output=csv");
|
|
|
|
|
var tab = document.getElementById('leaderboard_table')
|
|
|
|
|
async function getText(file) {
|
|
|
|
|
let myObject = await fetch(file);
|
|
|
|
|
let myText = await myObject.text();
|
|
|
|
|
let ninjas = Papa.parse(myText, {header:true}).data;
|
|
|
|
|
console.log(ninjas);
|
|
|
|
|
|
|
|
|
|
var count = 1;
|
|
|
|
|
|
|
|
|
|
var n = ninjas.sort(function(a, b) {
|
|
|
|
|
return b.Score - a.Score;
|
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
Gen={
|
|
|
|
|
'M':'m-ninja.png',
|
|
|
|
|
'F':'f-ninja.png',
|
|
|
|
|
'O':'o-ninja.png'
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
ninjas.forEach(ninja => {
|
|
|
|
|
|
|
|
|
|
row = `<tr class="list__row" data-image="/assets/${Gen[ninja.Gen]}" data-activity="${ninja.Activity}" data-nationality="Swedish" data-dob="1990-09-02" data-country="se" data-remark="${ninja.Activity}" data-score="${ninja.Score}">
|
|
|
|
|
<td class="list__cell"><span class="list__value">${count}</span></td>
|
|
|
|
|
<td class="list__cell"><span class="list__value">${ninja.Ninja}</span><small class="list__label">Ninja</small></td>
|
|
|
|
|
<td class="list__cell"><span class="list__value">${ninja.Belt}</span><small class="list__label">Belt</small></td>
|
|
|
|
|
<td class="list__cell"><span class="list__value">${ninja.Level}</span><small class="list__label">Level</small></td>
|
|
|
|
|
</tr>`;
|
|
|
|
|
count+=1;
|
|
|
|
|
tab.innerHTML+=row;
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
formatTable()
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
</script>
|
2023-09-14 07:17:41 -04:00
|
|
|
</body>
|
|
|
|
|
</html>
|
