Viewing Program

Program Data

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

Title	The Coding Olympics 2021
ID	6263429289426944
Created	4 years ago, 1626106080885
Updated	4 years ago, 1630196150549
Code	<!DOCTYPE html> <!-- Hello and welcome to The Coding Olympics 2021. Homepage Challenge/Joining period. - Theme: None - July 12 - July 19 Challenge 1 - Theme: Awesome Animations - July 19 - July 26 Challenge 2 - Theme: OOP - July 26 - August 11 Challenge 3 - Theme: TBA - August 11 - August 23 Credits - Liam K. - j.s. coder - Timothy - Voldemort - flex box tutorial - To13 - API tutorial - PT - w3schools Image links Red: https://cdn.kastatic.org/images/avatars/svg/leaf-red.svg Orange: https://cdn.kastatic.org/images/avatars/svg/leaf-orange.svg Yellow: https://cdn.kastatic.org/images/avatars/svg/leaf-yellow.svg Green: https://cdn.kastatic.org/images/avatars/svg/leaf-green.svg Blue: https://cdn.kastatic.org/images/avatars/svg/leaf-blue.svg Gray: https://cdn.kastatic.org/images/avatars/svg/leaf-grey.svg Purple: https://www.khanacademy.org/computer-programming/purple-leaf/6659911293288448/latest.png Cyan: https://www.khanacademy.org/computer-programming/cyan-leaf/4513990392627200/latest.png --> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>The Coding Olympics 2021</title> <!--- import Google Fonts ---> <link rel="preconnect" href="https://fonts.googleapis.com"> <link href="https://fonts.googleapis.com/css2?family=Merienda+One&family=Quicksand&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> <!--- Import JQuery for API --> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/html2canvas@1.0.0-rc.3/dist/html2canvas.min.js"></script> <!-- Styles ---> <style> body { background-color:WhiteSmoke; overflow-x: hidden; background-repeat: none; background-attachment: fixed; } h1{ text-align:center; font-size:50px; font-family:Merienda One; text-shadow: 2px 4px rgba(148, 148, 148, 0.9); } h2{ font-size:30px; font-family:Merienda One; margin:0px 50px; } .header{ color:WhiteSmoke; background-color:SeaGreen; margin:0px 50px; margin-top: 60px; border-radius:10px; padding-top: 5px; } .h2{ margin:20px 50px; } .Title{ margin-top:25%; font-size:70px; color: black; text-shadow: 3px 3px rgba(0, 0, 0, 0.3); } #continue{ text-align:center; font-size:30px; font-family:Quicksand; margin:0px 40%; padding:5px 15px; text-decoration:none; background-color:black; color:WhiteSmoke; border-radius: 0px 20px 0px 20px; transition: 0.5s; box-shadow: 2px 2px 4px 1px rgba(0,0,0,0.5); } #continue:hover { border-radius: 20px 0px 20px 0px; } p{ font-family:Quicksand; font-size:17px; margin:20px 50px; } ul{ list-style-type:none; } .right{ text-align:right; background-image: linear-gradient(to right, rgba(46,139,87,0), SeaGreen); border-radius:0px 60px; padding-bottom: 2px; margin: 10px 0px; } .left{ text-align:left; background-image: linear-gradient(to left, rgba(46,139,87,0), SeaGreen); border-radius:50px 0px; padding-bottom: 2px; margin: 10px 0px; } header { position: fixed; top: 0; left: 0; width: 100%; transition: transform 0.1s; background-color: Seagreen; z-index: 10; } header nav ul { list-style-type: none; margin: 0; margin-left: 100px; padding: 0; } header nav li { float: left; transition: 0.4s; } header nav li a { display: block; color: #FFFFFF; text-align: center; padding: 14px 16px; text-decoration: none; } header nav li:hover { background-color: rgb(45, 163, 96); } header nav li.active { background-color: rgb(45, 163, 96); } .joinlist{ list-style-type: circle; font-family:Quicksand; margin:0px 50px; } ol{ font-family:Quicksand; font-size:17px; margin:20px 50px; } form{ font-family:Merienda One; font-size:17px; margin:20px 50px; } input,select{ font-family:Quicksand; font-size:15px; margin:10px 0px; outline: none; } #submitbutton { width: 100px; cursor: pointer; border:solid; border-width:2px; background-color: WhiteSmoke; transition: 0.4s; border-radius: 0px 10px 0px 10px; } #submitbutton:hover { border-radius: 10px 0px 10px 0px; } #doneJoining{ font-weight:700; } table{ margin:20px 50px; border-collapse:collapse; width:500px; } th{ text-align:left; font-family:Merienda One; } td{ font-family:quicksand; padding:5px; background-image: linear-gradient(rgb(245,245,245), rgb(235,235,235)); border:solid; border-top:none; border-bottom:none; border-width:1px; width:30px; } .flex-container { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-around; align-items: stretch; align-content: stretch; margin:20px 50px; width: 480px; height: 20%; resize: both; overflow: auto; overflow-y: hidden; min-width: 50%; max-width: 100%; } .flex-item { background-color: rgba(240,240,240); margin: 1%; width: 220px; padding: auto; text-align: center; text-decoration:none; border-style:solid; border-color:rgb(220,220,220); border-width:1px; border-radius:20px; } .flex-item:hover{ border-style:solid; border-color:black; border-width:1px; } .flex-item h3{ font-family:Merienda One; color:black; margin:10px; } .flex-item img{ max-width:200px; margin-bottom:30px; } #current{ border-style:solid; border-radius:20px; border-width:2px; border-color:green; } #current:hover{ border-style:solid; border-color:black; border-width:2px; } #current h4{ color:green; border-style:solid; border-radius:20px; padding:2px; margin:5px 20px; font-family:Quicksand; } #current img{ margin-bottom:0px; } .challenge-head{ color:WhiteSmoke; background-color: SeaGreen; font-size:35px; margin:0px 50px; margin-top: 60px; border-radius:10px; padding: 5px 0px; } .challenge-h2{ margin:20px 50px; font-size:25px; } /* Give every page a WhiteSmoke background except for the first one (the welcome page) / .page:nth-child(n+2) { background-color: WhiteSmoke; } ::-webkit-scrollbar { width: 10px; } ::-webkit-scrollbar-thumb { width: 5px; background-color: #aaa; border-radius: 3px; } ::-webkit-scrollbar-thumb:hover { background-color: #777; } #leader-holder .team-score { width: 30px; font-family:Merienda One; transition: 0.4s; text-align: center; cursor: pointer; display: inline-block; padding: 30px 18px; color: WhiteSmoke; position: relative; border-bottom: 1px solid black; } #leader-holder { background-color: rgb(245, 245, 245); margin: 5px auto; padding-left: 35px; } .lead-img { width: 30px; border: 2px solid rgba(189, 178, 151,0.2); border-radius: 30px; left: 5px; top: 10px; padding-bottom: 0; position: absolute; box-shadow: 2px 2px 4px 1px rgba(0,0,0,0.1); } .lead-text { position: absolute; top: 20px; right: 10px; text-align: center; text-shadow: 1px 1px black; } .question { font-size: 20px; font-family:Quicksand; list-style-type: circle; margin:0px 50px; font-weight:700; } .answer { font-style: italic; font-family:Quicksand; list-style-type: circle; font-size: 20px; margin:0px 50px; } .link { color: blue; text-decoration: none; position: relative; } .link::before { content: ""; width: 100%; height: 1.5px; position: absolute; bottom: 0; background-color: blue; transform: scaleX(0); visibility: hidden; transition: .5s; } .link:hover::before { visibility: visible; transform: scaleX(1); } .link:hover { background: black; -webkit-background-clip: text; } #resources li{ margin: 0px 50px; padding: 5px; list-style-type: circle; font-family:Quicksand; } #Welcome{ width:600; height:600; position:fixed; left:0px; top:0px; background-color:SeaGreen; background-image: radial-gradient(circle, rgb(50,50,50,0) 60%,rgb(50,50,50,1)); } </style> </head> <body> <!-- Navigation --> <header> <nav> <ul class="nav"> <li class="nav-item" title = "Home"> <a href="javascript:switchPage(1);"><span class="material-icons"></span></a> </li> <li class="nav-item" title = "Join"> <a href="javascript:switchPage(2);"><span class="material-icons"></span></a> </li> <li class="nav-item" title = "Participants"> <a href="javascript:switchPage(3);"><span class="material-icons"></span></a> </li> <li class="nav-item" title = "Challenges"> <a href="javascript:switchPage(4);"><span class="material-icons"></span></a> </li> <li class="nav-item" title = "Leaderboard"> <a href="javascript:switchPage(5);"><span class="material-icons"></span></a> </li> <li class="nav-item" title = "Q&A"> <a href="javascript:switchPage(6);"><span class="material-icons"></span></a> </li> <li class="nav-item" title = "Reference"> <a href="javascript:switchPage(7);"><span class="material-icons"></span></a> </li> </ul> </nav> </header> <main> <!-- Welcome page (0) ---> <section class='page' id = 'Welcome' > <h1 class = 'Title' style = 'color:white'>The Coding Olympics 2021</h1> <a href="javascript:switchPage(1);" style = 'background-color:WhiteSmoke; color:rgb(56, 99, 74);'id = 'continue'>Explore</a> <br><br><br><br><br><br><br><br><br><br> </section> <!--- Home page (1) --> <section class='page'> <h1 class = 'header'>Home</h1> <p>Hello, this is Timothy and Liam K., General Managers of the Coding Olympics. We would like to welcome you to join a coding competition that will last approximately six weeks, similiar to Primavera. It will be held from July 12th to August 21st, and will be filled with coding challenges suited for beginners and experts alike! </p> <ul> <li class='left'> <h2>Teamwork</h2> <p>Improve your coding skills while working with a team made up of coders of all skill levels, from experts to beginners, who are all more than happy to help you out!</p> </li> <li class='right'> <h2>Competition</h2> <p>Face off against 7 other teams. Will your team be crowned the 2021 champion? Or will you gather the most points and be crowned individual gold medalist.</p> </li> <li class='left'> <h2>Learning</h2> <p>Each round will encourage you to learn new methods of coding, with detailed tutorials to help you comprehend and apply your knowledge to a winning program.</p> </li> <li class='right'> <h2>Memories</h2> <p>You will create new memories with your teammates, through winning your bracket, making collab friends, or cruising to a victory.</p> </li> </ul> </section> <!--- Join page (2) ---> <section class='page'> <h1 class='header'>Join (closed)</h1> <h2 class='h2'>Who?</h2> <p>Joining is open to everyone, from beginners to experts. In fact, beginners are encouraged to join. Many coders went from complete beginners to awesome programmers by competing last year, so join up. We will also need intermediate and advanced coders to help lead each team to victory. This competition is perfect for those that:</p> <ul class = 'joinlist'> <li>Missed Primavera and would like to compete </li> <li>Loved Primavera and are sad that it is over</li> <li>Are complete beginners and want to learn</li> <li>Everyone basically!</li> </ul> <h2 class='h2'>Requirements</h2> <p>As said before, coding skill level is <em>NOT</em> a requirement. Activity however is a big requirement. We ask only that those who join try their best to stay active throughout the entire contest. This means trying to put in 60 - 90 minutes, or even more, of coding a day. </p> <h2 class='h2'>Form</h2> <p>The form has 2 parts: <ol> <li>Your coding level, try to pick the one that you think best fits you. Note: we might slightly adjust this for you.</li> <br> <li>Your coding specialty. This is what you think you are best at. It could be HTML, graphics, gameplay, or anything you think is right.</li> </ol> <div id='yourTeam' style ="background-image:linear-gradient(to right,rgba(255,255,255,0),rgba(230,230,230,255),rgba(255,255,255,0));"></div> <p id ='doneJoining'></p> <div id='form'> <form action = 'javascript:validateForm();' method="get"> <label for="level">Coding Level</label><br> <select id="level" name="level"> <option value="1">Beginner</option> <option value="2">Intermediate</option> <option value="3">Advanced</option> <option value="4">Expert</option> </select><br> <label for="specialty">Specialty</label><br> <input type="text" id="specialty" name="specialty"><br> <input type="submit" id = "submitbutton"> </form> </div> </section> <!-- Participants page (3) --> <section class = 'page'> <h1 class = 'header'>Participants</h1> <table > <thead> <tr> <th> <a class ='link' href='javascript:sortByTeam();'>Team</a></th> <th><a class ='link' href="javascript:sortByName();">Name</a></th> <th><a class ='link' href='javascript:sortByLevel();'>Level</a></th> <th><a class ='link' href ='javascript:sortByPoints();'>Points</a></th> </tr> </thead> <tbody id = "participants"> </tbody> </table> </section> <!-- Challenges page (4) ---> <section class = 'page' id='challenges'> <h1 class = 'header'>Challenges</h1> <div class='flex-container'> <a class = 'flex-item' href="javascript:switchPage(8);"> <h3>Homepage Challenge</h3> <img src="https://www.khanacademy.org/computer-programming/homepage-challengepng/5878552790515712/latest.png" alt='challenge thumbnail'> </a> <a class = 'flex-item' href="javascript:switchPage(9);"> <h3>Challenge 1</h3> <img src="https://www.khanacademy.org/computer-programming/challenge-1png/6176445973872640/latest.png" alt='challenge thumbnail'> </a> <a class = 'flex-item' href="javascript:switchPage(10);" > <h3>Challenge 2</h3> <img src="https://www.khanacademy.org/computer-programming/challenge-2png/6198149467029504/latest.png" alt='challenge thumbnail'> </a> <a class = 'flex-item' href="javascript:switchPage(11);" id='current'> <h3>Challenge 3</h3> <img src="https://www.khanacademy.org/computer-programming/challenge-3/6186484797227008/latest.png" alt='challenge thumbnail'> <h4>Current Challenge</h4> </a> </div> </section> <!-- Leaderboard page (5) ---> <section class='page' id="leaderboard"> <h1 class = 'header'>Leaderboard</h1> <div id = "leader-holder"></div> </section> <!-- FAQ Page (6) ---> <section class='page' id="faqs"> <h1 class = 'header'>FAQs</h1> <ul> <li class = "question">Q: How long will TCO last.</li><br> <li class = "answer">A: The coding contest will last approximately 6 weeks. </li> <br><br> <li class = "question">Q: I do not know what level I am, how should I figure that out?</li><br> <li class = "answer">What ever you feel most comfortable with. If you are very new to coding, then probably a beginner or intermediate. If you have been around for a long time, or completed all of intro to js, then perhaps advanced or expert.</li> <br><br> <li class = "question">Q: Can I start work on my homepage now?</li><br> <li class = "answer">Yes, it is encouraged that you start work as soon as possible. However, you may not reuse code created before July 12th.</li> <br><br> <li class = "question">Q: Will the judges shuffle the teams around a little bit?</li><br> <li class = "answer">A: One of the judges may ask you to move to another team if you edit the join codes, or the judges feel like one team is too stacked. This is strictly to make the competition fair and more fun for all parties involved.</li> <br><br> <li class = "question">Q: Can I switch Teams?</li><br> <li class = "answer">A: Before the contest starts you may switch teams, <em>if and only if</em> you go through the joining form again. Then delete your original join code. Changing your join code is NOT allowed.</li> <br><br> <li class = "question">Q: How do you get bonus points?</li><br> <li class = "answer">A: Bonus points are given participants who place top in each Level. First place will receive 2 bonus points, and Second place will receive 1 bonus point. If there is a tie for First or Second each party will receive the stated number of bonus points.</li> <br><br> <li class = "question">Q: Do I have to make my team's avatar my avatar?</li><br> <li class = "answer">A: Only if you want to. We are not going to require anyone to change their avatar. </li> <br><br> <li class = "question">Q: I have a question that wasn't answered here.</li><br> <li class = "answer">A: Ask us in the Questions section. We'll try to get back to you ASAP. </li> </ul> </section> <!-- Recources page (7) --> <section class='page' id="resources"> <h1 class = 'header'>Resources</h1> <h2 class = 'h2'>Programming Tutorials:</h2> <ul> <li><a href="https://www.khanacademy.org/cs/oop/6313128461484032" target='_blank' class="link">OOP tutorial</a></li> <li><a href="https://www.khanacademy.org/cs/scenes/5761574507528192" target='_blank'class="link">Scene changes</a></li> <li><a href="https://www.khanacademy.org/cs/arrays/6570193466769408" target='_blank'class="link">Arrays</a></li> <li><a target='_blank' href="https://www.khanacademy.org/cs/collisions/6645400269307904" class="link">Collisions</a></li> <li><a target='_blank' href="https://www.khanacademy.org/cs/camera/4964199985332224" class="link">Complex Camera</a></li> <li><a href="https://www.khanacademy.org/cs/primavera/4670814474698752" class="link">Primavera's Documentation</a></li> <li><a target='_blank'href="https://www.khanacademy.org/computer-programming/for-no-name/5005884090564608" class="link">Gradient Tutorial</a></li> </ul> <h2 class = 'h2'>KA Programming Courses:</h2> <ul> <li><a target='_blank' href="https://www.khanacademy.org/computing/cs/programming" class="link">Intro to JS: Drawing & Animation</a></li> <li><a target='_blank' href="https://www.khanacademy.org/computing/cs/html-css" class="link">Intro to HTML/CSS: Making webpages</a></li> <li><a target='_blank' href="https://www.khanacademy.org/computing/cs/programming-games-visualizations" class="link">Advanced JS: Games & Visualizations</a></li> <li><a href="https://www.khanacademy.org/computing/cs/programming-natural-simulations" class="link">Advanced JS: Natural Simulations</a></li> <li><a target='_blank' href="https://www.khanacademy.org/computing/cs/html-css-js" class="link">HTML/JS: Making webpages interactive</a></li> <li><a target='_blank' href="https://www.khanacademy.org/computing/cs/html-js-jquery" class="link">HTML/JS: Making webpages interactive with jQuery</a></li> </ul> </section> <!--- other pages below ---> <!-- Challenge pages --> <section class = 'page' id='homepage challenge'> <h1 class = 'challenge-head'>Homepage Challenge</h1> <h2 class='challenge-h2'>Description</h2> <p>What is a team without a leader, or a homebase? This challenge not only pits you against other teams, but your own teammates. Compete to see who can create the best homepage that best fits your team. Each team will have a winning entry, and its creator will become team captain. The 3 best homepages will earn their respective teams 10, 15 or 20 points. </p> <h2 class='challenge-h2'>FAQs</h2> <p><strong>Q.</strong> Can anyone win, or just the more advanced programmers on my team? I dont know if I want to compete if my entry doesn't have a shot at winning.</p> <p><strong>A.</strong> Yes! Anyone from a beginner to an expert has the chance to lead their team to victory.</p> <p><strong>Q.</strong> Can my entry be in HTML, or does it have to be PJS.</p> <p><strong>A.</strong> PJS and html, or even SQL programs are accepted. Primavera had a healthy mix of both, so feel free to go wild. </p> <h2 class='challenge-h2'>Dates</h2> <p>July 12 - July 19</p> <br> <a id='continue' href="javascript:switchPage(4);">Return</a> </section> <section class = 'page' id='challenge 2'> <h1 class = 'challenge-head'>Awesome Animations</h1> <h2 class='challenge-h2'>Description</h2> <p>Use P.JS or HTML to create an animated masterpiece. Use the draw function, or @keyframes to spice up your programs. Be it big or small, all entries need to have something animated. Whatever you choose to do, have fun! </p> <h2 class='challenge-h2'>FAQs</h2> <p><strong>Q.</strong> I do graphics not games. How can I enter into this challenge?</p> <p><strong>A.</strong> You could add a small animation to your graphic. It could be as simple as a particle affect, or you could go full Gray Wolf and animate the entire thing.</p> <p><strong>Q.</strong> Do games count as 'animated'?</p> <p><strong>A.</strong> Yes. If it includes the draw function, and has moving parts it it considered animated. However, your entry will likely score higher the more animations you include.</p> <br> <h2 class='challenge-h2'>Dates</h2> <p>July 19 - July 26</p> <a id='continue' href="javascript:switchPage(4);">Return</a> </section> <section class = 'page' id='challenge 3'> <h1 class = 'challenge-head'>OOP</h1> <h2 class='challenge-h2'>Description</h2> <p> In this challenge, we ask you to use object oriented programming in your programs. Not sure how you do this? Khan Academy has a great tutorial <a href='https://www.khanacademy.org/computing/computer-programming/programming#object-oriented' target='_blank'>here</a>!</p> <h2 class='challenge-h2'>FAQs</h2> <p><strong>Q.</strong> Do I have to use OOP?</p> <p><strong>A.</strong> Since we are not technically judging your entries based on the theme, you will not lose any points if you don't use OOP. However, we would really like it if you did try to include OOP into your program.</p> <br> <p><strong>Q.</strong> Can I enter more than one project?</p> <p><strong>A.</strong> No. To make things as fair as possible, we will only be allowing one entry per contestant. Sorry if this was unclear on the last challenge. If you entered more than one entry last round, don't stress about it, you will not be docked any points.</p> <br> <h2 class='challenge-h2'>Dates</h2> <p>July 26 - August 11</p> <a id='continue' href="javascript:switchPage(4);">Return</a> </section> <section class = 'page' id='challenge 4'> <h1 class = 'challenge-head'>HTML</h1> <h2 class='challenge-h2'>Description</h2> <p>Designing webpages is one of the most applicable aspects of KACP. Combine html, css styling, and javascript libraries into a singular, amazing, webpage.</p> <h2 class='challenge-h2'>FAQs</h2> <p><strong>Q.</strong> Do I have to use HTML?</p> <p><strong>A.</strong> Since we are not technically judging your entries based on the theme, you will not lose any points if you don't use HTML. However, we would really like it if you did try to include HTML into your program.</p> <br> <p><strong>Q.</strong> Do html programs score as high as pjs?</p> <p><strong>A.</strong> Yes, sometimes even better! Of the top three winning projects in the homepage challenge, all were webpages, and all scored over 8.</p> <br> <h2 class='challenge-h2'>Dates</h2> <p>August 11 - August 23</p> <a id='continue' href="javascript:switchPage(4);">Return</a> </section> <section class = 'page' id='challenge 5'> <h1 class = 'challenge-head'>Challenge 5</h1> <h2 class='challenge-h2'>Description</h2> <p>TBA </p> <h2 class='challenge-h2'>FAQs</h2> <p><strong>Q.</strong> TBA</p> <p><strong>A.</strong> TBA</p> <br> <h2 class='challenge-h2'>Dates</h2> <p>TBA</p> <a id='continue' href="javascript:switchPage(4);">Return</a> </section> <section class = 'page' id='challenge 6'> <h1 class = 'challenge-head'>Challenge 6</h1> <h2 class='challenge-h2'>Description</h2> <p>TBA </p> <h2 class='challenge-h2'>FAQs</h2> <p><strong>Q.</strong> TBA</p> <p><strong>A.</strong> TBA</p> <br> <h2 class='challenge-h2'>Dates</h2> <p>TBA</p> <a id='continue' href="javascript:switchPage(4);">Return</a> </section > <section class = 'page'> <h1 class = 'header'>Judges tools</h1> <p>Note: Things will probably copy to your clipboard. just use ctrl+v. This is my attempt to make judging easier. Farther instructions will be given.</p> <a id = 'makeList'class ='link' href='javascript:createParticipantsList();'>Make a list of contestants</a> </section> </main> <!-- Scene change script--> <script> //Handles the hiding/showing of pages var switchPage = function(index) { var pages = document.getElementsByClassName("page"); //Hide all pages document.querySelectorAll('.page').forEach(function(p) { p.style.display = 'none'; }) if(index === 0){ document.querySelectorAll('.nav').forEach(function(p) { p.style.display = 'none'; }) } else{ document.querySelectorAll('.nav').forEach(function(p) { p.style.display = 'block'; }) } //show the current page pages[index].style.display = "block"; //Remove active class from all nav items document.querySelectorAll('.nav-item').forEach(function(n) { n.classList.remove('active'); }) //Add active class for the current page document.getElementsByClassName("nav-item")[index-1].classList.add('active'); window.scrollTo({ top: 0, behavior: 'smooth' }); }; //Display the home page when the site loads switchPage(0); </script> <!-- Create an object of participants--> <script> var participants = { kaid_398690725914634088897035:{ name:'Little_Grey_Wolf', points:10.4, team:'Gray Leaf' }, kaid_4292237953503694138477872:{ name:"Rickk", points:10.2, team:"Yellow Leaf" }, kaid_848299829863879873999758:{ name:"<Insert Name Here>", points:14.2, team:"Green Leaf" }, kaid_1202493123046708478790993:{ name:"Plourde27", points:7.6, team:"Purple Leaf" }, kaid_1072768329285718915349513:{ name:"Sax Man #MyTeamFTW", points:20.400000000000002, team:"Blue Leaf" }, kaid_1077077685654678878412920:{ name:"Virtuosa", points:22.3, team:"Cyan Leaf" }, kaid_1098732080926856236545461:{ name:"j.s. coder", points:32.9, team:"Cyan Leaf" }, kaid_1118387647375615687087981:{ name:"Ⲧⲏⲉ_Ⲣⲁꞅⲁⲇⲟⲭ", points:20.25, team:"Red Leaf" }, kaid_1142782419410596302482033:{ name:"Sar #BringbackBackgrounds", points:0, team:"Red Leaf" }, kaid_1144164788685897752392805:{ name:"🏀🦉Athena🦉🏀", points:0, team:"Gray Leaf" }, kaid_1145785379252103102961623:{ name:"ꪀ꠸ᧁꫝꪻ᭙ꪖꪜꫀᦓ", points:0, team:"Yellow Leaf" }, kaid_1150482214735950166694957:{ name:"stuff", points:10.683333333333334, team:"Orange Leaf" }, kaid_1161636173501911064328685:{ name:"Paperwad #purple", points:27.2, team:"Purple Leaf" }, kaid_1172711673134691260881313:{ name:"CУБΞЯЩФLF #BlueLeafFTW", points:0, team:"Blue Leaf" }, kaid_1177140675839664185993443:{ name:"Falconer3 ₮he ⋐ool ↁude", points:0, team:"Yellow Leaf" }, kaid_1182451884224548385833954:{ name:"mireille", points:17.91, team:"Gray Leaf" }, kaid_1186999891368828698495082:{ name:"★ÃǪǗÃĹĮŇẸŘ - 87★#YellowFTW", points:3.4, team:"Yellow Leaf" }, kaid_1199745294622440867727065:{ name:"FireHawk360", points:0, team:"Green Leaf" }, kaid_1203892401328020435206185:{ name:"Ͼαs϶Υ #YL", points:0, team:"Yellow Leaf" }, kaid_127763080010332907536767:{ name:"Powerledge", points:6.35, team:"Green Leaf" }, kaid_139401608167450474654053:{ name:"CreativeHedgehog", points:21.6, team:"Red Leaf" }, kaid_157697076862987796014963:{ name:"RazzRa¢k", points:5.35, team:"Purple Leaf" }, kaid_160402174404349260247906:{ name:"CoolAnnaBanana #TeamRedLeaf", points:0, team:"Red Leaf" }, kaid_168796436245073412432571:{ name:"TotallyAwesomeGuy #RL", points:8.725000000000001, team:"Red Leaf" }, kaid_171325869999745991736082:{ name:":/", points:17.4, team:"Gray Leaf" }, kaid_174620599098233073374167:{ name:"ÐoɠIovɛɼ", points:11.8, team:"Yellow Leaf" }, kaid_175970809041154734976749:{ name:"_genericsliceofcheese", points:0, team:"Orange Leaf" }, kaid_178390400039327594393286:{ name:"Poison Sword Programming #GreenLeafFTW!!", points:4.4, team:"Green Leaf" }, kaid_19721081897200672399859:{ name:"21262", points:17.8, team:"Green Leaf" }, kaid_201004688821985122537481:{ name:"ŁąƶƹřŁƹǥƹɲȡ ¥ ȿ #apex", points:0, team:"Purple Leaf" }, kaid_213141271166432287778949:{ name:"ℤ𝕒𝕪𝕕𝕖𝕟 𝔻𝕒𝕣𝕜", points:0, team:"Orange Leaf" }, kaid_21815918665385404677508:{ name:"Ace", points:21.35, team:"Orange Leaf" }, kaid_220177803434047925387028:{ name:"Red Rabbit", points:3.65, team:"Orange Leaf" }, kaid_220738795406623058862312:{ name:"The Blackhole Coder(TEAM GRAY LEAF)", points:5.449999999999999, team:"Gray Leaf" }, kaid_22103396394112697712344:{ name:"SapphireProgrammer", points:14.200000000000001, team:"Cyan Leaf" }, kaid_226836321143458275933674:{ name:"Kendra", points:0, team:"Purple Leaf" }, kaid_227233018214485842703018:{ name:"Thunderstorm", points:0, team:"Yellow Leaf" }, kaid_227415003106302775094458:{ name:"sʇıqqɐᴚǝɥ⊥ǝʌɐS", points:0, team:"Green Leaf" }, kaid_2397261417527425810856070:{ name:"GolferGirl2020 #AddBackBackgrounds", points:0, team:"Yellow Leaf" }, kaid_241008979533732906590818:{ name:"Abdullah", points:3.7, team:"Green Leaf" }, kaid_248055921724121733187865:{ name:"IWant2ThrowAChair", points:0, team:"Blue Leaf" }, kaid_248873510753518127478636:{ name:"TrulyGoodKid", points:3.9, team:"Gray Leaf" }, kaid_257420950261792688494163:{ name:"CameraBugAFM", points:0, team:"Green Leaf" }, kaid_293943261694187284432995:{ name:"Karl Michel", points:0, team:"Yellow Leaf" }, kaid_311147194374513872716723:{ name:"wr", points:0, team:"Blue Leaf" }, kaid_3115439514221763337893373:{ name:"Coder Guy", points:0, team:"Orange Leaf" }, kaid_324052261470784810603731:{ name:"𝕭𝖆𝖙𝖒𝖆𝖓2.0 #RedLeaf", points:0, team:"Red Leaf" }, kaid_3249528405559782948180431:{ name:"Loading...#cyanleaf ftw", points:2.9, team:"Cyan Leaf" }, kaid_3257668843065163223435140:{ name:"~ButterflyDaAmazing~ #orangeleaf", points:3.9, team:"Orange Leaf" }, kaid_327391748191379359037953:{ name:"TheDoughSmith#frostine", points:12.6, team:"Cyan Leaf" }, kaid_336884561727810616466311:{ name:"Mindque Blast(GO TEAM GRAY LEAF)", points:26.885, team:"Gray Leaf" }, kaid_33887516541476664054908:{ name:"Momo🌸", points:0, team:"Red Leaf" }, kaid_341286534728748342670323:{ name:"₵Ⱨł₵₭Ɇ₦ ₦Ʉ₲ ₦Ʉ₲", points:7.4, team:"Cyan Leaf" }, kaid_343744285298618744329896:{ name:"DauntlessStudios", points:26.9, team:"Yellow Leaf" }, kaid_344708649295261897328120:{ name:"ElleBanna#save Oh Noes", points:0, team:"Cyan Leaf" }, kaid_3474636344337119507631225:{ name:"ʟɛʋɨ #orangeleaf", points:0, team:"Orange Leaf" }, kaid_348820525863279529076336:{ name:"Panda Bear {Team Blue Leaf}", points:2.3, team:"Blue Leaf" }, kaid_3625391900429892923499026:{ name:"JK Animation Studios#orangeleaf", points:0, team:"Orange Leaf" }, kaid_363667774724785949031034:{ name:"CoraL", points:13.8, team:"Red Leaf" }, kaid_368807217514435885544200:{ name:"Cool Coding", points:0, team:"Red Leaf" }, kaid_3902988618718040904060736:{ name:"TheGreenThing", points:25.05, team:"Purple Leaf" }, kaid_4396958912350806871122784:{ name:"Tyler Lawson", points:0, team:"Purple Leaf" }, kaid_441011519317998437116730:{ name:"Gray Phantom", points:15, team:"Green Leaf" }, kaid_44571398790888573672582:{ name:"Chase L.", points:0, team:"Yellow Leaf" }, kaid_4619101773301678250636296:{ name:"AMF", points:2.7, team:"Yellow Leaf" }, kaid_463361833285073454306737:{ name:"HippoPhileus #BringBackBackgrounds", points:0, team:"Cyan Leaf" }, kaid_464036545140493160818164:{ name:"Caige", points:6.15, team:"Green Leaf" }, kaid_4677589572490369100937585:{ name:"BrigDCoding #Team Red Leaf", points:2.75, team:"Red Leaf" }, kaid_490733484445561441832728:{ name:"𝕊𝕡𝕒𝕣𝕜𝕝𝕖 𝕎𝕠𝕝𝕗", points:11.3, team:"Yellow Leaf" }, kaid_491714214227624749415236:{ name:"PagaSaur", points:10.45, team:"Orange Leaf" }, kaid_51339589643237903664373:{ name:"Μɑɠɱɑ", points:30.39, team:"Blue Leaf" }, kaid_521849530378652831670669:{ name:"AI Programmer #Team Gray Leaf", points:29.805, team:"Gray Leaf" }, kaid_5431427212391178732009387:{ name:"𝔅𝔩𝔞𝔡𝔢𝔰𝔪𝔦𝔱𝔥", points:0, team:"Cyan Leaf" }, kaid_5452973877287773561740515:{ name:"roggy ron", points:0, team:"Gray Leaf" }, kaid_546205135843777431062822:{ name:"Jar-Jar-Binks #BL FTW", points:15.499999999999998, team:"Blue Leaf" }, kaid_553656479258879622339276:{ name:"LeaferStudios", points:11.625, team:"Orange Leaf" }, kaid_558396965147481049975123:{ name:"Pizzarg", points:2.75, team:"Purple Leaf" }, kaid_570061362357369403226832:{ name:"DMR42#TeamHydroftw", points:0, team:"Cyan Leaf" }, kaid_571183620834508597539982:{ name:"OwlMasterStudios", points:4.6, team:"Blue Leaf" }, kaid_577752479830783640256937:{ name:"ButteredCorn", points:2.0125, team:"Red Leaf" }, kaid_581653165173668356315172:{ name:"pudding 🌻", points:15.55, team:"Orange Leaf" }, kaid_604185015553843455987612:{ name:"sgh07#redLeaf", points:0, team:"Red Leaf" }, kaid_6124248961738102959071776:{ name:"ℂ𝕙𝕣𝕚𝕤 𝘚tudios", points:18.825, team:"Red Leaf" }, kaid_614673500784355244651565:{ name:"Eᴍᴀᴀɴ (BIO)", points:0, team:"Orange Leaf" }, kaid_61746486790130432968281:{ name:"littlewhinging (LW)", points:20.4, team:"Orange Leaf" }, kaid_636668571008392362009389:{ name:"ΓPG.PӨƬIӨП # GRAY LEAF", points:2.3, team:"Gray Leaf" }, kaid_637598866971821730083293:{ name:"Kai H. ₮he ⋐ool ↁude #GrayLeafFTW", points:0, team:"Gray Leaf" }, kaid_686403727677926180646100:{ name:"Dark Starky Programming", points:0, team:"Yellow Leaf" }, kaid_693661413396782522804495:{ name:"Kopter Coding #GreenLeafFTW", points:27, team:"Green Leaf" }, kaid_6997819257576265843993258:{ name:"AGnawKneeMouse Coder #CyanLeafFTW!!!", points:25.5, team:"Cyan Leaf" }, kaid_723721824958885939207214:{ name:"ʟᴘ тнe code gυy", points:0, team:"Gray Leaf" }, kaid_731859500478059353240442:{ name:"Ethan Kim", points:0, team:"Orange Leaf" }, kaid_735009445265260366483035:{ name:"✶Aleena!✶", points:0, team:"Blue Leaf" }, kaid_735300374035035788697113:{ name:"TBNRBeast", points:0, team:"Purple Leaf" }, kaid_736607703047525558741282:{ name:"Henry", points:32.1, team:"Green Leaf" }, kaid_749267557528533587532131:{ name:"bobthebuilder", points:0, team:"Gray Leaf" }, kaid_753421057607052800722151:{ name:"SydtheDolphin", points:3.9, team:"Blue Leaf" }, kaid_778187702965680607319729:{ name:"Alan", points:6.9, team:"Blue Leaf" }, kaid_803271014683449129683347:{ name:"Naruto Uzumaki #Team Gray Leaf", points:0, team:"Gray Leaf" }, kaid_83088212441262817523004:{ name:"Aadi Dekate", points:3.85, team:"Purple Leaf" }, kaid_831209027727497841995714:{ name:"spidy man #teamyellowleaf", points:0, team:"Yellow Leaf" }, kaid_8345040057281136994412:{ name:"Sunny Starlight ッ", points:0, team:"Yellow Leaf" }, kaid_835329542657223768108954:{ name:"Beplo!? Studios", points:5, team:"Purple Leaf" }, kaid_836535391474182171369975:{ name:"JYS", points:0, team:"Orange Leaf" }, kaid_838836130659786741993223:{ name:"CowboysFan232 Creations", points:15.3, team:"Cyan Leaf" }, kaid_85325869327787550009391:{ name:"MY NAME MR. CHEESE.", points:0, team:"Purple Leaf" }, kaid_85396188625172320741743:{ name:"LC[Vortan]#vortanFTW", points:27.15, team:"Blue Leaf" }, kaid_863279852685344051396526:{ name:"DeShiny", points:7.27, team:"Blue Leaf" }, kaid_865023068075289680724929:{ name:"nikees7676", points:0, team:"Green Leaf" }, kaid_870128532626617952019875:{ name:"Psychic 𝓕𝓞𝓧 Productions", points:0, team:"Gray Leaf" }, kaid_876906429087028124835760:{ name:"Viper", points:0, team:"Orange Leaf" }, kaid_885046597536516831107286:{ name:"PiCera", points:2.5, team:"Cyan Leaf" }, kaid_888775785630923222370045:{ name:"Roar kitty", points:14.4, team:"Purple Leaf" }, kaid_890328369205205180299809:{ name:"ami-ari", points:24.9, team:"Cyan Leaf" }, kaid_897209010946324649080161:{ name:"★꒒꒐ꍌꁝ꓄★#GreenLeafFTW", points:0, team:"Green Leaf" }, kaid_909848725269862053474070:{ name:"Codemaster", points:0, team:"Blue Leaf" }, kaid_9114276572663636517734517:{ name:"Cool Coder 😎 #TeamOrangeLeaf", points:11.3, team:"Orange Leaf" }, kaid_912900830920497998470718:{ name:"TheNerdThatDoesCoolStuff [BLUE LEAF]", points:9.3, team:"Blue Leaf" }, kaid_915588923932683657551651:{ name:"BlackFire #CleanSeas", points:0, team:"Green Leaf" }, kaid_925656587723413701720813:{ name:"Kaitlyn Ford", points:0, team:"Red Leaf" }, kaid_92865676327486453835087:{ name:"PhantomFan12", points:8.9, team:"Cyan Leaf" }, kaid_932881106508806615616187:{ name:"Poison Ivy", points:3.3, team:"Purple Leaf" }, kaid_938320483985957750410315:{ name:"HTM17899", points:0, team:"Purple Leaf" }, kaid_954015754830226950405412:{ name:"TomBradyFan", points:0, team:"Green Leaf" }, kaid_988411186401701354116585:{ name:"BrenErso", points:23.35, team:"Green Leaf" }, kaid_997742609203000277959447:{ name:"QuasarBlast", points:0, team:"Cyan Leaf" }, kaid_999404361272366836076880:{ name:"JMR01142008", points:0, team:"Cyan Leaf" }, kaid_652094643924698838184407:{ name:"Sabertooth(⌐■_■)#GreenLeafFTW", points:0, team:"Green Leaf" }, kaid_333963586214670404257372:{ name:"Ellis", points:3.2249999999999996, team:"Purple Leaf" }, kaid_568632072704450968663200:{ name:"ㄥㄩҜ乇丂卄ᗪ山ッ", points:0, team:"Gray Leaf" }, kaid_1181183286923111236554257:{ name:"aquagirl272", points:0, team:"Green Leaf" }, kaid_728514641729495075218217:{ name:"CanonRouge24", points:11.6, team:"Orange Leaf" }, kaid_1042098132686409870152592:{ name:"CodeEngineer #YellowLeafFTW", points:26.6, team:"Yellow Leaf" }, kaid_283963410088246895625872:{ name:"Zushah", points:0, team:"Purple Leaf" }, kaid_632250160684917867690509:{ name:"Ł Ĩ⩜ϻ ₮he ⋐ool ↁude", points:8.2, team:"Blue Leaf" }, kaid_408077911524921412929653:{ name:"TheDreamGirl", points:17.25, team:"Green Leaf" }, kaid_676606466824519993549226:{ name:"Subtraction", points:0, team:"Gray Leaf" }, kaid_782456381077327580037335:{ name:"𝐌𝐮𝐥𝐭𝐢𝐯𝐞𝐫𝐬𝐞", points:24.35, team:"Purple Leaf" }, kaid_147801015245803570035686:{ name:"unKnown#GLFTW", points:2.15, team:"Green Leaf" }, kaid_223059544817452313059171:{ name:"panther(￣_,￣ )gray leaf", points:0, team:"Gray Leaf" }, kaid_39139942234684826012211:{ name:"🌀Cøder'𝔰 DigƐst ٩11🌀", points:5.85, team:"Red Leaf" }, kaid_1180306238117306071756587:{ name:"ϟ†αɼĻɩǥḥ† G-M (🌟)", points:0, team:"Gray Leaf" }, kaid_371333582556762967898630:{ name:"gemstones16", points:20.4, team:"Cyan Leaf" }, kaid_1068848911359018575054982:{ name:"Artemis", points:24.4, team:"Blue Leaf" }, kaid_515330779220339720137742:{ name:"TheOneSeal", points:0, team:"Purple Leaf" }, kaid_1123355957566776378100477:{ name:"GDB", points:7.5, team:"Red Leaf" }, kaid_749917177419637565222232:{ name:"ℳℹ₡ℍ₳Ξℐ_ƊƠⅤƐƦ", points:0, team:"Purple Leaf" }, kaid_11595490953998663889451:{ name:"ckbaggins #YellowLeaf", points:7, team:"Yellow Leaf" }, kaid_560582362386235305197391:{ name:"Deeep #Team🍁", points:0, team:"Red Leaf" }, kaid_1013407408635137829868294:{ name:"вℓαzιиg мєтєσя", points:0, team:"Orange Leaf" }, kaid_254874366276367664019592:{ name:"Golden Orange #TeamOrangeLeaf", points:15, team:"Orange Leaf" }, kaid_212007320688119514439801:{ name:"NINJAAAAA #Red leaf", points:0, team:"Red Leaf" }, kaid_962664593607402542726800:{ name:"BlackMambaFang", points:4.8, team:"Yellow Leaf" }, kaid_316582545582561029284805:{ name:"windawine", points:14.399999999999999, team:"Cyan Leaf" }, kaid_523988888981336150053758:{ name:"The Multiverse Hero", points:0, team:"Red Leaf" }, kaid_73656865894951272751214:{ name:"Boazon (soon to be inactive)", points:6.025, team:"Gray Leaf" }, kaid_261273241200851538661952:{ name:"Eli Team🍁", points:0, team:"Red Leaf" }, kaid_502039691374642590839458:{ name:"Levi", points:14.8, team:"Purple Leaf" }, kaid_937207225931348463537230:{ name:"Amitoj S #PurpleLeaf", points:3.4000000000000004, team:"Purple Leaf" }, kaid_398337928874950633427602:{ name:"AndrewF08", points:0, team:"Yellow Leaf" }, kaid_1047850145173767920841145:{ name:"Triumvirate Softworks", points:0, team:"Cyan Leaf" }, kaid_659800661397715681487277:{ name:"Samwise #JesusIsKing", points:7.8, team:"Cyan Leaf" }, kaid_574576985099042639713735:{ name:"Galaxy Ranger #TeamDracko", points:0, team:"Blue Leaf" }, kaid_1154872903874181478994729:{ name:"AEYandell", points:18.5, team:"Blue Leaf" }, kaid_1112279572017452692208390:{ name:"Crystal Coding #Red Leaf FTW", points:0, team:"Red Leaf" }, kaid_652619832726543125878883:{ name:"6ProUp4 #CacteyeArmy", points:0, team:"Cyan Leaf" }, kaid_1140468037740861634522242:{ name:"NHBubba#JesusIsKing", points:0, team:"Blue Leaf" }, kaid_183396682773276269128769:{ name:"Fade", points:0, team:"Cyan Leaf" }, kaid_1032245658252166961795925:{ name:"BirdySparrowCatcher", points:31.47, team:"Blue Leaf" }, kaid_1059692776362521321530641:{ name:"RubixArrow21", points:0, team:"Orange Leaf" }, kaid_1075322271131312408513109:{ name:"DC29", points:8.025, team:"Blue Leaf" }, kaid_1093474059067984365384674:{ name:"Crafter #YellowLeef", points:6.5, team:"Yellow Leaf" }, kaid_1105915718566268518646116:{ name:"Alex", points:20.34, team:"Blue Leaf" }, kaid_57704683150812924077033:{ name:"NL#Midsane!", points:15.9, team:"Yellow Leaf" }, kaid_1128557626705704656855875:{ name:"𝕽𝖆𝖎𝖓𝖇𝖔𝖜 𝕷𝖆𝖛𝖆", points:9.5, team:"Orange Leaf" }, }; var createParticipantsList = function(){ var str = ''; for(var i = 0; i < comments.length; i ++){ var c = comments[i]; str += comments[i][3]; str += ':{\n name:"'; str += comments[i][0]; str += '",\n points:0,\n team:"'+comments[i][1]+'"\n},\n' } copyStringToClipboard(str); document.getElementById('makeList').innerHTML = '<a>Copied! Add this to the participants object (second script tag)</a>' }; </script> <!-- Validate join form --> <script type> //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); } var donejoin = false; document.getElementById('form').innerHTML = "<h2>Sorry. Joining is closed.</h2?"; var validateForm = function(){ var lvl = document.getElementById('level').value; var spec = document.getElementById('specialty').value; if(!donejoin){ donejoin = true; var possibleTeams = [{name:'Red Leaf',npt:0},{name:'Orange Leaf',npt:0}, {name:'Yellow Leaf',npt:0},{name:'Green Leaf',npt:0},{name:'Blue Leaf',npt:0},{name:'Gray Leaf' ,npt:0},{name:'Cyan Leaf' ,npt:0},{name:'Purple Leaf' ,npt:0}]; var yourLevel = []; var numContestants = []; for(var i = 0; i < comments.length; i ++){ if(comments[i][2].toString() === lvl.toString()){ yourLevel.push(comments[i]); } } for(var i = 0; i < yourLevel.length; i ++){ var ind; switch(yourLevel[i][1]){ case 'Red Leaf': ind = 0; break; case 'Orange Leaf': ind = 1; break; case 'Yellow Leaf': ind = 2; break; case 'Green Leaf': ind = 3; break; case 'Blue Leaf': ind = 4; break; case 'Gray Leaf': ind = 5; break; case 'Cyan Leaf': ind = 6; break; case 'Purple Leaf': ind = 7; break; case 'Gray Leaf': ind = 8; break; } possibleTeams[ind].npt ++; } // Find the lowest participants with that level of any team var lowestParticipants = Infinity; for (var i = 0; i < possibleTeams.length; i++) { if (possibleTeams[i].npt < lowestParticipants) { lowestParticipants = possibleTeams[i].npt; } } // Find all the teams with that # participants and choose a random one possibleTeams = possibleTeams.filter(function(team) { return team.npt === lowestParticipants; }); var yourTeam = possibleTeams[Math.floor(Math.random() possibleTeams.length)].name; var str = '`~["", "'+yourTeam+'", '+lvl+']~`\n\n'+spec; copyStringToClipboard(str); var imgPath; switch(yourTeam){ case 'Red Leaf': imgPath = 'https://cdn.kastatic.org/images/avatars/svg/leaf-red.svg'; break; case 'Orange Leaf': imgPath = 'https://cdn.kastatic.org/images/avatars/svg/leaf-orange.svg'; break; case 'Yellow Leaf': imgPath = 'https://cdn.kastatic.org/images/avatars/svg/leaf-yellow.svg'; break; case 'Green Leaf': imgPath = 'https://cdn.kastatic.org/images/avatars/svg/leaf-green.svg';; break; case 'Blue Leaf': imgPath = 'https://cdn.kastatic.org/images/avatars/svg/leaf-blue.svg'; break; case 'Gray Leaf': imgPath = 'https://cdn.kastatic.org/images/avatars/svg/leaf-grey.svg'; break; case 'Cyan Leaf': imgPath = 'https://www.khanacademy.org/computer-programming/cyan-leaf/4513990392627200/latest.png'; break; case 'Purple Leaf': imgPath = 'https://www.khanacademy.org/computer-programming/purple-leaf/6659911293288448/latest.png'; break; } var p = document.createElement('P'); var txt = document.createTextNode('Awesome, your joining information has been copied to your clipboard. Go down to the Tips and Thanks, and hit ctrl + v to join the competition. You can then check in at your team chat to get to know your new team.') document.getElementById("yourTeam").innerHTML = "<p style='font-size:25px; text-align:center;'>Your team is:</p><img src= "+imgPath+" style = 'width:100px; margin:0px 250px; '> <p style='text-align:center; font-family:Merienda One; font-size:27px;'> Team "+ yourTeam +"</p>"; document.getElementById('form').innerHTML = ""; p.appendChild(txt); document.getElementById("doneJoining").appendChild(p); } }; </script> <!-- Load Comments --> <script> var comments = []; var at = 0; </script> <script> function createTable(){ var table = document.getElementById("participants"); table.innerHTML = "<tbody id = 'participants'></tbody>" // for(var i = 0; i < comments.length; i ++){ var row = document.createElement("tr"); for(var j = 0; j < comments[i].length-1; j ++){ var c = comments[i][j]; var td = document.createElement("td"); var textnode = document.createTextNode(c); if(j === 0){ textnode = document.createTextNode(''); var imgPath; switch(comments[i][1]){ case 'Red Leaf': imgPath = 'https://cdn.kastatic.org/images/avatars/svg/leaf-red.svg'; break; case 'Orange Leaf': imgPath = 'https://cdn.kastatic.org/images/avatars/svg/leaf-orange.svg'; break; case 'Yellow Leaf': imgPath = 'https://cdn.kastatic.org/images/avatars/svg/leaf-yellow.svg'; break; case 'Green Leaf': imgPath = 'https://cdn.kastatic.org/images/avatars/svg/leaf-green.svg';; break; case 'Blue Leaf': imgPath = 'https://cdn.kastatic.org/images/avatars/svg/leaf-blue.svg'; break; case 'Gray Leaf': imgPath = 'https://cdn.kastatic.org/images/avatars/svg/leaf-grey.svg'; break; case 'Cyan Leaf': imgPath = 'https://www.khanacademy.org/computer-programming/cyan-leaf/4513990392627200/latest.png'; break; case 'Purple Leaf': imgPath = 'https://www.khanacademy.org/computer-programming/purple-leaf/6659911293288448/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/'+comments[i][3]+'" target = "_blank" class="link" style="color:black;">'+comments[i][0].replace(/</g, "<").replace(/>/g, ">")+'</a>'; } if(j === 2){ switch(comments[i][2]){ case 1: textnode = document.createTextNode('Beginner'); break; case 2: textnode = document.createTextNode('Intermediate'); break; case 3: textnode = document.createTextNode('Advanced'); break; case 4: textnode = document.createTextNode('Expert'); break; } } if(j === 3){ textnode = document.createTextNode(Math.round(comments[i][4]10)/10); } td.appendChild(textnode); row.appendChild(td); } document.getElementById("participants").appendChild(row); } } </script> <script> var loadComments = function(){ $.getJSON("https://www.khanacademy.org/api/internal/discussions/scratchpad/6263429289426944/comments?limit=1000&callback=?", function(data){ var feedback = data['feedback']; var addComment = function(i) { var Data = feedback[i]; var cont = Data.content; if(cont.includes('~`')&&cont.includes('`~')){ var indices = []; for(var i = 0; i < cont.length; i ++){ if(cont[i] === '~'){ indices.push(i); } } cont = cont.substring(indices[0] + 1, indices[1]); //Code stolen above from IP to fix a type error var author = Data.authorNickname; var kaid = Data.authorKaid; cont = JSON.parse(cont); cont[0] = author; cont[3] = kaid; var add = true; /Anti mango code*/ for(var j = 0; j < comments.length; j ++){ if(author === comments[j][0]){ add = false; } else if(cont[3] === comments[j][3]){ add = false } } var teams ='Red Leaf,Orange Leaf,Yellow Leaf,Green Leaf,Blue Leaf,Cyan Leaf,Purple Leaf,Gray Leaf'.split(','); var ad = false; for(var k= 0;k < teams.length;k ++){ if(teams[k] === cont[1]){ ad = true; } } if(!ad){ add = false; } ad = false; var levels = [1,2,3,4] for(var k= 0;k < levels.length;k ++){ if(levels[k] === cont[2]){ ad = true; } } if(!ad){ add = false; } if(participants[kaid] !== undefined){ cont.push(participants[kaid].points); cont[1] = participants[kaid].team; if(add){ comments.push(cont); } } } }; function loop() { addComment(at); at++; if (at < feedback.length) { loop(); } }; loop(); comments.push('AGnawKneeMouseCoder','Cyan Leaf',3,'kaid_1072768329285718915349513',25.5) createTable(); }); }; loadComments(); </script> <!--- Teams and Leaderboard ---> <script> // just giving the teams a color var teamColors = ["darkRed", "darkGreen", "darkBlue", "darkGray", "darkOrange", "Yellow", "DarkCyan", "DarkOrchid"]; // array of team names, points, and colors var teams = [ { name: "Red Leaf", points: 10, img: "https://cdn.kastatic.org/third_party/javascript-khansrc/live-editor/build/images/avatars/leaf-red.png" }, { name: "Green Leaf", points: 0, img: "https://cdn.kastatic.org/third_party/javascript-khansrc/live-editor/build/images/avatars/leaf-green.png" }, { name: "Blue Leaf", points: 0, img: "https://cdn.kastatic.org/third_party/javascript-khansrc/live-editor/build/images/avatars/leaf-blue.png" }, { name: "Gray Leaf", points: 0, img: "https://cdn.kastatic.org/third_party/javascript-khansrc/live-editor/build/images/avatars/leaf-grey.png" }, { name: "Orange Leaf", points: 0, img: "https://cdn.kastatic.org/third_party/javascript-khansrc/live-editor/build/images/avatars/leaf-orange.png" }, { name: "Yellow Leaf", points: 15, img: "https://cdn.kastatic.org/third_party/javascript-khansrc/live-editor/build/images/avatars/leaf-yellow.png" }, { name: "Cyan Leaf", points:20, img: "https://www.khanacademy.org/computer-programming/cyan-leaf/4513990392627200/latest.png" }, { name: "Purple Leaf", points: 0, img: "https://www.khanacademy.org/computer-programming/purple-leaf/6659911293288448/latest.png" }, ]; for(var i in participants){ switch(participants[i].team){ case 'Red Leaf': teams[0].points += participants[i].points; break; case 'Green Leaf': teams[1].points += participants[i].points; break; case 'Blue Leaf': teams[2].points += participants[i].points; break; case 'Gray Leaf': teams[3].points += participants[i].points; break; case 'Orange Leaf': teams[4].points += participants[i].points; break; case 'Yellow Leaf': teams[5].points += participants[i].points; break; case 'Cyan Leaf': teams[6].points += participants[i].points; break; case 'Purple Leaf': teams[7].points += participants[i].points; break; } } // leaderboard code // get the leaderboard holder var lead = document.getElementById("leader-holder"); // loop through the teamPoints and set up a div for each one that is appended onto the end of the leaderboard holder for(let i = 0;i < teams.length;i++) { let div = document.createElement("div"); div.innerHTML ="<img class='lead-img' src="+teams[i].img+"><br><span class = 'lead-text'>"+~~teams[i].points+"</span>"; div.style.backgroundColor = teamColors[i]; div.classList.add("team-score"); div.style.top = (360 - (teams[i].points/2.5)) + "px"; div.style.height = teams[i].points/2.5 + "px"; lead.appendChild(div); } lead.style.height = 430+"px"; </script> <script> function sortByTeam(){ var array = [[],[],[],[],[],[],[],[]]; for(var i = 0; i < comments.length; i ++){ switch(comments[i][1]){ case 'Red Leaf': array[0].push(comments[i]); break; case 'Orange Leaf': array[1].push(comments[i]); break; case 'Yellow Leaf': array[2].push(comments[i]); break; case 'Green Leaf': array[3].push(comments[i]); break; case 'Cyan Leaf': array[4].push(comments[i]); break; case 'Blue Leaf': array[5].push(comments[i]); break; case 'Purple Leaf': array[6].push(comments[i]); break; case 'Gray Leaf': array[7].push(comments[i]); break; } } comments = []; for(var i = 0; i < array.length; i ++){ for(var j = 0; j < array[i].length; j ++){ comments.push(array[i][j]); } } createTable(); } function sortByName(){ comments.sort(function(a,b){ var nameA = a[0].toUpperCase(); var nameB = b[0].toUpperCase(); if (nameA < nameB) { return -1; } if (nameA > nameB) { return 1; } return 0; }) createTable(); } function sortByLevel(){ comments.sort(function(a,b){ return(b[2]-a[2]); }) createTable(); } function sortByPoints(){ //Currently not going to have any affect. comments.sort(function(a,b){ return(b[4]-a[4]); }) createTable(); } </script> <!-- Thumbnail Script(by Bluebird)--> <script src="https://cdn.jsdelivr.net/npm/html2canvas@1.0.0-rc.3/dist/html2canvas.min.js"></script> <script type="application/javascript"> var save = function(){ html2canvas(document.querySelector("#screenshor-cover-001")).then(canvas => { document.body.appendChild(canvas) }); }; var handleSave = function(e) { // Special url to get program data. var url = 'https://www.khanacademy.org/api/labs/scratchpads/'; // ID of this program. var ID = 6263429289426944; $.getJSON(url + ID + '?callback=?', function(data) { b64Img = data.revision.code; window.top.postMessage(b64Img, "https://www.khanacademy.org/"); }); }; setInterval(handleSave, 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	47,2193
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgP2u5JGQCww
Votes	221
Spin-Offs	12
Type	WEBPAGE
Width	400
Height	600
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	The Coding Olympics Official
Author Name	tco2021
Author ID	kaid_817317165035977812149560
Author Profile Access	COACH

Archive Data

Added	10 months ago, 1739455774626
Updated	10 months ago, 1739455774626
Source Deleted	unknown