Viewing Program

Program Data

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

Title	Clash of Code [CONTEST]
ID	6081524794867712
Created	4 years ago, 1611090776262
Updated	4 years ago, 1615503462182
Code	<!DOCTYPE html> <!-- ATTENTION! Please use this link for best experience: https://www.khanacademy.org/computer-programming/clash-of-code-contest/6081524794867712?width=600&height=600 This competition is managed by CowboysFan232. If you have any questions, please ask! I'll add the homepage links later. For now, here are the team homepages: Egestas https://www.khanacademy.org/computer-programming/w/5126886327271424?width=600&height=600 Serflytia https://www.khanacademy.org/computer-programming/team-magma-homepage/6326294309978112 Kessinger https://www.khanacademy.org/computer-programming/kessinger-homepage/5801258620764160 Mizuchi https://www.khanacademy.org/computer-programming/mizuchi-homepage/6752892213477376 Nazzo https://www.khanacademy.org/computer-programming/team-nazzohomepage/4663555007135744 Volturius https://www.khanacademy.org/computer-programming/team-volturius/5859710558748672 --> <html> <head> <meta charset="utf-8"> <title>Clash of Code [CONTEST]</title> <!-- Load Google Fonts --> <link href='//fonts.googleapis.com/css?family=Material+Icons\|Arsenal\|Work+Sans\|Lato' rel='stylesheet' type='text/css'> <!-- Styling --> <style> @keyframes zoomOut { from { transform: scale(2); } to { transform: scale(1); } } body { background: url("https://upload.wikimedia.org/wikipedia/commons/thumb/e/e6/Coding_I.jpg/1200px-Coding_I.jpg"); background-attachment: fixed; font-family: "Lato"; margin: 0px; overflow-x: hidden; } h1, h2 { text-align: center; font-family: "Work Sans"; } h1 { color: white; text-shadow: 0px 0px 5px black; margin-top: 20vh; } a { color: rgb(68, 90, 212); text-decoration: none; transition: 1s; } a:hover { color: rgba(25, 105, 41); cursor: pointer; } #siteName { font-family: "Arsenal"; font-size: 10vw; color: rgba(255, 255, 255); text-shadow: 0px 0px 6px black; margin-top: 35vh; } #home p { text-align: center; font-size: 6vh; font-weight: bold; color: rgba(255, 255, 255); text-shadow: 0px 0px 6px black; } #navBar { position: fixed; left: 0px; top: 0px; width: 100vw; padding: 1vw; background: rgba(0, 0, 0, 0.2); text-align: center; z-index: 3; } #navBar button { font-family: "Material Icons"; font-size: 4.5vh; background: none; outline: none; border: none; color: black; -moz-user-select: none; -webkit-user-select: none; user-select: none; transition: 0.5s; } #navBar button:hover { cursor: pointer; text-shadow: 0px 0px 2px black; } .noSelect { -moz-user-select: none; -webkit-user-select: none; user-select: none; } .textBody { background: white; padding: 15px; margin-bottom: 0px; } .textBody p { text-indent: 1vw; } .box { background: rgb(245, 245, 245); width: 85vw; padding: 5vw; margin-left: auto; margin-right: auto; transition: 0.5s; } .box:hover { background: rgba(235, 235, 235); box-shadow: 0px 0px 1px; } .user { text-align: center; font-size: 4vh; background: rgba(245, 245, 245); padding-top: 1vh; padding-bottom: 1vh; margin-bottom: 4vh; transition: 1s; } .user:hover { background: rgba(235, 235, 235); box-shadow: 0px 0px 1px black; } .team { text-align: center; } .team img { margin-left: -60vw; margin-top: -35vh; } .display { display: block; animation: zoomOut 0.5s; } .disclose { display: none; } </style> </head> <body> <!-- Nav Bar --> <div id = "navBar"> <button title = "Home" onClick = "changeScene('home')">home</button> <button title = "About" onClick = "changeScene('about');">help</button> <button title = "Leaderboard" onClick = "changeScene('leaderboard')">leaderboard</button> <button title = "Schedule" onClick = "changeScene('schedule')">assignment</button> <button title = "Participants" onClick = "changeScene('participants')">group</button> <button title = "Staff" onClick = "changeScene('staff')">supervisor_account</button> </div> <!-- Homepage --> <div class = "page" id = "home"> <div id = "aMostly-transparentBoxOrSomething"> <h1 id = "siteName" class = "noSelect">CLASH OF CODE</h1> <p class = "noSelect">A Collaboration Championship</p> </div> </div> <!-- About --> <div class = "page" id = "about"> <h1>About</h1> <div class = "textBody"> <h2>Welcome!</h2> <p>Clash of Code(CoC) is a unique contest Founded and managed by CowboysFan232. Its concept is similar to that of Primavera and The Coding Olympics, but it has several key differences.</p> <h2>How it Works</h2> <p>We have handpicked 5 captains, who will each head one team. During the first week, they will themselves handpick 7 teamates.(We might raise the size of teams, depending) Once the competition begins, they will compete for roughly 4 weeks. Each round, the team will be working under different arrangements.</p> <h2>How Can I Join?</h2> <p>Each team captain will have a thread in the T&T below. You are free to apply to any of them! You may not apply to more than two teams at a time. If you are not accepted, you may apply to another team. Even if you aren't accepted, you will be placed in reserve, and may be called upon should a team member go inactive.</p> </div> </div> <!-- Leaderboard --> <div class = "page" id = "leaderboard"> <h1>Leaderboard</h1> <div class = "textBody"> <p>Here are where the teams currently stand!</p> <div id = "attachLeaderboard"></div> </div> </div> <!-- Schedule --> <div class = "page" id = "schedule"> <h1>Schedule</h1> <div class = "textBody"> <p>The schedule is as follows:</p> <div id = "scheduleAttachment"></div> </div> </div> <!-- Participants --> <div class = "page" id = "participants"> <h1>Participants</h1> <div class = "textBody"> <h2>Captains</h2> <p>All of our captains are handpicked, and are very skilled.</p> <div id = "captainsAttachment"></div> <h2>Team Members</h2> <p id = 'particiText'>Listed here are all the team members who aren't captains. They are sorted by individual score.</p> <div id = "participantsAttachment"></div> </div> </div> <!-- Staff --> <div class = "page" id = "staff"> <h1>Staff</h1> <div class = "textBody"> <p>We have a top notch team of Judges & Managers! They are listed below:</p> <div id = "staffAttachment"></div> </div> </div> <!-- Load the JQuery Library --> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script> <!-- Script --> <script type> function changeScene(to) { $(".page").removeClass("display").addClass("disclose"); $("#"+to).removeClass("disclose").addClass("display"); $('body').css("overflow-y", to !== 'home' ? "visible":"hidden"); window.scrollTo(0, 0); } changeScene("home"); /* Teams/Leaderboard / var teams = { "Team Kessinger": { avatar: 'https://www.khanacademy.org/computer-programming/kessinger/4537242699120640/latest.png', score: 123.8, }, "Team Nazzo": { avatar: 'https://www.khanacademy.org/computer-programming/nzzo-ultimate/6189575627554816/latest.png', score: 124.7, }, "Team Volturius [Winner]": { avatar: 'https://www.khanacademy.org/computer-programming/3-ultimate/6665339741356032/latest.png', score: 130, }, "Team Serflytia": { avatar: 'https://www.khanacademy.org/computer-programming/serflytia-ultimate/5071068403810304/latest.png', score: 75.5, }, "Egestas": { avatar: 'https://www.khanacademy.org/computer-programming/Egestas-ultimate/5061026325676032/latest.png', score: 122.7, }, "Team Mizuchi": { avatar: 'https://www.khanacademy.org/computer-programming/mizuchi-ultimate/6602695189676032/latest.png', score: 114.7, }, }, teamKeys = Object.keys(teams); teamKeys.sort(function(a, b) { return teams[b].score - teams[a].score; }); for(let i = 0; i < teamKeys.length; ++ i) { $("#attachLeaderboard").append("<div class = 'box team'><h2>" + teamKeys[i] + "</h2><h3>" + teams[teamKeys[i]].score + " Points</h3><br><img src = '" + teams[teamKeys[i]].avatar + "' width = '125vw'></div><br>"); } / Schedule / var schedule = [ { title: "Release", description: "Team joining opens, and the Homepage is released.", date: "1/19/21 - 1/25/21 11:59 AM MST", }, { description: "Each team will have one week to both create/choose an avatar. (Suggestions are posted in the T&T) Most importantly, you will be creating a homepage.", date: "1/25/21 12:00 PM MST - 2/1/21 11:59 AM MST", }, { description: "Each team member will create their own entry. Entries will be judged on Aesthetics, Topicality/Creativity, and Cleanliness/Efficiency", theme: "<b>Futuristic</b>", date: "2/1/21 12:00 PM MST - 2/8/21 11:59 AM MST", }, { description: "Each team will split into two equally sized groups, and each will release a collaboration.", theme: "Nightmares & Dreams", date: "2/8/21 12:00 PM MST - 2/15/21 11:59 AM MST", }, { description: "The entire team will collaborate on a single project.", theme: "None", date: "2/15/21 12:00 PM MST - 3/4/21 11:59 AM MST", }, ]; for(let i = 0; i < schedule.length; ++ i) { $("#scheduleAttachment").append("<div class = 'box'>" + (!schedule[i].title ? '<h2>Round ' + i + '</h2>':'<h2>'+schedule[i].title+'</h2>') + "Description: " + schedule[i].description + "<br>" + (schedule[i].theme ? "Theme: " + schedule[i].theme + "<br>":'') + "Dates: " + schedule[i].date + "</div><br><br>"); } / Staff Page / var staff = [ ["CowboysFan232", "kaid_838836130659786741993223", "Founder/Co-Manager"], ["JP", "kaid_226616569303588979232618", "Co-Manager/Judge/Webpage Management"], ["Daniel T.", "kaid_1088724296543359205380923", "Head Judge"], ["Snarky Ghost", "kaid_1128613546817829933939217", "Judge"], ["The No-Sock Guy", "kaid_533978982937476630790970", "Judge"], ["CyberWolf", "kaid_1172711673134691260881313", "Judge"], ["Sam.Graz", "kaid_312650295943776637216329", "Judge"], ]; / Participants / var participants = [ ["LeafersProductions", "kaid_723721824958885939207214", "Team Serflytia", 0], ["CodeXRed", "kaid_872610279239395011992876", "Team Serflytia", 0], ["T", "kaid_155750683715439144568684", "Team Nazzo", 4.2], ["Canada Goose", "kaid_104406289574754649887559", "Team Nazzo", 5.5], ["j.s. coder", "kaid_1098732080926856236545461", "Team Kessinger", 6.2], ["Tanmay N.", "kaid_724677149575185996637814", "Team Kessinger", 7.3], ["Flux", "kaid_4350177143557722684312922", "Team Kessinger", 5.4], ["Multiverse", "kaid_782456381077327580037335", "Team Volturius", 0], ["Chase L.", "kaid_44571398790888573672582", "Team Volturius", 4.9], ["LS", "kaid_553656479258879622339276", "Team Volturius", 5.7], ["WalkWorthy", "kaid_572162445297461577426497", "Egestas", 7.1], ["Void Alo", "kaid_289434740364011667190979", "Egestas", 0], ["Ibraheem Ahmed", "kaid_42165633374795610935956", "Egestas", 0], ["mango", "kaid_846153203161297518036451", "Team Kessinger", 3.4], ["Timothy", "kaid_580436051254509721948310", "Team Volturius", 4.1], ["HootCode();", "kaid_5858991323758769570880", "Team Volturius", 3.3], ["Samwise", "kaid_659800661397715681487277", "Team Nazzo", 6.3], ["BirdySparrowCatcher", "kaid_1032245658252166961795925", "Team Nazzo", 7.4], ["The_Paradox", "kaid_1118387647375615687087981", "Team Nazzo", 4.7], ["MOON", "kaid_353736223233419846681268", "Team Nazzo", 4.0], ["totoro", "kaid_255968679935383204444592", "Team Serflytia", 6.7], ["newninja", "kaid_603304270920771144926385", "Team Nazzo", 7.0], ["Little Moose", "kaid_705925867208151877881149", "Egestas", 0], ["mastermind", "kaid_149795227636855058067898", "Egestas", 7.4], ["BrenErso", "kaid_988411186401701354116585", "Team Serflytia", 5.2], ["Bertha", "kaid_81047926734476551074734", "Team Serflytia", 5.1], ["Blank Bird", "kaid_39201187409799806692660", "Team Serflytia", 0], ["GameZone", "kaid_835830655303803202004302", "Team Serflytia", 0], ["NL", "kaid_57704683150812924077033", "Team Volturius", 3.7], ["Tachyon", "kaid_600198987757497388218405", "Egestas", 6.1], ["Pro Programmer", "kaid_168806908732102857088811", "Team Volturius", 4.9], ["PT", "kaid_1007254215278267494550608", "Egestas", 0], ["Steffan", "kaid_857078284721387994791443", "Team Mizuchi", 4.4], ["CtmGamer", "kaid_680149812623529957566993", "Team Mizuchi", 7.2], ["Agent X", "kaid_51518766668545629580011", "Team Mizuchi", 0], ["Wyatt-Matthews", "kaid_297925532241543326835091", "Team Mizuchi", 5.5], ["Christian L.", "kaid_1059611220063291764351952", "Team Mizuchi", 4.2], ["Phi", "kaid_1145736347967321566976221", "Team Mizuchi", 5.6], ["Rake Nightfur", "kaid_516653234585536804028120", "Team Mizuchi", 6.4], ["Polish Studios", "kaid_414864191595603401877119", "Team Kessinger", 5.3], ["xacer", "kaid_936620259368561719366955", "Team Kessinger", 9.1], ], captains = [ ["LittleWhinging", "kaid_61746486790130432968281", "Team Kessinger", 0], ["Liam the Cool Dude", "kaid_632250160684917867690509", "Team Nazzo", 5.4], ["Liam K.", "kaid_160653079463992085090428", "Team Volturius", 6.8], ["Magma", "kaid_51339589643237903664373", "Team Serflytia", 5.4], ["Akbaba", "kaid_174146774543611492255686", "Egestas", 5.0], ["AquaA217", "kaid_794864070338193862176253", "Team Mizuchi", 6.4], ]; participants.sort(function(a, b) { return b[3] - a[3]; }); captains.sort(function(a, b) { return b[3] - a[3]; }); / Adding said users */ function appendUsers(users, attachPoint, score) { for(var i = 0; i < users.length; ++ i) { $("#" + attachPoint).append("<div class = 'user'>" + (score === 47 ? "<img src = '" + teams[users[i][2]].avatar + "' width = '35vh'>":'') + "<a href = 'https://www.khanacademy.org/profile/" + users[i][1] + "' target='_blank' rel='noopener noreferrer'>" + users[i][0] + "</a> \| " + users[i][2] + (!score ? "":" \| " + users[i][3] + " Points") + "</div>"); } } appendUsers(staff, "staffAttachment", false); appendUsers(captains, "captainsAttachment", true); appendUsers(participants, "participantsAttachment", true); if(participants.length === 0) { $("#particiText").text("We don't have any team members yet, but when we do, they'll be listed here!"); } </script> </body> </html>
Folds
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgN2o1ePmCgw
Votes	222
Spin-Offs	5
Type
Width	400
Height	400
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	Johnathan Wintres
Author Name	jp007est.1776
Author ID	kaid_226616569303588979232618
Author Profile Access	COACH

Archive Data

Added	1 years ago, 1707881034111
Updated	10 months ago, 1739453302557
Source Deleted	unknown