Viewing Program

Program Data

Program thumbnail for "{props.program.title}"

Title	The Code Wars 2023
ID	5510774231187456
Created	1 years ago, 1698828207866
Updated	1 years ago, 1703016005126
Code	<!DOCTYPE html> <!-- THE CODE WARS 2023 (TCW 2023) How it works: Participants will join one of the 4 teams (Axolleration, Hypro, Quercus, Uniceratops). For each challenge, you will make a program that meets the challenge criteria. Your program will be judged and the score will be added to your team's score. The team with the most points at the end wins! If you have any questions, feel free to ask! =] From the host: I'm really excited to be running this competition for the 3rd time on Khan Academy! I cannot wait to see all of the amazing programs that you create! Happy coding! =) Host: TDJ Judges: TDJ, YokieBob Mindque Blast, Cedar. Team Homepages: - Axolleration: https://www.khanacademy.org/computer-programming/axolleration-home/5750566072139776 - Hypro: https://www.khanacademy.org/computer-programming/i/6362586832224256 - Quercus: https://www.khanacademy.org/computer-programming/new-program/5785626712260608 - Uniceratops: https://www.khanacademy.org/computer-programming/uniceratops-homepage-wip/4921602671951872 Credits: - w3schools for search function on participants page --> <html lang="en"> <head> <meta charset="utf-8"> <title>The Code Wars 2023</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;800&display=swap&family=Material+Icons" rel="stylesheet"> <!-- Initial styling --> <style> * { margin: 0; padding: 0; overflow-x: hidden; scroll-behavior: smooth; } body { background-color: #0111; font-family: 'Open Sans'; } .page { padding: 5px 10px 10px 10px; } h1, h2, h3 { color: darkslategrey; } </style> <!-- Navbar styling --> <style> nav { background-color: seagreen; height: 50px; text-align: center; } nav a { text-decoration: none; color: darkslategrey; font-weight: bold; padding: 10px 10px 10px 10px; margin-left: -2px; margin-right: -2px; vertical-align: middle; transition: all 0.5s; } nav a:hover { color: black; background: white; } .material-icons { font-size: 30px; } </style> <!-- Home page styling --> <style> #title { background-image: url("https://upload.wikimedia.org/wikipedia/commons/1/14/Landscape_Arnisee-region.JPG"); background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; padding: 140px 0px 143px 0px; margin: -10px -10px 30px -20px; text-align: center; text-shadow: 0px 0px 8px white; vertical-align: center; font-family: 'Open Sans'; font-size: 100px; } .slide { margin-bottom: 20px; padding-top: 40px; padding-left: 40px; height: 150px; border: 2px solid darkslategrey; border-radius: 10px; transition: 1s all ease; color: white; text-shadow: 0px 0px 4px darkslategrey; } .slide a { color: white; } .slide h2 { font-size: 40px; color: white; } #slide-1 { background-image: url("https://upload.wikimedia.org/wikipedia/commons/7/7b/Grand_Canyon_Hopi_Point_with_rainbow_2013.jpg"); background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; } #slide-2 { background-image: url("https://upload.wikimedia.org/wikipedia/commons/f/f9/White_Desert%2C_Desert_landscape%2C_Egypt.jpg"); background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; } #slide-3 { background-image: url("https://upload.wikimedia.org/wikipedia/commons/c/ca/D%C3%BClmen%2C_B%C3%B6rnste%2C_Eisenbahnlinie_Dortmund-Enschede_--_2015_--_9918.jpg"); background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; } #slide-4 { background-image: url("https://upload.wikimedia.org/wikipedia/commons/8/84/Ryssebergen_2012b.jpg"); background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; } #slide-5 { background-image: url("https://upload.wikimedia.org/wikipedia/commons/7/7c/Ocean_Sunrise.jpg"); background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; } /* Previous TCW stats styling / #last-tcw { background-color: darkslategrey; border-radius: 10px; height: 305px; margin-bottom: 20px; color: white; padding: 20px; text-align: center; } #last-tcw .material-icons { font-size: 50px; } #last-tcw h2 { color: white; } #tcw-stats { margin-top: 10px; display: inline-grid; grid-template-columns: auto auto; } #tcw-people { width: 200px; } #tcw-programs { width: 150px; } </style> <!-- Join page styling --> <style> #submit-joinform { background: seagreen; color: white; font-size: 20px; font-weight: bold; border: none; padding: 10px; transition: 1s all ease; } #submit-joinform:hover { border-radius: 5px; } select { margin-bottom: 10px; } label { font-weight: bold; margin-right: 5px; } select { background: seagreen; color: white; border: none; padding: 2px; } input { background: seagreen; border: 1px solid darkslategrey; padding: 2px; color: white; } ::placeholder { color: white; } input:focus { outline: 0; } </style> <!-- Team page styling --> <style> .avatars-lineup { display: inline; } img { width: 100px; } hr { border-top: 4px solid darkslategrey; margin-top: 10px; margin-bottom: 20px; margin-left: auto; margin-right: auto; width: 80%; } </style> <!-- Participants page styling --> <style> #scores-table-body { display: block; } th { text-align: left; padding-right: 5px; } #show-score { position: fixed; background: rgb(250, 250, 250); width: 500px; height: 150px; left: 30px; top: 200px; padding: 20px; border: 1px solid black; border-radius: 30px; z-index: 1; } #show-score h3, a { display: inline; } #show-score a { float: right; color: darkslategrey; } #table a { color: darkslategrey; } .participant { padding: 0px 0px 0px 0px; background: white; border: 3px solid darkslategrey; border-radius: 15px; width: 99%; height: 50px; margin-top: 5px; margin-bottom: 5px; display: inline-grid; grid-template-columns: 50px 297px 147px 50px; } .participant-img { width: 50px; } .participant-name { padding-top: 13px; } .participant-level { padding-top: 13px; } .participant-score { padding-top: 13px; text-align: right; } #to-top { background: seagreen; text-align: center; margin: 20px -10px -10px -10px; } #to-top a { color: white; text-shadow: 0px 0px 4px darkslategrey; padding: 50px; text-decoration: none; transition: 0.5s all ease-in; font-size: 50px; } #to-top a:hover { transform: translateY(-10px); } </style> <!-- Judges page styling --> <style> #judges td { padding-right: 10px; } #judges td { padding-bottom: 15px; } #judges img { width: 60px; } </style> </head> <body> <!-- Navbar --> <nav> <a href="javascript: changePage(0)" class="material-icons" title="Home">home</a> <a href="javascript: changePage(1)" class="material-icons" title="Join">group_add</a> <a href="javascript: changePage(2)" class="material-icons" title="Teams">bug_report</a> <a href="javascript: changePage(3)" class="material-icons" title="Challenges">emoji_events</a> <a href="javascript: changePage(4)" class="material-icons" title="Participants">people</a> <a href="javascript: changePage(5)" class="material-icons" title="Lead">leaderboard</a> <a href="javascript: changePage(6)" class="material-icons" title="Judges">gavel</a> <a href="javascript: changePage(7)" class="material-icons" title="FAQs">question_answer</a> </nav> <!-- Home Page --> <div class="page"> <h1 id="title"><span style="color: darkslategrey">The Code Wars</span> <strong style="color: seagreen">2023</strong></h1> <div class="slide" id="slide-1"> <h2>About</h2> <p>The Code Wars (TCW) is an annual coding competition hosted by <a href="https://www.khanacademy.org/profile/kaid_682972421482671044758972/projects">TDJ</a>. This is the third time running.</p> </div> <div id="last-tcw"> <h2>TCW 2021</h2> <div id="tcw-stats"> <div id="tcw-people"> <strong class="material-icons">people</strong><br> <strong>80 participants</strong> </div> <div id="tcw-programs"> <strong class="material-icons">terminal</strong><br> <strong>67 programs</strong> </div> </div><br><br><br> <h2>TCW 2022</h2> <div id="tcw-stats"> <div id="tcw-people"> <strong class="material-icons">people</strong><br> <strong>50 participants</strong> </div> <div id="tcw-programs"> <strong class="material-icons">terminal</strong><br> <strong>75 programs</strong> </div> </div> </div> <div class="slide" id="slide-2"> <h2>Join</h2> <p>Join in the fun <a href="javascript: changePage(1)">here</a>!</p> </div> <div class="slide" id="slide-3"> <h2>Participants</h2> <p>See who's participating <a href="javascript: changePage(4)">here</a>!</p> </div> <div class="slide" id="slide-4"> <h2>Scores</h2> <p>Check out the standings <a href="javascript: changePage(5)">here</a>!</p> </div> <div class="slide" id="slide-5"> <h2>Judges</h2> <p>Check out who's judging <a href="javascript: changePage(6)">here</a>!</p> </div> </div> <!-- Join Page --> <div class="page"> <h1>Join</h1> <p>Please note that not all teams will be available at times. Sometimes options will be restricted, in order to even teams out.</p> <form id="join-form" style="margin-top: 10px"> <label for="join-level">Level:</label> <select id="join-level" required> <option value="0">Beginner</option> <option value="1">Familiar</option> <option value="2">Intermediate</option> <option value="3">Advanced</option> <option value="4">Expert</option> </select><br> <label for="join-team">Team:</label> <select id="join-team" required> <option value="Axolleration">Axolleration</option> <!--<option value="Hypro">Hypro</option>--> <option value="Quercus">Quercus</option> <!--<option value="Uniceratops">Uniceratops</option>--> </select> <p style="display: inline; margin-left: 10px">View the teams <a href="javascript: changePage(2)">here</a>.</p><br> <label for="join-name">Name:</label> <input id="join-name" placeholder="Name" required><br> <br> <strong style="color: seagreen">Your join code will be automatically copied to your clipboard. Please paste this (control + v / command + v) in a comment in the join thread in the Tips & Thanks tab of the comments.</strong> <br><br> <button type="submit" id="submit-joinform" onclick="javascript: copyJoinCode()">Submit</button><br><br> <p>Note: You will not be added to the participants list immediately. Please be patient & I will add you within a day or two. =]</p> </form> <!--Join Code--> <script> function copyJoinCode() { var teamName = document.getElementById("join-team").value;; var Level = document.getElementById("join-level").value; var Name = document.getElementById("join-name"); var joinCode = '{"_team": "' + teamName + '", "kaid": "", "name": "' + Name.value + '", "level": "' + Level + '", "points": [0, 0, 0, 0, 0],},'; copyStringToClipboard(joinCode); changePage(0); } //Credit to Iron Programming function copyStringToClipboard(str) { // Create new element var el = document.createElement('textarea'); // Set value (string to be copied) el.value = str; // Set non-editable to avoid focus and move outside of view el.setAttribute('readonly', ''); el.style = { position: 'absolute', left: '-9999px' }; document.body.appendChild(el); // Select text inside element el.select(); // Copy text to clipboard document.execCommand('copy'); // Remove temporary element document.body.removeChild(el); } </script> </div> <!-- Teams Page --> <div class="page"> <h1>Teams</h1> <h2>Axolleration</h2> <p>Creator: <a href="https://www.khanacademy.org/profile/kaid_1188776231699286995947997/projects">Electric Dolphin ⚡🐬</a></p><br> <p>Axollerations are fast creatures, who are closely related to axolotls. Their name is a combination of axolotl and acceleration. Their natural predators consist of sharks, turtles, and occasionally dolfinas.<br>Axollerations are found most commonly in large rivers, making them hard to find. They can survive in the ocean however.</p> <div class="avatars-lineup"> <img src="https://www.khanacademy.org/computer-programming/axolleration-seed/4625469162700800/latest.png" class="avatars"> <img src="https://www.khanacademy.org/computer-programming/axolleration-seedling/4826401741783040/latest.png" class="avatars"> <img src="https://www.khanacademy.org/computer-programming/axolleration-sapling/5404853255585792/latest.png" class="avatars"> <img src="https://www.khanacademy.org/computer-programming/axolleration-tree/6680917684568064/latest.png" class="avatars"> <img src="https://www.khanacademy.org/computer-programming/axolleration-ultimate/6243914627203072/latest.png" class="avatars"> </div><br><hr> <h2>Hypro</h2> <p>Creator: <a href="https://www.khanacademy.org/profile/kaid_550346113466496832565531/projects">Vortex Ninja</a></p><br> <p></p> <div class="avatars-lineup"> <img src="https://www.khanacademy.org/computer-programming/hypro-avatar-seed/5866637371162624/latest.png" class="avatars"> <img src="https://www.khanacademy.org/computer-programming/i/4522774383607808/latest.png" class="avatars"> <img src="https://www.khanacademy.org/computer-programming/hypro-sapling/5664900844666880/latest.png" class="avatars"> <img src="https://www.khanacademy.org/computer-programming/i/5913077845901312/latest.png" class="avatars"> <img src="https://www.khanacademy.org/computer-programming/hypro-ultimate/6730512295575552/latest.png" class="avatars"> </div><br><hr> <h2>Quercus</h2> <p>Creator: <a href="https://www.khanacademy.org/profile/kaid_154605635905555420140323/projects">VVhiteTiger</a></p><br> <p>Quercus (pronounced core-cuss) is the Latin word for oak.</p> <div class="avatars-lineup"> <img src="https://www.khanacademy.org/computer-programming/quercus-seed/4789091696427008/latest.png" class="avatars"> <img src="https://www.khanacademy.org/computer-programming/quercus-seedling/4933149060284416/latest.png" class="avatars"> <img src="https://www.khanacademy.org/computer-programming/quercus-sapling/4690500587929600/latest.png" class="avatars"> <img src="https://www.khanacademy.org/computer-programming/quercus-tree/5975365354569728/latest.png" class="avatars"> <img src="https://www.khanacademy.org/computer-programming/quercus-ultimate/4921075370344448/latest.png" class="avatars"> </div><br><hr> <h2>Uniceratops</h2> <p>Creator: <a href="https://www.khanacademy.org/profile/kaid_572162445297461577426497/projects">Walk Worthy</a></p><br> <p></p> <div class="avatars-lineup"> <img src="https://www.khanacademy.org/computer-programming/uniceratops-seed/5770901993603072/latest.png" class="avatars"> <img src="https://www.khanacademy.org/computer-programming/uniceratops-seedling/5139498582982656/latest.png" class="avatars"> <img src="https://www.khanacademy.org/computer-programming/uniceratops-sapling/5216602272088064/latest.png" class="avatars"> <img src="https://www.khanacademy.org/computer-programming/uniceratops-tree/6740611304308736/latest.png" class="avatars"> <img src="https://www.khanacademy.org/computer-programming/uniceratops-ultimate/4607914826055680/latest.png" class="avatars"> </div> </div> <!-- Challenges Page --> <div class="page"> <h1>Challenges</h1> <p>Unless specified, entries are scored out of 10 points.</p><br> <h2>Homepage Challenge (Challenge 0)</h2> <p>Create a homepage for your team! Alternatively, you could create an intro logo for your team. The creator of the highest scoring entry on your team will be the team captain. <br><em>6 Nov - 14 Nov</em></p><br> <h2>Challenge 1 - Team Avatar</h2> <p>Use your team's avatar somewhere in your program! <br><em>14 Nov - 21 Nov</em></p><br> <h2>Challenge 2 - No PJS</h2> <p>You can use any programming language (except PJS) legally possible to create your entry, in either the HTML or SQL environment. <br><em>21 Nov - 28 Nov</em></p><br> <h2>Challenge 3 - Grand Finale</h2> <p>Collaborate with your teamates on two projects that are each scored out of 30 points! <br><em>28 Nov - 12 Dec</em></p><br> <strong style="color: darkslategrey">Please note that the mini challenges run the entire duration of the Grand Finale. =)</strong><br><br> <h2>Mini Challenge 1 - CSS</h2> <p>Using the code from the <a href="https://www.khanacademy.org/computer-programming/css-challenge-template-tcw23/4998091316707328">template</a>, add CSS styling to improve the appearance of the webpage! You can find KA's course on HTML/CSS <a href="https://www.khanacademy.org/computing/computer-programming/html-css">here</a>.<br>This challenge is scored out of 5 points. <br><em>28 Nov - 5 Dec</em></p><br> <h2>Mini Challenge 2 - 100 Lines</h2> <p>Create a project in 100 lines of code or less. Please just set your code out as you normally would, not trying to compress it by running lines together. This challenge is scored out of 5 points. <br><em>5 Dec - 12 Dec</em></p><br> </div> <!-- Participants Page --> <div class="page"> <h1>Participants</h1> <h3>Search members</h3> <input id="search" type="text" placeholder="Search..."> <table id="table"> <thead> <th class="team-column">Team</th> <th style="padding-right: 250px">Name</th> <th style="padding-right: 100px"><a href="javascript: sortByLevel()">Level</a></th> <th style="float: right"><a href="javascript: sortByPoints()">Points</a></th> </thead> </table> <div id="scores-table-body"></div> <div id="to-top"> <a href="javascript: window.scroll(0, 0)" class="material-icons">keyboard_arrow_up</a> </div> <p id="if-no-people-yet"></p> <div id="show-score"></div> <!-- Table script --> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script> <script> var Participants = [ // Axolleration - 12 {"_team": "Axolleration", "kaid": "1179196812991584934767621", "name": "Avinasen", "level": "2", "points": [0, 0, 0, 0, 0],}, {"_team": "Axolleration", "kaid": "kaid_5587057736853165851767740", "name": "reader", "level": "1", "points": [0, 0, 0, 0, 0],}, {"_team": "Axolleration", "kaid": "kaid_468321686915402618794474", "name": "BearKirb", "level": "3", "points": [0, 0, 0, 0, 0],}, {"_team": "Axolleration", "kaid": "kaid_693763055742960827086832", "name": "WinstonWinner000", "level": "3", "points": [0, 0, 0, 0, 0],}, {"_team": "Axolleration", "kaid": "kaid_405802959641416361012287", "name": "Flex", "level": "0", "points": [0, 0, 0, 0, 0],}, {"_team": "Axolleration", "kaid": "kaid_604185015553843455987612", "name": "sgh07", "level": "0", "points": [0, 3.75, 4.1, 0, 0],}, {"_team": "Axolleration", "kaid": "kaid_797773915164293752310801", "name": "IZH1", "level": "0", "points": [0, 3.6, 3.7, 0, 0],}, {"_team": "Axolleration", "kaid": "kaid_523988888981336150053758", "name": "The Multiverse Hero", "level": "2", "points": [0, 0, 0, 0, 0],}, {"_team": "Axolleration", "kaid": "kaid_4110655703121908618524281", "name": "J3SS1E#RickAstley", "level": "0", "points": [0, 0, 0, 0, 0],}, {"_team": "Axolleration", "kaid": "kaid_312426368980009857719500", "name": "Midnight", "level": "0", "points": [1.55, 2.05, 0, 0, 0],}, {"_team": "Axolleration", "kaid": "kaid_647403367756075270674422", "name": "Michaelshlomo", "level": "1", "points": [4.05, 0, 5.3, 0, 0],}, {"_team": "Axolleration", "kaid": "kaid_66224682886095078267924", "name": "Reflex", "level": "2", "points": [6.95, 6.4, 4.65, 2.3, 2.15],}, // Hypro - 12 {"_team": "Hypro", "kaid": "kaid_1191832568232610683566773", "name": "Vortex", "level": "3", "points": [7.5, 5.8, 0, 2.9, 2.55],}, {"_team": "Hypro", "kaid": "kaid_455614962916004540799706", "name": "shaquille.oatmeal.", "level": "2", "points": [0, 0, 0, 0, 0],}, {"_team": "Hypro", "kaid": "kaid_479657628687231773993533", "name": "SecretName", "level": "1", "points": [4.15, 0, 0, 0, 0],}, {"_team": "Hypro", "kaid": "kaid_1045200635615164802609808", "name": "Allen Surrette", "level": "0", "points": [0, 0, 0, 0, 0],}, {"_team": "Hypro", "kaid": "kaid_66098262377513172559095", "name": "Lore", "level": "2", "points": [0, 0, 0, 0, 0],}, {"_team": "Hypro", "kaid": "kaid_458440887447342232902093", "name": "live.sadat", "level": "2", "points": [0, 2.45, 2.8, 0, 1.2],}, {"_team": "Hypro", "kaid": "kaid_1125102039089324332617763", "name": "WeeWeeBubba", "level": "2", "points": [0, 0, 0, 0, 0],}, {"_team": "Hypro", "kaid": "kaid_659321537754816117334526", "name": "damota.marcods", "level": "1", "points": [0, 0, 0, 0, 0],}, {"_team": "Hypro", "kaid": "kaid_65301711118472689243050", "name": "spice", "level": "2", "points": [7.4, 0, 0, 0, 0],}, {"_team": "Hypro", "kaid": "kaid_706936468208143963519267", "name": "sugar & dreami", "level": "3", "points": [8.45, 0, 7.75, 0, 0],}, {"_team": "Hypro", "kaid": "kaid_0134784703475458041734319", "name": "MysteryMutant123 #SaveEarth", "level": "0", "points": [3.6, 3.4, 0, 1.15, 0],}, {"_team": "Hypro", "kaid": "kaid_661822744013069183166830", "name": "Sawdmane", "level": "2", "points": [0, 0, 0, 0, 0],}, // Quercus - 13 {"_team": "Quercus", "kaid": "kaid_9094314358187138094385170", "name": "Maple", "level": "1", "points": [0, 0, 0, 0, 0],}, {"_team": "Quercus", "kaid": "kaid_351465532815782433620675", "name": "The Duke", "level": "1", "points": [3.1, 0, 0, 1.6, 1.95],}, {"_team": "Quercus", "kaid": "kaid_4942194704220352302076833", "name": "RedKat", "level": "1", "points": [0, 0, 0, 0, 0],}, {"_team": "Quercus", "kaid": "kaid_154605635905555420140323", "name": "VVhiteTiger", "level": "2", "points": [0, 0, 0, 0, 0],}, {"_team": "Quercus", "kaid": "kaid_859192443075709615041758", "name": "Ax!s", "level": "0", "points": [0, 0, 0, 0, 0],}, {"_team": "Quercus", "kaid": "kaid_1065126821971819457391674", "name": "Community Coder", "level": "2", "points": [0, 0, 0, 0, 0],}, {"_team": "Quercus", "kaid": "kaid_217695367062767875131569", "name": "Arden Dragon", "level": "1", "points": [5, 4.8, 0, 0, 1.95],}, {"_team": "Quercus", "kaid": "kaid_313415524341289876695338", "name": "oscar.ramos", "level": "1", "points": [0, 0, 0, 0, 0],}, {"_team": "Quercus", "kaid": "kaid_1131215577137048945271056", "name": "The Reviewer", "level": "2", "points": [0, 0, 0, 0, 0],}, {"_team": "Quercus", "kaid": "kaid_271571077906201681130863", "name": "Darklord↢↬", "level": "0", "points": [0, 0, 0, 0, 0],}, {"_team": "Quercus", "kaid": "kaid_6104902828627300552146889", "name": "Pineapples", "level": "2", "points": [0, 5.35, 5.55, 2.35, 2.65],}, {"_team": "Quercus", "kaid": "kaid_1013407408635137829868294", "name": "BlazingMeteor", "level": "2", "points": [3.15, 0, 0, 0, 0],}, {"_team": "Quercus", "kaid": "kaid_838836130659786741993223", "name": "CowboysFan232", "level": "2", "points": [0, 0, 0, 0, 0],}, // Uniceratops - 11 {"_team": "Uniceratops", "kaid": "kaid_9032986298497221170369627", "name": "Avenger", "level": "1", "points": [4.55, 0, 0, 0, 0],}, {"_team": "Uniceratops", "kaid": "kaid_2276390445580346628213147", "name": "Adriana", "level": "1", "points": [0, 0, 0, 0, 0],}, {"_team": "Uniceratops", "kaid": "kaid_344949764307318233637518", "name": "JLE", "level": "2", "points": [0, 0, 0, 0, 0],}, {"_team": "Uniceratops", "kaid": "kaid_1034761647362147362261181", "name": "LJE", "level": "2", "points": [0, 0, 0, 0, 0],}, {"_team": "Uniceratops", "kaid": "kaid_714276242204949021450419", "name": "Ace Rogers", "level": "3", "points": [7.15, 0, 4.65, 2.3, 0],}, {"_team": "Uniceratops", "kaid": "kaid_287661105799232762144759", "name": "RedSus", "level": "2", "points": [6.95, 8, 0, 3.05, 2.75],}, {"_team": "Uniceratops", "kaid": "kaid_3563621891021365862686148", "name": "YA", "level": "1", "points": [0, 0, 0, 0, 0],}, {"_team": "Uniceratops", "kaid": "kaid_3642116685045429829951183", "name": "Snowflake", "level": "2", "points": [0, 0, 0, 0, 0],}, {"_team": "Uniceratops", "kaid": "kaid_4330226992425990267160254", "name": "Twilight", "level": "2", "points": [0, 6.4, 0, 0, 0],}, {"_team": "Uniceratops", "kaid": "kaid_477656744587544472395627", "name": "TD Overlord", "level": "1", "points": [4.15, 0, 0, 1.4, 0],}, {"_team": "Uniceratops", "kaid": "kaid_457072502044489729095001", "name": "LovelyPetals", "level": "1", "points": [0, 0, 0, 0, 0],}, ]; function createTable() { $("#scores-table-body").empty(); var imgPath; var total; var lvl; if (Participants.length === 0) { document.getElementById("to-top").style.display = "none"; document.getElementById("if-no-people-yet").textContent = "No participants yet."; } for (var i in Participants) { switch (Participants[i]._team) { case "Axolleration": switch (Number(Participants[i].level)) { case 0: imgPath = "https://www.khanacademy.org/computer-programming/axolleration-seed/4625469162700800" + "/latest.png"; break; case 1: imgPath = "https://www.khanacademy.org/computer-programming/axolleration-seedling/4826401741783040" + "/latest.png"; break; case 2: imgPath = "https://www.khanacademy.org/computer-programming/axolleration-sapling/5404853255585792" + "/latest.png"; break; case 3: imgPath = "https://www.khanacademy.org/computer-programming/axolleration-tree/6680917684568064" + "/latest.png"; break; case 4: imgPath = "https://www.khanacademy.org/computer-programming/axolleration-ultimate/6243914627203072" + "/latest.png"; break; } break; case "Hypro": switch (Number(Participants[i].level)) { case 0: imgPath = "https://www.khanacademy.org/computer-programming/hypro-avatar-seed/5866637371162624" + "/latest.png"; break; case 1: imgPath = "https://www.khanacademy.org/computer-programming/i/4522774383607808" + "/latest.png"; break; case 2: imgPath = "https://www.khanacademy.org/computer-programming/hypro-sapling/5664900844666880" + "/latest.png"; break; case 3: imgPath = "https://www.khanacademy.org/computer-programming/i/5913077845901312" + "/latest.png"; break; case 4: imgPath = "https://www.khanacademy.org/computer-programming/hypro-ultimate/6730512295575552" + "/latest.png"; break; } break; case "Quercus": switch (Number(Participants[i].level)) { case 0: imgPath = "https://www.khanacademy.org/computer-programming/quercus-seed/4789091696427008" + "/latest.png"; break; case 1: imgPath = "https://www.khanacademy.org/computer-programming/quercus-seedling/4933149060284416" + "/latest.png"; break; case 2: imgPath = "https://www.khanacademy.org/computer-programming/quercus-sapling/4690500587929600" + "/latest.png"; break; case 3: imgPath = "https://www.khanacademy.org/computer-programming/quercus-tree/5975365354569728" + "/latest.png"; break; case 4: imgPath = "https://www.khanacademy.org/computer-programming/quercus-ultimate/4921075370344448" + "/latest.png"; break; } break; case "Uniceratops": switch(Number(Participants[i].level)) { case 0: imgPath = "https://www.khanacademy.org/computer-programming/uniceratops-seed/5770901993603072" + "/latest.png"; break; case 1: imgPath = "https://www.khanacademy.org/computer-programming/uniceratops-seedling/5139498582982656" + "/latest.png"; break; case 2: imgPath = "https://www.khanacademy.org/computer-programming/uniceratops-sapling/5216602272088064" + "/latest.png"; break; case 3: imgPath = "https://www.khanacademy.org/computer-programming/uniceratops-tree/6740611304308736" + "/latest.png"; break; case 4: imgPath = "https://www.khanacademy.org/computer-programming/i/4607914826055680" + "/latest.png"; break; } break; } total = Math.round((Participants[i].points[0] + Participants[i].points[1] + Participants[i].points[2] + Participants[i].points[3] + Participants[i].points[4]) 100) / 100; switch(Number(Participants[i].level)) { case 0: lvl = "Beginner"; break; case 1: lvl = "Familiar"; break; case 2: lvl = "Intermediate"; break; case 3: lvl = "Advanced"; break; case 4: lvl = "Expert"; break; } document.getElementById('scores-table-body').innerHTML += "<div class='participant'><img src='" + imgPath + "' class='participant-img grid-item'><a href='https://www.khanacademy.org/profile/" + Participants[i].kaid + "/projects' class='participant-name grid-item' target='_blank'>" + Participants[i].name + "</a><p class='participant-level' grid-item>" + lvl + "</p><a href='javascript: showPoints(" + i + ")' class='participant-score grid-item'>" + total + "</a></div>"; } } createTable(); function showPoints(id) { var p = Participants[id]; var s = document.getElementById('show-score'); s.style.display = "block"; s.innerHTML = "<div id='score-text'><h3>" + p.name + "</h3><a href='javascript: hidePoints()' title='Close'><i class='material-icons' id='close-score'>close</i></a><br>Homepage: " + p.points[0] + "<br><span>Challenge 1: " + p.points[1] + "</span><br><span>Challenge 2: " + p.points[2] + "</span><br><span>Mini Challenge 1: " + p.points[3] + "</span><br><span>Mini Challenge 2: " + p.points[4] + "</span></div>"; // stop scroll var x = window.scrollX; var y = window.scrollY; window.onscroll = function() { window.scrollTo(x, y); }; } function hidePoints() { document.getElementById('show-score').style.display = "none"; window.onscroll = function() {}; } hidePoints(); function sortByLevel() { Participants.sort(function(a, b) { return b.level - a.level; }); createTable(); } function sortByPoints() { Participants.sort(function(a, b) { return (b.points[0] + b.points[1] + b.points[2] + b.points[3] + b.points[4]) - (a.points[0] + a.points[1] + a.points[2] + a.points[3] + a.points[4]); }); createTable(); } // searching table $(document).ready(function(){ $("#search").on("keyup", function() { var value = $(this).val().toLowerCase(); $(".participant").filter(function() { $(this).toggle($(this).text().toLowerCase().indexOf(value) > -1) }); }); }); </script> </div> <!-- Scores Page --> <div class="page"> <h1>Scores</h1> <canvas id="myChart" style="width: 100%"></canvas> <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.4/Chart.js"></script> <script> var xValues = ["Axolleration", "Hypro", "Quercus", "Uniceratops"]; var yValues = [66.95, 106.05, 54.5, 74.35, 0, 120]; var barColors = ["#929", "#336", "#384", "#9EC"]; new Chart("myChart", { type: "bar", data: { labels: xValues, datasets: [{ backgroundColor: barColors, data: yValues }] }, options: { legend: { display: false, }, }, }); </script> </div> <!-- Judges Page --> <div class="page"> <h1>Judges</h1> <p>Check out who's judging!</p> <!--<p>You can apply to be a judge in the judges' application thread in the T&T.</p>--> <table id="judges"> <tr> <td><img src="https://cdn.kastatic.org/images/avatars/svg/boggle-green.svg"></td> <td><a href="https://www.khanacademy.org/profile/kaid_682972421482671044758972/projects">TDJ</a></td> <td>The host.</td> </tr> <tr> <td><img src="https://cdn.kastatic.org/images/avatars/svg/marcimus-red.svg"></td> <td><a href="https://www.khanacademy.org/profile/kaid_681887786554114354822051/projects">YokieBob</a></td> <td>Makes a bunch of insane projects that makes my head go 🤯</td> </tr> <tr> <td><img src="https://cdn.kastatic.org/images/avatars/svg/sneak-peak-blue.svg"></td> <td><a href="https://www.khanacademy.org/profile/kaid_336884561727810616466311/projects">MindqueBlast</a></td> <td>Creates super epic games!</td> </tr> <tr> <td><img src="https://cdn.kastatic.org/images/avatars/svg/starky-ultimate.svg"></td> <td><a href="https://www.khanacademy.org/profile/kaid_587806018280291647186693/projects">Cedar</a></td> <td>Has 3 Golden Winstons! 😱</td> </tr> </table> </div> <!-- FAQs Page --> <div class="page"> <h1>FAQs</h1> <strong>How many entries to a challenge can you make?</strong> <p>For each challenge, you may only make one entry. For the final challenge, your team will collaborate to create 2 entries.</p><br> <strong>Do you have to enter each challenge?</strong> <p>No. But it is strongly advisable to get your team maximum points.</p><br> <strong>What programming languages can you use?</strong> <p>You can use every programming language that is legally possible on KA, unless the challenge requirements state otherwise.</p><br> </div> <!--Changing pages script--> <script> var pages = document.getElementsByClassName('page'); function changePage(index) { for (var i = 0; i < pages.length; i++) { pages[i].style.display = "none"; } pages[index].style.display = "block"; window.scroll(0, 0); } changePage(0); </script> </body> </html>
Folds	25,917
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgPPj0YDlCQw
Votes	80
Spin-Offs	5
Type	WEBPAGE
Width	400
Height	600
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	TDJ
Author Name	tdj.ka
Author ID	kaid_682972421482671044758972
Author Profile Access	PUBLIC

Archive Data

Added	23 days ago, 1734464217361
Updated	23 days ago, 1734464274412
Source Deleted	unknown