Viewing Program

Program Data

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

Title	The Code Wars 2021
ID	4875604866416640
Created	3 years ago, 1636351808402
Updated	3 years ago, 1641095952328
Code	<!DOCTYPE html> <!-- Page created by BLUE SNOW ❄ (@suva06) and TDJ. BEGINS: November 2021 ENDS: December 2021 MANAGER: TDJ Judges: TDJ, Artemis, Timothy, Blue Snow ❄, CoraL Credits: - William Wang (@william.wang2023) for the page switch tutorial - Iron Programming for copy string function Team Homepages: - Autumner: https://www.khanacademy.org/cs/i/6031976375042048 - Celesta: https://www.khanacademy.org/computer-programming/team-celesta-homepage-entry/5180141317701632 - Narosaur: https://www.khanacademy.org/computer-programming/narosaur-homepage/4774047260917760 - Spickus: https://www.khanacademy.org/computer-programming/i/5309451156373504 --> <html lang="en"> <head> <meta charset="utf-8"> <title>The Code Wars 2021</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=Philosopher&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Source+Sans+Pro&display=swap&family=Material+Icons" rel="stylesheet"> <style> * { margin: 0; padding: 0; box-sizing: border-box; scroll-behavior: smooth; } html { overflow-x: hidden; text-align: justify; } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } /user-select color/ ::selection { background: turquoise; color: black; } /scrollbar styles/ ::-webkit-scrollbar { display: block; background: none; width: 12px; } ::-webkit-scrollbar-thumb { background-color: navy; } ::-webkit-scrollbar-track { background: linear-gradient(rgb(240, 240, 240), white); } ::-webkit-scrollbar-button { background: cornflowerblue; } ::-webkit-scrollbar-button:hover { background: darkturquoise; } /navigation bar styles/ #navTool { position: fixed; top: 0; left: 0; right: 0; padding: 10px 0px; background-color: navy; z-index: 1; } #navTool a { color: rgb(255, 255, 255); font-size: 16px; text-decoration: none; padding: 11px 10px; } #navTool a:hover { background-color: rgb(21, 0, 176); } /page styles/ .page { margin: 0; margin-top: 55px; padding: 17px; animation: fadeIn 0.5s ease-out; } /heading styles/ h1 { font-family: 'Philosopher', sans-serif; font-size: 80px; text-align: center; color: #191970; user-select: none; } h2 { text-align: center; } /font of content/ body { font-family: 'Source Sans Pro', sans-serif; } /background image styles/ .bg-img { background-image: url("https://upload.wikimedia.org/wikipedia/commons/thumb/5/5a/Programming.jpg/800px-Programming.jpg"); background-attachment: fixed; margin: -20px; margin-bottom: 20px; padding: 130px; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; } .bg-img h1 { color: white; background-color: rgba(7, 0, 112, 0.4); margin: -130px; padding: 97px; text-shadow: 0px 0px 12px; letter-spacing: 2px; } /line styles/ hr { border: 2px solid navy; margin: 30px; } /link styles/ a { color: midnightblue; } a:hover { color: dodgerblue; text-decoration: none; } a:focus { color: turquoise; } a:visited { color: black; } /joining form styles/ form { color: white; border-radius: 1rem; text-align: center; user-select: none; background-color: navy; margin: auto; margin-top: 5px; width: 276px; } form hr { margin: 15px -40px; border: 2px solid white; } /submit button styles (join page)/ .submit { background: #2345F1; color: white; height: 50px; padding: 10px 20px; font-size: 20px; text-decoration: none; z-index: 2; text-align: center; transition: 0.3s; } .submit:hover { background: white; color: black; } /table styles/ table { color: #090934; text-align: center; user-select: none; } /scoring table styles/ #scoring th { font-size: 15px; padding: 11px 31px; background-color: navy; color: white; } #scoring td { background-color: #E0E0FB; font-size: 16px; } /challenges section styles/ .challenges { text-align: center; border: solid navy 1.5px; border-left: solid navy 7px; border-radius: 5px; padding: 30px; margin: 36px; transition: 0.5s; } .challenges:hover { transform: scale(1.05); background: aliceblue; } /list styles/ li { margin-left: 19px; } /judging table styles/ #judging th { font-size: 15px; padding: 2px; background-color: navy; color: white; } #judging td { background-color: #E0E0FB; font-size: 16px; } /FAQs separation line styles/ .questions hr { border: 1px gray solid; margin: 34px -20px; } /scroll to top button/ #top { transition: 0.5s; font-size: 50px; } #top:hover { opacity: 0.5; transform: translateY(-10px); } /footer styles/ footer { user-select: none; background-color: #0A1136; color: white; margin-top: 10px; padding: 25px; text-align: center; font-size: 35px; } /team avatar styles/ .teamScore img { width: 50px; margin-right: 15px; } /Team scores = 503 - (score 2) */ #celesta { background: lightgray; margin-right: 410.6px; } #spickus { background: rgb(192, 97, 224); margin-right: 409.2px; } #autumner { background: rgb(255, 201, 64); margin-right: 316px; } #narosaur { background: lightblue; margin-right: 403.6px; } </style> </head> <body> <!--navigation bar--> <div id="navTool"> <a href="javascript:changePage(0);" title="Home"><i class="material-icons">home</i></a> <a href="javascript:changePage(1);" title="Join"><i class="material-icons">group_add</i></a> <a href="javascript:changePage(2);" title="Scores"><i class="material-icons">leaderboard</i></a> <a href="javascript:changePage(3);" title="Challenges"><i class="material-icons">emoji_events</i></a> <a href="javascript:changePage(4);" title="Judging"><i class="material-icons">groups</i></a> <a href="javascript:changePage(5);" title="FAQs"><i class="material-icons">question_answer</i></a> </div> <!--Home--> <div class="page"> <div class="bg-img"> <h1 class="welcome">The Code Wars 2021</h1> </div> <p>Welcome to The Code Wars 2021! TCW is a contest run by <a href="https://www.khanacademy.org/profile/kaid_682972421482671044758972/">TDJ</a>.</p> <br> <p>This is a contest open for all levels to participate. It is a team contest, where everyone's scores are added together for the team total. The team with the most points at the end wins!</p> </div> <!--Joining--> <div class="page"> <h1>Joining</h1> <p>Joining is closed.</p> <!--<hr> Fill out the following form and go to the T&T and press Control-V to paste the join code to join (as a participant). <br><br>--> <!--joining form--> <!--<form name="joinForm"> <br> <h2>Join Form</h2> <hr> <label for="yourLevel">Coding Level</label><br> <select id="yourLevel" name="yourLevel"> <option value="1">Beginner</option> <option value="2">Intermediate</option> <option value="3">Advanced</option> </select><br><br> <label for="yourTeam">Team</label><br> <select id="yourTeam" name="yourTeam"> <!--<option value="Autumner">Autumner</option>--> <!--<option value="Celesta">Celesta</option> <!--<option value="Narosaur">Narosaur</option>--> <!--<option value="Spickus">Spickus</option> </select> <br><br> <p>Joining for Narosaur and Autumner is closed.</p> <br><br> <!--submit button---> <!--<a class="submit" href="javascript:copyJoinCode();">Submit</a> <br><br><br> <h3 id="doneJoining"></h3> </form>--> </div> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script> <!--Instructions--> <script> function instructions() { $("h3").text("Go to the Tips & Thanks and press Control+v (Windows) or Command+v (Mac). In the first set of quotation marks, put your name, so the join code looks like this: `~[name, team, level]~` Post that comment."); } </script> <!--Join Code--> <script> function copyJoinCode() { var teamName = document.getElementById("yourTeam").value;; var Level = document.getElementById("yourLevel").value; var joinCode = '`~["", "' + teamName + '", ' + Level + ']~`'; instructions(); copyStringToClipboard(joinCode); } //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> <!--Scores--> <div class="page"> <h1>Scores</h1> <hr> <div class="teamScore" id="celesta"><img src="https://www.khanacademy.org/computer-programming/celesta-avatar-ultimate/4760229231149056/latest.png"><br>46.2</div><br> <div class="teamScore" id="spickus"><img src="https://www.khanacademy.org/computer-programming/spickus-ultimate/5141806580809728/latest.png"><br>46.9</div><br> <div class="teamScore" id="autumner"><img src="https://www.khanacademy.org/computer-programming/autmner-ultimate/5105290273832960/latest.png"><br>93.5</div><br> <div class="teamScore" id="narosaur"><img src="https://www.khanacademy.org/computer-programming/ultimate/4975855711338496/latest.png"><br>49.7</div><br> <!--scores tables--> <div id="scoring"> <h2>Members of Autumner</h2> <p>Members: 19</p> <p>Captain: SpencerKuan</p><br> <table> <thead> <th>Level</th> <th>Name</th> <th>Challenge 1</th> <th>Challenge 2</th> <th>Total</th> </thead> <tbody id="teamAutumner"></tbody> <!--Table script--> <script> var TeamAutumner = [ //['kaid', 'name', 1, 0, 0], ['kaid_1098496918505840334099742', 'TheFireDragos', 3, 0, 0], ['kaid_686403727677926180646100', 'Dusk #MM', 2, 6.2, 0], ['kaid_831514467982366908226735', 'deepulachu', 1, 5.1, 0], ['kaid_253504727823910475668598', 'Kendra Walters', 1, 0, 5.5], ['kaid_6331287008501063290576381', 'BlahBlahBlah Studios', 1, 2.9, 0], ['kaid_347301546298190728990763', 'Jmtyk', 2, 7.2, 5.8], ['kaid_3642116685045429829951183', 'Fluffytail5000', 1, 0, 0], ['kaid_516653234585536804028120', 'Rake Nightfur', 2, 0, 0], ['kaid_1019224178974944933892208', 'VirtualStudios', 2, 0, 0], //['kaid_6674182171901450895465389', 'AusAudra', 1, 0, 0], ['kaid_85396188625172320741743', 'LC#AutumnerFTW', 2, 7.2, 5.9], ['kaid_882139144196792479711276', 'Michael', 2, 0, 0], ['kaid_430386865734721459501448', 'Blackcatgame77', 2, 0, 0], ['kaid_266759593901575482747326', 'SpencerKuan', 3, 7.6, 7.8], ['kaid_171325869999745991736082', ':/', 3, 0, 0], ['kaid_882139144196792479711276', 'Legendary Inc.', 1, 0, 0], ['kaid_8432412617471612516854736', 'Hanna', 1, 4.7, 5], ['kaid_1100703880717589040972810', 'Bluebird', 2, 0, 0], ['kaid_19223556717554780257321', 'Sam Zachary', 2, 6.5, 0], ['kaid_91859370571627483164212', 'Phoenix_Phalanx', 1, 0, 0], ['', 'BlazingMeteor', 1, 0, 6.3], ]; var table = document.getElementById("teamAutumner"); table.innerHTML = "<tbody id = 'teamAutumner'></tbody>" //Loop for converting above array to table for (var i = 0; i < TeamAutumner.length; i++) { var row = document.createElement("tr"); for (var j = 0; j < TeamAutumner[i].length; j++) { var c = TeamAutumner[i][j]; var td = document.createElement("td"); var textnode = document.createTextNode(c); if (j === 0) { textnode = document.createTextNode(''); var imgPath; switch (TeamAutumner[i][2]) { case 1: imgPath = 'https://www.khanacademy.org/computer-programming/autmner-seed/5997527786536960/latest.png'; break; case 2: imgPath = 'https://www.khanacademy.org/computer-programming/autmner-sapling/5367048817295360/latest.png'; break; case 3: imgPath = 'https://www.khanacademy.org/computer-programming/autmner-ultimate/5105290273832960/latest.png'; break; } td.innerHTML = '<img src ="' + imgPath + '" style="width:30px">'; } if (j === 1) { textnode = document.createTextNode(''); td.innerHTML = '<a href="https://www.khanacademy.org/profile/' + TeamAutumner[i][0] + '" target = "_blank" class="link" style="color:black;">' + TeamAutumner[i][1].replace(/</g, "<").replace(/>/g, ">") + '</a>'; } if (j === 2) { textnode = document.createTextNode(Math.round(TeamAutumner[i][3])); } if (j === 3) { textnode = document.createTextNode(Math.round(TeamAutumner[i][4])); } if (j === 4) { textnode = document.createTextNode((TeamAutumner[i][3] + TeamAutumner[i][4]).toFixed(1)); } td.appendChild(textnode); row.appendChild(td); } document.getElementById("teamAutumner").appendChild(row); } </script> </table> <h2>Members of Celesta</h2> <p>Members: 21</p> <p>Captain: CУБΞЯЩФLF</p><br> <table> <thead> <th>Level</th> <th>Name</th> <th>Challenge 1</th> <th>Challenge 2</th> <th>Total</th> </thead> <tbody id="teamCelesta"></tbody> <!--Table script--> <script> var TeamCelesta = [ //['kaid', 'name', 1, 0, 0], ['kaid_1093474059067984365384674', 'Crafter (thursday)', 1, 0, 0], ['kaid_1172711673134691260881313', 'CУБΞЯЩФLF', 3, 0, 0], ['kaid_336884561727810616466311', 'Mindque Blast', 3, 0, 0], ['kaid_838836130659786741993223', 'CowboysFan Creations', 2, 0, 0], ['kaid_976343035097241358990832', 'Omae', 1, 0, 0], ['kaid_1085263700183638816365148', 'Cake and Cookies', 1, 0, 0], ['kaid_3409445036296964226947053', 'Nightwaves Coding', 1, 0, 0], ['kaid_903966361915125576284278', 'aeych', 2, 0, 0], ['kaid_1000117142154266270744598', 'Ty', 1, 0, 0], ['kaid_9691567254763696022117164', 'Masked Oh Noes', 1, 0, 0], ['kaid_490733484445561441832728', 'Sparkle Wolf', 2, 6.9, 4.4], ['kaid_659800661397715681487277', 'Samwise #JesusIsKing', 1, 4.8, 4.2], ['kaid_66098262377513172559095', 'Lore', 1, 0, 0], ['kaid_796012020267992374018870', 'Gian S.', 3, 6, 6.6], ['kaid_574793641393206808570401', 'cameron the "strange" one', 1, 0, 0], ['kaid_1191657490399007636732524', '₸ɧ€-₳₥₳ʐĺɲĜ-₵৹₫£ɽ', 2, 0, 0], ['kaid_1191657490399007636732524', 'B.C Studio', 2, 0, 0], ['kaid_659321537754816117334526', 'damota.marcods', 1, 4, 0], ['kaid_859192443075709615041758', 'Fire Falchion', 1, 0, 0], ['kaid_126272518815871895411188', 'Stevo smith', 1, 3.1, 3.3], ['kaid_181347277586755253749920', 'Kineto', 1, 0, 0] ]; var table = document.getElementById("teamCelesta"); table.innerHTML = "<tbody id = 'teamCelesta'></tbody>" //Loop for converting above array to table for (var i = 0; i < TeamCelesta.length; i++) { var row = document.createElement("tr"); for (var j = 0; j < TeamCelesta[i].length; j++) { var c = TeamCelesta[i][j]; var td = document.createElement("td"); var textnode = document.createTextNode(c); if (j === 0) { textnode = document.createTextNode(''); var imgPath; switch (TeamCelesta[i][2]) { case 1: imgPath = 'https://www.khanacademy.org/computer-programming/celesta-seed/4713728826195968/latest.png'; break; case 2: imgPath = 'https://www.khanacademy.org/computer-programming/celesta-sapling/5097049624199168/latest.png'; break; case 3: imgPath = 'https://www.khanacademy.org/computer-programming/celesta-avatar-ultimate/4760229231149056/latest.png'; break; } td.innerHTML = '<img src ="' + imgPath + '" style="width:30px">'; } if (j === 1) { textnode = document.createTextNode(''); td.innerHTML = '<a href="https://www.khanacademy.org/profile/' + TeamCelesta[i][0] + '" target = "_blank" class="link" style="color:black;">' + TeamCelesta[i][1].replace(/</g, "<").replace(/>/g, ">") + '</a>'; } if (j === 2) { textnode = document.createTextNode(Math.round(TeamCelesta[i][3])); } if (j === 3) { textnode = document.createTextNode(Math.round(TeamCelesta[i][4])); } if (j === 4) { textnode = document.createTextNode((TeamCelesta[i][3] + TeamCelesta[i][4]).toFixed(1)); } td.appendChild(textnode); row.appendChild(td); } document.getElementById("teamCelesta").appendChild(row); } </script> </table> <h2>Members of Narosaur</h2> <p>Members: 20</p> <p>Captain: LittleWhinging</p><br> <table> <thead> <th>Level</th> <th>Name</th> <th>Challenge 1</th> <th>Challenge 2</th> <th>Total</th> </thead> <tbody id="TeamNarosaur"></tbody> <!--Table script--> <script> var TeamNarosaur = [ //['kaid', 'name', 1, 0, 0], ['kaid_619100368672089505048673', 'TigerKing64', 2, 0, 0], ['kaid_998231220553965557358689', 'ᑭᴇɴᴅiᴎɢ...', 2, 0, 0], ['kaid_186921656221553351658858', 'LaTwana Porter', 1, 0, 0], ['kaid_81047926734476551074734', 'SuspiciousDog', 2, 6.1, 0], ['kaid_870128532626617952019875', 'Psychic 𝓕𝓞𝓧 Productions', 2, 0, 0], ['kaid_657806075520552244029479', 'PetahMan73', 1, 0, 0], ['kaid_933555836951569031836871', 'blazer', 1, 0, 0], ['kaid_550346113466496832565531', 'Vertex Ninja', 3, 0, 0], ['kaid_1150734647023267265838882', 'Tator', 2, 0, 0], ['kaid_850262714854534720110442', 'Matthew', 2, 0, 0], ['kaid_61746486790130432968281', 'littlewhinging (LW)', 3, 5.9, 8.1], ['kaid_1042098132686409870152592', 'CodeEngineer', 2, 6.4, 0], ['kaid_9968406906227812006250022', 'LilFoxCub', 1, 0, 0], ['kaid_346330657930767355356676', 'Mine300', 2, 0, 0], //['kaid_737385504675789227153695', '𝕾𝖙𝖔𝖗𝖒', 2, 0, 0], ['kaid_1199745294622440867727065', 'FireHawk360', 1, 0, 0], ['kaid_124331490116281890443705', 'Epic Coder', 3, 0, 0], ['kaid_573620151676799897256336', 'Fledjy Belton', 1, 0, 0], ['kaid_335279540512177885166674', 'Winter', 2, 0, 7.1], ['kaid_400692692982408201371165', 'Mad Programmer', 1, 4.2, 6.9], ['kaid_533477355612483424015194', 'Im Bored!', 2, 0, 0], ]; var table = document.getElementById("TeamNarosaur"); table.innerHTML = "<tbody id = 'TeamNarosaur'></tbody>" //Loop for converting above array to table for (var i = 0; i < TeamNarosaur.length; i++) { var row = document.createElement("tr"); for (var j = 0; j < TeamNarosaur[i].length; j++) { var c = TeamNarosaur[i][j]; var td = document.createElement("td"); var textnode = document.createTextNode(c); if (j === 0) { textnode = document.createTextNode(''); var imgPath; switch (TeamNarosaur[i][2]) { case 1: imgPath = 'https://www.khanacademy.org/computer-programming/seed/6443417039060992/latest.png'; break; case 2: imgPath = 'https://www.khanacademy.org/computer-programming/sapling/4558181147656192/latest.png'; break; case 3: imgPath = 'https://www.khanacademy.org/computer-programming/ultimate/4975855711338496/latest.png'; break; } td.innerHTML = '<img src ="' + imgPath + '" style="width:30px">'; } if (j === 1) { textnode = document.createTextNode(''); td.innerHTML = '<a href="https://www.khanacademy.org/profile/' + TeamNarosaur[i][0] + '" target = "_blank" class="link" style="color:black;">' + TeamNarosaur[i][1].replace(/</g, "<").replace(/>/g, ">") + '</a>'; } if (j === 2) { textnode = document.createTextNode(Math.round(TeamNarosaur[i][3])); } if (j === 3) { textnode = document.createTextNode(Math.round(TeamNarosaur[i][4])); } if (j === 4) { textnode = document.createTextNode((TeamNarosaur[i][3] + TeamNarosaur[i][4]).toFixed(1)); } td.appendChild(textnode); row.appendChild(td); } document.getElementById("TeamNarosaur").appendChild(row); } </script> </table> <h2>Members of Spickus</h2> <p>Members: 20</p> <p>Captain: JSCoder</p><br> <table> <thead> <th>Level</th> <th>Name</th> <th>Challenge 1</th> <th>Challenge 2</th> <th>Total</th> </thead> <tbody id="teamSpickus"></tbody> <!--Table script--> <script> var TeamSpickus = [ //['kaid', 'name', 1, 0, 0], ['kaid_1098732080926856236545461', 'JSCoder', 2, 6.8, 9.9], ['kaid_1020983312625092629034721', 'SuperGaming', 1, 0, 0], ['kaid_4465081938278916237377999', 'Lil Tyler', 2, 0, 0], ['kaid_92865676327486453835087', 'PhantomFan12', 2, 0, 0], ['kaid_1167519667246960589137349', 'Steel Coder', 2, 0, 8.1], ['kaid_316226667831893513878388', 'A Person', 2, 0, 0], ['kaid_1184710932010152733005988', 'Chromedog', 3, 0, 0], ['kaid_505781336464369123733962', 'M&M', 1, 5.1, 0], ['kaid_101552425059078009205928', 'Carson', 2, 0, 0], ['kaid_166928283451659214500627', 'moonlight wolf', 1, 0, 0], ['kaid_5308096616336838821189066', '183455', '2', 0, 0], ['kaid_3902988618718040904060736', 'QuickCoding', 1, 6.7, 0], ['kaid_1114573806878967083848773', 'OV3RP0W3R3D', 1, 0, 0], ['kaid_2410784419470275043882283', 'CheshireCat', 1, 0, 0], ['kaid_1202976797948686725283732', 'Kakashi Hatake', 2, 0, 0], ['kaid_101904269317089495055459', 'NL', 2, 0, 0], ['kaid_286229724490605800583292', 'Cubic Coding', 3, 0, 0], ['kaid_29791284525575279102529', 'eerie_wolf', 2, 0, 0], ['kaid_135676867261190465593079', 'Marvel_Wonder07', 1, 0, 0], ['kaid_3135656604304692454352535', 'Phil, IWasThere', 2, 4.7, 5.6], ]; var table = document.getElementById("teamSpickus"); table.innerHTML = "<tbody id = 'teamSpickus'></tbody>" //Loop for converting above array to table for (var i = 0; i < TeamSpickus.length; i++) { var row = document.createElement("tr"); for (var j = 0; j < TeamSpickus[i].length; j++) { var c = TeamSpickus[i][j]; var td = document.createElement("td"); var textnode = document.createTextNode(c); if (j === 0) { textnode = document.createTextNode(''); var imgPath; switch (TeamSpickus[i][2]) { case 1: imgPath = 'https://www.khanacademy.org/computer-programming/spickus-seed/4738639376465920/latest.png'; break; case 2: imgPath = 'https://www.khanacademy.org/computer-programming/spickus-sapling/5989531824209920/latest.png'; break; case 3: imgPath = 'https://www.khanacademy.org/computer-programming/spickus-ultimate/5141806580809728/latest.png'; break; } td.innerHTML = '<img src ="' + imgPath + '" style="width:30px">'; } if (j === 1) { textnode = document.createTextNode(''); td.innerHTML = '<a href="https://www.khanacademy.org/profile/' + TeamSpickus[i][0] + '" target = "_blank" class="link" style="color:black;">' + TeamSpickus[i][1].replace(/</g, "<").replace(/>/g, ">") + '</a>'; } if (j === 2) { textnode = document.createTextNode(Math.round(TeamSpickus[i][3])); } if (j === 3) { textnode = document.createTextNode(Math.round(TeamSpickus[i][4])); } if (j === 4) { textnode = document.createTextNode((TeamSpickus[i][3] + TeamSpickus[i][4]).toFixed(1)); } td.appendChild(textnode); row.appendChild(td); } document.getElementById("teamSpickus").appendChild(row); } </script> </table> </div> </div> <!--Challenges--> <div class="page"> <h1>Challenges</h1> <section class="challenges"> <h2>Homepage Challenge</h2> <hr> <p><strong>Description:</strong> Make a homepage for your team.</p> <p><strong>DUE:</strong> 20 November 2021</p> </section> <section class="challenges"> <h2>Challenge 1</h2> <hr> <p><strong>Description:</strong> Space.</p> <p><strong>DUE:</strong> 27 November 2021</p> </section> <section class="challenges"> <h2>Challenge 2</h2> <hr> <p><strong>Description:</strong> Medieval.</p> <p><strong>DUE:</strong> 6 December 2021</p> </section> <section class="challenges"> <h2>Challenge 3</h2> <hr> <p><strong>Description:</strong> Collab.</p> <p><strong>DUE:</strong> 21 December 2021</p> </section> </div> <!--Judging--> <div class="page"> <h1>Judging</h1> <hr> <h3>Judges:</h3><br> <ul> <li><a href="https://www.khanacademy.org/profile/kaid_682972421482671044758972/"><span class="TDJ"></span></a> (Manager)</li> <li><a href="https://www.khanacademy.org/profile/kaid_580436051254509721948310/"><span class="timothy"></span></a></li> <li><a href="https://www.khanacademy.org/profile/kaid_311111136670840237432246/"><span class="bs"></span></a></li> <li><a href="https://www.khanacademy.org/profile/kaid_1068848911359018575054982/"><span class="artemis"></span></a></li> </ul> <br> <p>They will be judging using the <a href="https://www.khanacademy.org/computer-programming/spin-off-of-room-of-judgement/5763632390422528">Room of Judgment</a> (used with IP's permission) and based on the following scoring (for the Homepage and 1st and 2nd Challenges):</p><br> <!--judging criteria table--> <table id="judging"> <thead> <th>Opinion</th> <th>Readability</th> <th>Efficiency</th> <th>Graphics</th> <th>User Interaction</th> <th>Complexity</th> <th>Professionalism</th> <th>Total</th> </thead> <tbody> <td>10</td> <td>10</td> <td>10</td> <td>10</td> <td>10</td> <td>10</td> <td>10</td> <td>10/10</td> </tbody> </table><br> <p>For the Homepage and 1st and 2nd Challenges, you will be scored out of 10 points, and the author of the top project on a team becomes the team captain. The highest scoring homepages will receive 10 points, 5 points and 2 points for their team.</p> </div> <!--FAQs--> <div class="page"> <h1>FAQs</h1> <hr> <div class="questions"> <ol type="1"> <li><p><strong>How long does TCW run?</strong><br>TCW runs for 5 weeks, beginning in November and ending in December</p></li> <hr> <li><p><strong>Can I submit old code?</strong><br>Please try not to make most of your code recycled old code. Try to write new code for the challenges, however, a little minor old code will be fine.</p></li> <hr> <li><p><strong>Do I have to complete every challenge?</strong><br>Please try to participate in every challenge, as it gives your team a better chance.</p></li> </ol> </div> </div> <!--footer--> <footer> <p>Thank you<br> <span id="top" class="material-icons" style="cursor: pointer; font-size: 58px" onClick="window.scroll(0, 0)">keyboard_arrow_up</span> </p> </footer> <!--switch page script--> <script> var page = document.getElementsByClassName('page'); function changePage(index) { for (var i = 0; i < page.length; i++) { page[i].style.display = 'none'; } page[index].style.display = 'block'; window.scroll(0, 0); } changePage(0); if (page === 0) { nav = false; } </script> <!--name API--> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script> $.getJSON('https://www.khanacademy.org/api/internal/user/profile?kaid=kaid_682972421482671044758972&format=pretty&callback=?', function(data) { $('.TDJ') .html(data.nickname) }) $.getJSON('https://www.khanacademy.org/api/internal/user/profile?kaid=kaid_580436051254509721948310&format=pretty&callback=?', function(data) { $('.timothy') .html(data.nickname) }) $.getJSON('https://www.khanacademy.org/api/internal/user/profile?kaid=kaid_311111136670840237432246&format=pretty&callback=?', function(data) { $('.bs') .html(data.nickname) }) $.getJSON('https://www.khanacademy.org/api/internal/user/profile?kaid=kaid_1068848911359018575054982&format=pretty&callback=?', function(data) { $('.artemis') .html(data.nickname) }) </script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script> <!--Credit to Bluebird for the thumbnail--> <script src="https://cdn.jsdelivr.net/npm/html2canvas@1.0.0-rc.3/dist/html2canvas.min.js"></script> <script type> var body = document.getElementsByTagName("body")[0]; window.addEventListener("keydown", function(e) { if (e.keyCode === 27) { document.getElementById("menu-wrap") .style.display = "none"; body.style.pointerEvents = "none"; } else if (e.keyCode === 65) { body.style.pointerEvents = "all"; document.getElementById("menu-wrap") .style.display = "block"; } }); var save = function() { html2canvas(document.body, { allowTaint: false, useCORS: true, width: document.documentElement.clientWidth, height: document.documentElement.clientWidth, }) .then(function(canvas) { b64Img = canvas.toDataURL(); window.top.postMessage(b64Img, "https://www.khanacademy.org/"); }); }; var handleSave = function(e) { if (JSON.parse(e.data) .screenshot) { setTimeout(function() { console.log("Saving..."); save(); }, 1000) } }; window.parent.savers = window.parent.savers \|\| 0; window.parent.addEventListener('message', handleSave); window.parent.savers += 1; for (window.parent.savers; window.parent.savers > 1; window.parent.savers -= 1) { window.parent.removeEventListener('message', handleSave) } </script> </body> </html>
Folds	24,1043
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgIPB48rUCAw
Votes	85
Spin-Offs	0
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, 1734464216036
Updated	23 days ago, 1734464274098
Source Deleted	unknown