Viewing Program

Program Data

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

Title	The Code Wars 2024
ID	5451301379817472
Created	1 months ago, 1731309408755
Updated	1 months ago, 1733880691102
Code	<!DOCTYPE html> <!-- WELCOME TO TCW 2024! Host: TDJ Judges: TDJ, HM Wogglebug TE, Quantum Cat, Animator101, Radar, sugar. TCW is an annual team competition that runs in November-December. It consists of 4 challenges & 2 mini challenges, lasting for 5 weeks in total. Have any questions? Post them in the questions section of the comments & I'll get back to you as soon as I can! =] TEAM HOMEPAGES: Delfin: https://khanacademy.org/cs/i/4565288130363392 Echolite: https://khanacademy.org/cs/i/4697558451404800 Foxin: https://khanacademy.org/cs/i/5741647200436224 CREDITS: Bluebird - thumbnail script Gray Wolf - sorting by name w3schools - search function on participants page, prevent default function thing Iron Programming - copy string function --> <html lang="en"> <head> <meta charset="utf-8"> <title>The Code Wars 2024</title> <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=Roboto:wght@300;400;500;700;900&family=Black+Ops+One&family=Material+Icons&display=swap" rel="stylesheet"> <!-- Setup styling --> <style> * { overflow-x: hidden; scroll-behavior: smooth; } html { margin: -10px -10px; } body { font-family: "Roboto", sans-serif; } ::-webkit-scrollbar { background: white; width: 8px; } ::-webkit-scrollbar-thumb { background: #DB1733; border-radius: 4px; } .page { padding: 50px 20px 10px 20px; } h1, h2, h3 { font-family: "Roboto", sans-serif; font-weight: 400; text-shadow: 0px 0px 4px #AAA; } h1 { margin-bottom: -10px; } h2 { margin-bottom: -8px; } a { color: #DB1744; font-weight: 500; } a:hover { color: #BA1744; } </style> <!-- Header styling --> <style> header { position: fixed; top: 0px; left: 0px; width: 100%; z-index: 1; } nav { display: flex; background: #EA1744; color: white; } nav a { padding: 20px; color: white; text-decoration: none; } nav a:hover { cursor: pointer; background: #DB1744; color: white; } #news-banner { background: #EDB230; display: block; padding: 10px; color: #444; font-weight: 700; } #close-news-banner { padding-top: 0px; text-decoration: none; color: darkslategray; float: right; font-size: 20px; transition: 0.3s all; } #close-news-banner:hover { transform: scale(1.2); } </style> <!-- Home page styling --> <style> #i-need-a-herooo { margin: 15px -20px 0px -20px; background-image: url('https://upload.wikimedia.org/wikipedia/commons/thumb/5/5a/Programming.jpg/800px-Programming.jpg'); background-size: cover; background-repeat: no-repeat; border-bottom: 40px solid #EA1744; } #i-need-a-herooo h1 { margin: 0px; background: linear-gradient(#0004, #0008); text-align: center; -webkit-text-stroke: 4px white; text-stroke: 4px solid white; text-shadow: 0px 0px 20px white; font-family: "Black Ops One"; font-size: 88px; font-weight: 500; padding: 145px 20px 135px 20px; color: #EA1744; } #comp-stats { background: #DB1744; display: flex; text-align: center; padding: 30px 30px 30px 100px; border-radius: 30px; color: white; font-size: 20px; font-weight: 600; box-shadow: 0px 0px 10px black; transition: 0.5s all; } #comp-stats:hover { transform: scale(1.02); cursor: pointer; } #comp-stats div { padding-right: 50px; } #joinup { background: #DB1744; display: flex; height: 28px; padding: 30px; text-align: center; border-radius: 30px; color: white; font-size: 20px; font-weight: 600; box-shadow: 0px 0px 10px black; transition: 0.5s all; } #joinup h2 { margin-top: -5px; padding-right: 400px; } #joinup:hover { transform: scale(1.02); cursor: pointer; } </style> <!-- Teams page styling --> <style> .avatar-lineup { display: inline; } .avatar-lineup img { width: 100px; } </style> <!-- Join page styling --> <style> label { font-weight: bold; } select, input { background: #EA1744; color: white; margin-bottom: 5px; padding: 2px; border: none; } input { border: 1px solid slategray; } input:focus { outline: 0; } ::placeholder { color: white; } #submit-joinform { margin-left: 220px; margin-bottom: 20px; background: #EA1744; color: white; font-weight: bold; font-size: 20px; padding: 10px 30px; border: none; border-radius: 6px; transition: 0.5s; } #submit-joinform:hover { cursor: pointer; box-shadow: 0px 2px 8px darkslategray; } </style> <!-- Challenges page styling --> <style> .challenge { margin-top: -10px; } .challenge h2 { background: #EA1744; color: white; font-weight: 500; padding: 5px 8px; margin-left: 20px; margin-bottom: -25px; } .challenge p { width: 90%; border: dashed #EA1744; padding: 15px; } </style> <!-- Participants page styling --> <style> table { margin-bottom: 5px; } th { text-align: left; } .participant { overflow: hidden; width: 540px; height: 50px; border: 1px dashed; border-radius: 10px; margin-bottom: 10px; transition: 1s all; } .participant:hover { background: #EEE; } .participant-link { position: absolute; margin-left: 10px; margin-top: 16px; } .participant-img { width: 50px; margin-left: 5px; } .participant-level { position: absolute; margin-top: 16px; left: 300px; } .participant-points { position: absolute; margin-top: 16px; right: 60px; } #show-score { background: #0006; position: fixed; left: 0px; top: 0px; z-index: 1; padding-top: 100px; padding-left: 100px; width: 700px; height: 700px; } #show-score-box { background: white; width: 400px; height: 400px; } #show-score-info { margin-top: -20px; padding: 20px; } #show-score-close { position: absolute; top: 100px; left: 460px; font-size: 40px; } </style> <!-- Judging page styling --> <style> #judges { display: grid; grid-template-columns: auto auto; padding: 10px 10%; } .judge { margin: 10% 10%; overflow: hidden; width: 170px; background: #555; border: 2px solid #EA1744; box-shadow: 0px 0px 10px #EA1744; border-radius: 10px; color: white; text-decoration: none; text-align: center; transition: 0.5s all; } .judge:hover { color: white; transform: scale(1.05); } .judge img { max-width: 130px; margin-top: 0px; margin-bottom: -30px; } .judge-info { padding: 5px; } .judge h3 { text-shadow: 0px 0px 5px white; margin-bottom: -5px; } </style> </head> <body> <!-- Header --> <header> <div id="news-banner"> <span id="news-message"></span> <a href="javascript: closeBanner()" id="close-news-banner" class="material-icons">close</a> </div> <nav> <a href="javascript: changePage(0)" class="material-icons" title="Home">home</a> <a href="javascript: changePage(1)" class="material-icons" title="Teams">bug_report</a> <a href="javascript: changePage(2)" class="material-icons" title="Join">group_add</a> <a href="javascript: changePage(3)" class="material-icons" title="Challenges">playlist_add_check</a> <a href="javascript: changePage(4); createTable();" class="material-icons" title="Participants">groups</a> <a href="javascript: changePage(5)" class="material-icons" title="Scores">leaderboard</a> <a href="javascript: changePage(6)" class="material-icons" title="Judging">gavel</a> </nav> </header> <!-- Home page --> <div class="page"> <div id="i-need-a-herooo"> <h1>THE CODE WARS 2024</h1> </div> <h1>Welcome to TCW 2024!</h1> <h2>What is TCW?</h2> <p>The Code Wars (TCW) is an annual team coding competition is hosted by <a href="https://www.khanacademy.org/profile/kaid_682972421482671044758972/projects" target="_blank">TDJ</a>.<br></p> <h2>TCW Stats</h2><br> <div id="comp-stats"> <div><span class="material-icons">people</span><br>175+ participants</div><!--178 participants--> <div><span class="material-icons">terminal</span><br>190+ entries</div><!--191 entries--> </div> <h2>How does it work?</h2> <p>Each participant creates an entry for their team & submits it in the entry thread for the challenge. These entries are scored & the points added to the team's total. The team with the most points at the end wins!</p> <div id="joinup" onclick="javascript: changePage(2)"> <h2>JOIN</h2> <span class="material-icons">keyboard_double_arrow_right</span> </div> </div> <!-- Teams page --> <div class="page"> <h1>Teams</h1> <h2><a href="https://www.khanacademy.org/computer-programming/avatar-for-shatter/6274676578107392" target="_blank">Delfin</a></h2><br> <div class="avatar-lineup"> <img src="https://www.khanacademy.org/computer-programming/spin-off-of-delfin-redo-seed/6147299433431040/latest.png"> <img src="https://www.khanacademy.org/computer-programming/spin-off-of-delfin-redo-seedling/6411448403017728/latest.png"> <img src="https://www.khanacademy.org/computer-programming/spin-off-of-delfin-redo-sapling/6504553093447680/latest.png"> <img src="https://www.khanacademy.org/computer-programming/spin-off-of-delfin-redo-tree/4906544341630976/latest.png"> <img src="https://www.khanacademy.org/computer-programming/spin-off-of-delfin-redo-ultimate/4569475014639616/latest.png"> </div><br> <strong>Creator: <a href="https://www.khanacademy.org/profile/kaid_714276242204949021450419/projects" target="_blank">Ace Rogers</a></strong> <p>The Delfin is a new species of Dolphin. The Delfin lives deep down in the sea, preferring to keep to themselves. They live in packs and if danger or a challange appears, they work together to defeat it.<br><br>Being built mostly like a Dolphin, Delfin has spikes that grow out of their backs when they are fully grown. They also have designs on their scales.<br><br>Some of their favorite things to do are to play around with other Delfins, hunting for their food and defending their friends and homes.</p> <h2><a href="https://www.khanacademy.org/computer-programming/i/4974893918109696" target="_blank">Echolite</a></h2><br> <div class="avatar-lineup"> <img src="https://www.khanacademy.org/computer-programming/echolite-seed/5109190787514368/latest.png"> <img src="https://www.khanacademy.org/computer-programming/echolite-seedling/6518104578768896/latest.png"> <img src="https://www.khanacademy.org/computer-programming/echolite-sapling/6576545661108224/latest.png"> <img src="https://www.khanacademy.org/computer-programming/echolite-tree/6435808172752896/latest.png"> <img src="https://www.khanacademy.org/computer-programming/echolite-ultimate/6581001958113280/latest.png"> </div><br> <strong>Creator: <a href="https://www.khanacademy.org/profile/kaid_659800661397715681487277/projects" target="_blank">Samwise</a></strong> <p>Echolites are reasonably small, feathered Avatars. They live in the rainforest canopy, eating small insects and drinking nectar. You have to be lucky to ever spot them, as they're very elusive and well camouflaged. They love to hover in place like hummingbirds. Echolites are allies to many other avatars. They prefer to remain peaceful at all times. They take good care of their young, and are fiercely loyal. They aways have each other's back. All for one, and one for all!</p> <h2><a href="https://www.khanacademy.org/computer-programming/foxin/6499781393170432" target="_blank">Foxin</a></h2><br> <div class="avatar-lineup"> <img src="https://www.khanacademy.org/computer-programming/spin-off-of-foxin-seed/4774518598844416/latest.png"> <img src="https://www.khanacademy.org/computer-programming/spin-off-of-foxin-seedling/4925415563902976/latest.png"> <img src="https://www.khanacademy.org/computer-programming/spin-off-of-foxin-sapling/5667073033158656/latest.png"> <img src="https://www.khanacademy.org/computer-programming/spin-off-of-foxin-tree/6572573035773952/latest.png"> <img src="https://www.khanacademy.org/computer-programming/spin-off-of-foxin-ultimate/6155493056626688/latest.png"> </div><br> <strong>Creator: <a href="https://www.khanacademy.org/profile/kaid_714276242204949021450419/projects" target="_blank">Ace Rogers</a></strong> <p>The Foxins are sneaky and smart. They lurk in the shadows then attack their foes by surprise, coming at them in huge numbers. They do whatever they can to have the upper hand.<br><br>Being a special breed of Fox, they have big ears that allow them to hear very well. Their fur comes in orange, brown and white. Their eyes are keen on details.<br><br>Some of their favorite things to do is to tackle other of their kind, hunting, confusing their enemies.</p> </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="Delfin">Delfin</option> <!--<option value="Echolite">Echolite</option>--> <!--<option value="Foxin">Foxin</option>--> </select> <p style="display: inline; margin-left: 10px">View the teams <a href="javascript: changePage(1)">here</a>. Joining for Echolite & Foxin is currently closed. If you don't like your current team options, you may need to check back later.</p><br><br> <label for="join-name">Name:</label> <input id="join-name" placeholder="Name" required><br> <label for="join-kaid">KA ID:</label> <input id="join-kaid" placeholder="KA ID" required><p style="display: inline; margin-left: 10px">You can find your KA ID <a href="https://www.khanacademy.org/support" target="_blank">here</a>.</p><br> <br> <strong style="color: #EA1744">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> <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> // don't do stupid stuff =P (credit to w3schools) document.getElementById("submit-joinform").addEventListener("click", function(event){ event.preventDefault(); }); // create join code function copyJoinCode() { var teamName = document.getElementById("join-team").value;; var Level = document.getElementById("join-level").value; var Name = document.getElementById("join-name").value; var Kaid = document.getElementById("join-kaid").value; var joinCode = "{name: '" + Name + "', kaid: '" + Kaid + "',team: '" + teamName + "',level: " + Level + ",points: [0,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> <!-- Challenges page --> <div class="page"> <h1>Challenges</h1> <p>Challenges are scored out of 10 points, mini challenges out of 5.<br>Entries can be webages, PJS, SQL or Python, unless otherwise specified.<br>Challenges are due at 11:59pm EST.</p> <div class="challenge"> <h2>Homepage Challenge (Challenge 0)</h2> <p>Create a homepage for your team.<br><em>11-18 November</em></p> </div> <div class="challenge"> <h2>Challenge 1 - Team Avatar</h2> <p>Use your team avatar in a program.<br><em>18-25 November</em></p> </div> <div class="challenge"> <h2>Challenge 2 - Python</h2> <p>Create a <a href="https://www.khanacademy.org/computing/intro-to-python-fundamentals" target="_blank">Python program</a>!<br><em>25 November - 2 December</em></p> </div> <div class="challenge"> <h2>Challenge 3 - Collaboration</h2> <p>Your team will split into groups, and each group will work on an entry together. There must be at least 2 people in each group, & each user can only be in one group.<br><em>2-16 December</em></p> </div> <div class="challenge"> <h2>Mini Challenge 1 - CSS Challenge</h2> <p>Using the <a href="https://www.khanacademy.org/computer-programming/css-challenge-tcw-2024/5827215561244672" target="_blank">template</a>, add CSS to the webpage to bring it to life! You can only modify the CSS.<br><em>2-9 December</em></p> </div> <div class="challenge"> <h2>Mini Challenge 2 - 100 Lines</h2> <p>Create a program in just 100 lines of code.<br><em>9-16 December</em></p> </div> </div> <!-- Participants page --> <div class="page"> <h1>Participants</h1> <h3>Search participants:</h3> <input id="search" type="text" placeholder="Search..."> <br><br> <table> <thead> <th><a href="javascript: sortByTeam()">Team</a></th> <th><a href="javascript: sortByName()" style="margin-left: 18px">Name</a></th> <th><a href="javascript: sortByLevel()" style="margin-left: 170px">Level</a></th> <th><a href="javascript: sortByPoints()" style="margin-left: 150px">Points</a></th> </thead> </table> <!-- list of participants --> <div id="participants-table"></div> <!-- detailed view of participant scores --> <div id="show-score"> <div id="show-score-box"> <div id="show-score-info"></div> </div> <a href="javascript: closeScoreBox()" id="show-score-close" class="material-icons">close</a> </div> </div> <!-- Scores page --> <div class="page"> <h1>Scores</h1> <br> <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 = ["Delfin", "Echolite", "Foxin"]; var yValues = [111.15, 203.75, 213.7, 0, 300]; var barColors = ["skyblue", "#0A2", "darkorange"]; new Chart("myChart", { type: "bar", data: { labels: xValues, datasets: [{ backgroundColor: barColors, data: yValues }] }, options: { legend: { display: false, }, }, }); </script> </div> <!-- Judging page --> <div class="page"> <h1>Judging</h1> <h2>Criteria</h2> <ul> <li>Complexity</li> <li>Readability</li> <li>Graphics</li> <li>Interactivity</li> <li>Efficiency</li> </ul> <h2>Judges</h2> <div id="judges"> <a class="judge" href="https://www.khanacademy.org/profile/kaid_682972421482671044758972/projects" target="_blank"> <img src="https://cdn.kastatic.org/images/avatars/svg/boggle-green.svg"> <div class="judge-info"> <h3>TDJ</h3> <p>The host.</p> </div> </a> <a class="judge" href="https://www.khanacademy.org/profile/kaid_2128909595278771717919649/projects" target="_blank"> <img src="https://cdn.kastatic.org/images/avatars/svg/boggle-green.svg"> <div class="judge-info"> <h3>HM Wogglebug TE</h3> <p>Math enthusiast & programming guru.</p> </div> </a> <a class="judge" href="https://www.khanacademy.org/profile/kaid_9428127706426004539463954/projects" target="_blank"> <img src="https://cdn.kastatic.org/images/avatars/svg/stelly-yellow.svg"> <div class="judge-info"> <h3>Quantum Cat</h3> <p>Creator of cool games and graphics in both JS and Python.</p> </div> </a> <a class="judge" href="https://www.khanacademy.org/profile/kaid_457601383838709034574070/projects" target="_blank"> <img src="https://cdn.kastatic.org/images/avatars/svg/piceratops-ultimate.svg"> <div class="judge-info"> <h3>Animator101</h3> <p></p> </div> </a> <a class="judge" href="https://www.khanacademy.org/profile/kaid_3902988618718040904060736/projects" target="_blank"> <img src="https://cdn.kastatic.org/images/avatars/svg/leafers-seed.svg"> <div class="judge-info"> <h3>Radar</h3> <p>I don't know what to say lol.</p> </div> </a> <a class="judge" href="https://www.khanacademy.org/profile/kaid_706936468208143963519267/projects" target="_blank"> <img src="https://cdn.kastatic.org/images/avatars/svg/scuttlebug-green.svg"> <div class="judge-info"> <h3>sugar</h3> <p>programs websites and graphics sometimes and procrastinates always</p> </div> </a> </div> </div> <!-- Participants script --> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script> <script> /* Delfin - 26 - 0E 3A 11I 6F 6B Echolite - 28 - 0E 6A 12I 7F 3B Foxin - 20 - 1E 4A 6I 7F 2B / var Participants = [ { name: 'Yokiebob', kaid: 'kaid_681887786554114354822051', team: 'Echolite', level: 3, points: [7.15, 0, 0, 0, 0, 0], }, { name: 'The Former Wizard of Oz', kaid: 'kaid_981854986090143486946241', team: 'Echolite', level: 2, points: [8.6, 0, 6.7, 0, 0, 0], }, { name: 'Hokeycat', kaid: 'kaid_438466413527508491816275', team: 'Echolite', level: 3, points: [4.4, 4.5, 5, 0, 0, 0], }, { name: 'cwalsh1223', kaid: 'kaid_792288208072906614241148', team: 'Foxin', level: 2, points: [6.7, 4.75, 7.8, 0, 0, 0], }, { name: 'Snacker Davis', kaid: 'kaid_889584744100087037395082', team: 'Delfin', level: 2, points: [3.8, 0, 5.45, 0, 0, 0], }, { name: 'Bearkirb', kaid: 'kaid_375460112550893828689953', team: 'Delfin', level: 3, points: [7.5, 8.3, 6.7, 0, 0, 0], }, { name: 'ThatWhiteGuy364', kaid: 'kaid_28223980167834269747078', team: 'Foxin', level: 1, points: [0, 0, 0, 0, 0, 0], }, { name: 'awesomeorion', kaid: 'kaid_1141658061792924357651232', team: 'Echolite', level: 3, points: [8.55, 0, 8.2, 0, 0, 0], }, //{name: 'Xatnys', kaid: 'kaid_3144599174897393521218325',team: 'Echolite',level: 3,points: [0,0,0,0,0,0],}, { name: 'sugarnlight', kaid: 'kaid_516497598968512440616556', team: 'Foxin', level: 1, points: [5.8, 1.8, 0, 0, 0, 0], }, { name: '~The Wolf~', kaid: 'kaid_6337778158362361978377342', team: 'Delfin', level: 2, points: [0, 0, 0, 0, 0, 0], }, { name: 'Karthikeya K', kaid: 'kaid_6258990316746013677705461', team: 'Echolite', level: 1, points: [5.7, 7.3, 6.9, 0, 0, 0], }, { name: 'Obi the khan', kaid: 'kaid_876032364742717594084879', team: 'Echolite', level: 1, points: [0, 0, 0, 0, 0, 0], }, { name: 'LeaferStudios', kaid: 'kaid_553656479258879622339276', team: 'Foxin', level: 4, points: [0, 0, 0, 0, 0, 0], }, { name: 'ASBackup', kaid: 'kaid_714780036830891967670231', team: 'Delfin', level: 3, points: [0, 0, 0, 0, 0, 0], }, { name: 'Pineapples', kaid: 'kaid_6104902828627300552146889', team: 'Delfin', level: 3, points: [5.5, 0, 0, 0, 0, 0], }, { name: 'Arden Dragon', kaid: 'kaid_217695367062767875131569', team: 'Echolite', level: 2, points: [3.8, 6.6, 7.8, 0, 0, 0], }, { name: 'Chickenfarmer2009', kaid: 'kaid_287879839213083022099587', team: 'Foxin', level: 2, points: [6.4, 5.65, 5.9, 0, 0, 0], }, { name: '3DA Games', kaid: 'kaid_46113533788750322324717', team: 'Delfin', level: 2, points: [0, 0, 0, 0, 0, 0], }, { name: 'bumblebee', kaid: 'kaid_428042503354583289176484', team: 'Delfin', level: 1, points: [6.85, 6, 0, 0, 0, 0], }, { name: 'Falling Dragon™️', kaid: 'kaid_922990378162047462529587', team: 'Delfin', level: 2, points: [0, 4.9, 8.3, 0, 0, 0], }, { name: 'LZR', kaid: 'kaid_201004688821985122537481', team: 'Delfin', level: 2, points: [0, 0, 0, 0, 0, 0], }, { name: 'Eyeinthesky', kaid: 'kaid_6136710333637048514584747', team: 'Foxin', level: 2, points: [5.6, 4.7, 0, 0, 0, 0], }, { name: 'VVhiteTiger', kaid: 'kaid_154605635905555420140323', team: 'Echolite', level: 2, points: [5.3, 6.8, 2.8, 0, 0, 0], }, { name: 'Aruna Starquest (Charlie)', kaid: 'kaid_189980433676270289534974', team: 'Foxin', level: 0, points: [0, 0, 0, 0, 0, 0], }, { name: 'Ez Majora', kaid: 'kaid_4345125146474084185234199', team: 'Delfin', level: 2, points: [0, 0, 0, 0, 0, 0], }, { name: 'Adriana ✧･ﾟ: :･ﾟ✧', kaid: 'kaid_2276390445580346628213147', team: 'Foxin', level: 1, points: [5.9, 0, 0, 0, 0, 0], }, { name: 'Graffiti.co', kaid: 'kaid_8982127828265761166807194', team: 'Delfin', level: 2, points: [0, 6.7, 6.7, 0, 0, 0], }, { name: 'Leo2009', kaid: 'kaid_93723305121824615611989', team: 'Foxin', level: 1, points: [5.4, 3.4, 3.75, 0, 0, 0], }, { name: 'Washington', kaid: 'kaid_701855056246665520276831', team: 'Foxin', level: 3, points: [0, 5.6, 7.5, 0, 0, 0], }, { name: 'RedSus', kaid: 'kaid_287661105799232762144759', team: 'Foxin', level: 3, points: [7.8, 5.6, 4.5, 0, 0, 0], }, { name: 'Vortex', kaid: 'kaid_1191832568232610683566773', team: 'Foxin', level: 3, points: [8.5, 6.1, 9.3, 0, 0, 0], }, { name: 'Hunter Hill', kaid: 'kaid_178334750981442064693322', team: 'Foxin', level: 1, points: [0, 0, 0, 0, 0, 0], }, { name: 'Mathlete11', kaid: 'kaid_4902531429433401500771997', team: 'Foxin', level: 0, points: [5.5, 0, 0, 0, 0, 0], }, { name: 'Panda15', kaid: 'kaid_9155426718383676698036057', team: 'Foxin', level: 2, points: [8, 0, 8.85, 0, 0, 0], }, { name: 'Cheesecake Programming', kaid: 'kaid_4977756849462380705743011', team: 'Delfin', level: 1, points: [0, 0, 0, 0, 0, 0], }, { name: 'RealCodingPro', kaid: 'kaid_9392703437369427443929890', team: 'Foxin', level: 2, points: [7.2, 7, 8.9, 0, 0, 0], }, { name: 'LJ', kaid: 'kaid_1144628223469068678737336', team: 'Echolite', level: 2, points: [0, 4.9, 6.1, 0, 0, 0], }, { name: 'Wynder', kaid: 'kaid_703129648145662478398477', team: 'Delfin', level: 1, points: [6.5, 0, 8.15, 0, 0, 0], }, { name: '- S p a r t a - ', kaid: 'kaid_546205135843777431062822', team: 'Delfin', level: 2, points: [0, 4.1, 6.1, 0, 0, 0], }, { name: 'JJP', kaid: 'kaid_874785892689340729331212', team: 'Delfin', level: 1, points: [3.7, 0, 0, 0, 0, 0], }, { name: 'kiaantolia ', kaid: 'kaid_706406430552760652245376', team: 'Delfin', level: 0, points: [0, 0, 0, 0, 0, 0], }, { name: 'MaXX', kaid: 'kaid_745730691845983524126258', team: 'Delfin', level: 0, points: [0, 0, 0, 0, 0, 0], }, { name: 'Crowsinanacreousvoid', kaid: 'kaid_530442014568815857587130', team: 'Echolite', level: 0, points: [0, 5.1, 0, 0, 0, 0], }, { name: ' $c@∫∑∑$', kaid: 'kaid_579183804717579680253074', team: 'Delfin', level: 0, points: [0, 0, 0, 0, 0, 0], }, { name: 'BTDProductions', kaid: 'kaid_434113436182774055643620', team: 'Echolite', level: 1, points: [0, 6.3, 6.9, 0, 0, 0], }, { name: 'Hellomyolive', kaid: 'kaid_126272518815871895411188', team: 'Echolite', level: 2, points: [2.1, 0, 0, 0, 0, 0], }, { name: 'Primosaur', kaid: 'kaid_284032695897570529117007', team: 'Echolite', level: 2, points: [0, 0, 0, 0, 0, 0], }, { name: 'Lgcarnahan', kaid: 'kaid_218727511363613170949571', team: 'Echolite', level: 1, points: [0.35, 0, 0, 0, 0, 0], }, { name: 'Rpcarnahan', kaid: 'kaid_586003916300657129785699', team: 'Echolite', level: 1, points: [0, 0, 0, 0, 0, 0], }, { name: 'Live.Sadat', kaid: 'kaid_458440887447342232902093', team: 'Echolite', level: 2, points: [2.1, 2.8, 7.55, 0, 0, 0], }, { name: 'Duke', kaid: 'kaid_351465532815782433620675', team: 'Echolite', level: 3, points: [7.3, 7.6, 7, 0, 0, 0], }, { name: 'Norwegian Pathways', kaid: 'kaid_1082366231138740611717261', team: 'Foxin', level: 2, points: [5.8, 0, 0, 0, 0, 0], }, { name: 'CodeNinja', kaid: 'kaid_6247985199070618801670730', team: 'Echolite', level: 1, points: [0, 6.1, 3.9, 0, 0, 0], }, { name: 'emvalle10', kaid: 'kaid_1026099367869148942789569', team: 'Delfin', level: 0, points: [0, 0, 0, 0, 0, 0], }, { name: 'PurpleDinosaur', kaid: 'kaid_4254881176041031189179857', team: 'Echolite', level: 2, points: [0, 0, 0, 0, 0, 0], }, { name: 'JSCoder', kaid: 'kaid_3032679493880386290676439', team: 'Foxin', level: 1, points: [7.3, 0, 0, 0, 0, 0], }, { name: 'Arctic Fox', kaid: 'kaid_2222278264261012950480477', team: 'Echolite', level: 3, points: [7.95, 6.5, 0, 0, 0, 0], }, { name: 'Clover', kaid: 'kaid_2287805493149654773942312', team: 'Echolite', level: 2, points: [0, 0, 0, 0, 0, 0], }, { name: 'inSYNC', kaid: 'KAID: kaid_1098496918505840334099742', team: 'Echolite', level: 2, points: [0, 0, 0, 0, 0, 0], }, { name: 'Jackson H', kaid: 'kaid_5938807447267118718814449', team: 'Echolite', level: 0, points: [0, 0, 0, 0, 0, 0], }, { name: 'TheLegoMango', kaid: 'kaid_371114188602608232313934', team: 'Echolite', level: 3, points: [0, 7.1, 0, 0, 0, 0], }, { name: 'Fireball', kaid: '177726149233524242461853', team: 'Echolite', level: 2, points: [0, 0, 0, 0, 0, 0], }, { name: "//I'M BOB", kaid: 'kaid_7500540694222150489044752', team: 'Echolite', level: 1, points: [0, 0, 0, 0, 0, 0], }, { name: '🐺The Wolf Dude🐺', kaid: 'kaid_929740613167142958234658', team: 'Echolite', level: 0, points: [0, 0, 0, 0, 0, 0], }, { name: 'iza', kaid: 'kaid_798367445302369839629663', team: 'Delfin', level: 0, points: [0, 0, 0, 0, 0, 0], }, { name: 'YA', kaid: 'kaid_3563621891021365862686148', team: 'Foxin', level: 1, points: [5.5, 0, 0, 0, 0, 0], }, { name: 'Vicioustre𝑥', kaid: 'kaid_1063463007130342809105382', team: 'Foxin', level: 3, points: [8, 5.9, 7.3, 0, 0, 0], }, { name: 'Samurai Warrior', kaid: ' kaid_333534297788735128142174', team: 'Echolite', level: 2, points: [0, 0, 0, 0, 0, 0], }, { name: 'Reflex', kaid: 'kaid_532382901934362464552519', team: 'Delfin', level: 2, points: [0, 5.9, 0, 0, 0, 0], }, { name: 'Lore', kaid: 'kaid_66098262377513172559095', team: 'Delfin', level: 0, points: [0, 0, 0, 0, 0, 0], }, { name: 'Nobody', kaid: '4274018309982484046404456', team: 'Delfin', level: 1, points: [0, 0, 0, 0, 0, 0], }, { name: 'Behemoth', kaid: 'kaid_162227050418593899377700', team: 'Delfin', level: 2, points: [0,0,0,0,0,0], }, { name: 'Boazon', kaid: 'kaid_73656865894951272751214', team: 'Delfin', level: 2, points: [0,0,0,0,0,0], }, { name: 'Arlene', kaid: 'kaid_5739345639622926269669748', team: 'Delfin', level: 1, points: [0,0,0,0,0,0], }, ]; var table = document.getElementById('participants-table'); function createTable() { table.innerHTML = ""; for (var i = 0; i < Participants.length; i++) { var p = Participants[i]; var img; var level; var total = Math.round(100 (p.points[0] + p.points[1] + p.points[2] + p.points[3] + p.points[4] + p.points[5])) / 100; switch (p.team) { case "Delfin": switch (p.level) { case 0: img = "https://www.khanacademy.org/computer-programming/spin-off-of-delfin-redo-seed/6147299433431040/latest.png"; break; case 1: img = "https://www.khanacademy.org/computer-programming/spin-off-of-delfin-redo-seedling/6411448403017728/latest.png"; break; case 2: img = "https://www.khanacademy.org/computer-programming/spin-off-of-delfin-redo-sapling/6504553093447680/latest.png"; break; case 3: img = "https://www.khanacademy.org/computer-programming/spin-off-of-delfin-redo-tree/4906544341630976/latest.png"; break; case 4: img = "https://www.khanacademy.org/computer-programming/spin-off-of-delfin-redo-ultimate/4569475014639616/latest.png"; break; } break; case "Echolite": switch (p.level) { case 0: img = "https://www.khanacademy.org/computer-programming/echolite-seed/5109190787514368/latest.png"; break; case 1: img = "https://www.khanacademy.org/computer-programming/echolite-seedling/6518104578768896/latest.png"; break; case 2: img = "https://www.khanacademy.org/computer-programming/echolite-sapling/6576545661108224/latest.png"; break; case 3: img = "https://www.khanacademy.org/computer-programming/echolite-tree/6435808172752896/latest.png"; break; case 4: img = "https://www.khanacademy.org/computer-programming/echolite-ultimate/6581001958113280/latest.png"; break; } break; case "Foxin": switch (p.level) { case 0: img = "https://www.khanacademy.org/computer-programming/spin-off-of-foxin-seed/4774518598844416/latest.png"; break; case 1: img = "https://www.khanacademy.org/computer-programming/spin-off-of-foxin-seedling/4925415563902976/latest.png"; break; case 2: img = "https://www.khanacademy.org/computer-programming/spin-off-of-foxin-sapling/5667073033158656/latest.png"; break; case 3: img = "https://www.khanacademy.org/computer-programming/spin-off-of-foxin-tree/6572573035773952/latest.png"; break; case 4: img = "https://www.khanacademy.org/computer-programming/spin-off-of-foxin-ultimate/6155493056626688/latest.png"; break; } break; } switch(p.level) { case 0: level = "Beginner"; break; case 1: level = "Familiar"; break; case 2: level = "Intermediate"; break; case 3: level = "Advanced"; break; case 4: level = "Expert"; break; } table.innerHTML += "<div class='participant'><img src='" + img + "' class='participant-img'><a href='https://www.khanacademy.org/profile/" + p.kaid + "/projects' class='participant-link' target='_blank'>" + p.name + "</a><span class='participant-level'>" + level + "</span><a href='javascript:showScore(" + i + ")' class='participant-points'>" + total + "</a></div>"; } // when no participants 😭 if (Participants.length === 0) { table.innerHTML = "<h3 style='margin-top: 0px'>No participants yet.</h3><br>"; } } // sorting participants var sortTeamMode = "ascending"; var sortNameMode = "a-z"; var sortLevelMode = "ascending"; var sortPointsMode = "ascending"; function sortByTeam() { if (sortTeamMode === "descending") { sortTeamMode = "ascending"; } else { sortTeamMode = "descending"; } if (sortTeamMode === "ascending") { Participants.sort(function(a, b) { return a.team.toUpperCase() < b.team.toUpperCase() ? 1 : -1; }); } else { Participants.sort(function(a, b) { return a.team.toUpperCase() < b.team.toUpperCase() ? -1 : 1; }); } createTable(); } function sortByName() { if (sortNameMode === "z-a") { sortNameMode = "a-z"; } else { sortNameMode = "z-a"; } // credit to Gray Wolf for name sorting if (sortNameMode === "z-a") { Participants.sort(function(a, b) { return a.name.toUpperCase() < b.name.toUpperCase() ? -1 : 1; }); } else { Participants.sort(function(a, b) { return a.name.toUpperCase() < b.name.toUpperCase() ? 1 : -1; }); } createTable(); } function sortByLevel() { if (sortLevelMode === "descending") { sortLevelMode = "ascending"; } else { sortLevelMode = "descending"; } if (sortLevelMode === "ascending") { Participants.sort(function(a, b) { return a.level - b.level; }); } else { Participants.sort(function(a, b) { return b.level - a.level; }); } createTable(); } function sortByPoints() { if (sortPointsMode === "descending") { sortPointsMode = "ascending"; } else { sortPointsMode = "descending"; } if (sortPointsMode === "ascending") { Participants.sort(function(a, b) { return (a.points[0] + a.points[1] + a.points[2] + a.points[3] + a.points[4] + a.points[5]) - (b.points[0] + b.points[1] + b.points[2] + b.points[3] + b.points[4] + b.points[5]); }); } else { Participants.sort(function(a, b) { return (b.points[0] + b.points[1] + b.points[2] + b.points[3] + b.points[4] + b.points[5]) - (a.points[0] + a.points[1] + a.points[2] + a.points[3] + a.points[4] + a.points[5]); }); } createTable(); } // showing detailed score view for participants var scoreBox = document.getElementById('show-score'); var scoreBoxInfo = document.getElementById('show-score-info'); function showScore(user) { var p = Participants[user]; var points = []; for (var i = 0; i < p.points.length; i++) { points[i] = Math.round(100 * p.points[i])/100; } // update stats/info scoreBoxInfo.innerHTML = "<h2>" + p.name + "</h2><br><strong>Homepage Challenge: </strong><span>" + points[0] + "</span><br><strong>Challenge 1: </strong><span>" + points[1] + "</span><br><strong>Challenge 2: </strong><span>" + points[2] + "</span><br><strong>Challenge 3: </strong><span>" + points[3] + "</span><br><strong>Mini Challenge 1: </strong><span>" + points[4] + "</span><br><strong>Mini Challenge 2: </strong><span>" + points[5] + "</span>"; scoreBox.style.display = "block";// show box } function closeScoreBox() { scoreBox.style.display = "none";// hide box } closeScoreBox(); // 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> <!-- News banner & page changing script --> <script> var pages = document.getElementsByClassName('page'); var message = 5; var news = [ "Joining is open! <a href='javascript:changePage(2)'>Sign up</a> now!", "🏠 The Homepage Challenge has begun!", "Challenge 1 has begun!", "Challenge 2 has begun!", "Challenge 3 & Mini Challenge 1 have begun!", "Mini Challenge 2 has begun!", "⏲ Challenge 3 is due!", "The <a href='' target='_blank'>results</a> have been posted! 🥳", "TCW is over. Post a period (.) in the news thread to be notified of TCW 2025!", ]; var banner = document.getElementById('news-banner'); var newsMessage = document.getElementById('news-message'); function addMessage() { for (var i = 0; i < pages.length; i++) { pages[i].style.paddingTop = "90px"; } newsMessage.innerHTML = news[message]; } addMessage(); function closeBanner() { for (var i = 0; i < pages.length; i++) { pages[i].style.paddingTop = "50px"; } banner.style.display = "none"; } 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> <!--The Thumbnail Script 2.1.0 12/18/2023 by Bluebird@kaid_157624541333313939750668--><script src="https://cdn.jsdelivr.net/npm/html2canvas@1.4.1/dist/html2canvas.min.js"></script><script type>var r=600,s=document.documentElement.clientWidth;window.parent.html2canvas=t=>{try{html2canvas(document.body,{width:s,height:s,useCORS:!0,onclone:t=>t.getAnimations().forEach((t=>{try{t.finish()}catch{}}))}).then((t=>{var e=document.createElement("canvas");e.width=r,e.height=r,e.getContext("2d").drawImage(t,0,0,t.width,t.height,0,0,r,r),window.top.postMessage(e.toDataURL(),"")})).catch((t=>{alert("Thumbnail Script Error: "+t)}))}catch{window.top.postMessage(document.createElement("canvas").toDataURL(),"")}};</script> </body> </html>
Folds	25,1487
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgLuS4L3XCQw
Votes	107
Spin-Offs	4
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, 1734464212535
Updated	23 days ago, 1734464254418
Source Deleted	unknown