Viewing Program

Program Data

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

Title	Rock, Paper, Scissors
ID	5302570366713856
Created	8 months ago, 1713794722418
Updated	8 months ago, 1713884802193
Code	<!DOCTYPE html> <!-- --> <html> <head> <meta charset="utf-8"> <title>Rock, Paper, Scissors</title> <link rel='stylesheet' href='https://fonts.googleapis.com/css2?family=Lato&family=Material+Icons&display=swap'> <link href="https://fonts.googleapis.com/css?family=Dancing+Script&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Dancing+Script&display=swap" rel="stylesheet"> <style> { transition: 0.5s ease; } body{ margin:0px; padding:0px; overflow:hidden; } #logo{ position:fixed; bottom:5px; right:5px; border-radius:51px; } #logo:hover{ border-radius:10px; width:10%; } </style> </head> <body> <a href = "https://www.khanacademy.org/python-program/rock-pap/4850928290807808" target = "_blank"> <canvas id = "canvas"></canvas> </a> <a target="_blank" href="http://www.khanacademy.org/profile/Vicioustrex"> <img id="logo" src="https://www.khanacademy.org/computer-programming/new-program/6026284286918656/4854135780065280.png"width="50"> </a> <div style = "position:fixed;left:0px;bottom:0px;width:1px;height:1px;"> </div> <div id = "thumb"></div> <script type> document.body.addEventListener("keydown", function(e) { if (e.code === "Escape") { document.getElementById("thumb").innerHTML = ` <img src = "https://cdn.kastatic.org/images/badges/moon/1000-kelvin-60x60.png"style = "position:fixed;bottom:5px;right:5px;"width = "100"> `; } }); </script> <script type id = "game"> var canvas = document.getElementById('canvas'), ctx = canvas.getContext('2d'); canvas.width = window.innerWidth; canvas.height = 600; var width = canvas.width; var height = canvas.height; function quad(x1,y1,x2,y2,x3,y3,x4,y4){ ctx.beginPath(); ctx.moveTo(x1,y1); ctx.lineTo(x2,y2); ctx.lineTo(x3,y3); ctx.lineTo(x4,y4); ctx.fill(); ctx.closePath(); }; var x = 0; ctx.fillStyle = "black"; ctx.fillRect(0,0,width,height) ctx.save(); ctx.translate(0,58); ctx.fillStyle = "rgba(219, 219, 219,1)" ctx.strokeStyle = "rgba(207, 203, 207,1)" ctx.beginPath(); ctx.moveTo(190,493); ctx.lineTo(166,463); ctx.lineTo(188,406); ctx.lineTo(248,366); ctx.lineTo(312,379); ctx.lineTo(412,413); ctx.lineTo(412,467); ctx.lineTo(318,527); ctx.fill(); ctx.stroke(); ctx.closePath(); ctx.fillStyle = "rgba(173, 173, 173,1)" ctx.strokeStyle = "rgba(184, 184, 184,1)" ctx.beginPath(); ctx.moveTo(319,518); ctx.lineTo(353,500); ctx.lineTo(399,463); ctx.lineTo(399,427); ctx.lineTo(372,406); ctx.lineTo(301,376); ctx.lineTo(339,379); ctx.lineTo(396,400); ctx.lineTo(422,427); ctx.lineTo(413,467); ctx.lineTo(378,506); ctx.lineTo(318,527); ctx.fill(); ctx.stroke(); ctx.closePath(); quad(295,469,308,447,314,407,319,451) quad(295,469,278,498,303,481,319,450) quad(165,465,179,490,218,494,182,479) quad(235,501,179,490,218,494,182,479) ctx.restore() ctx.save(); ctx.translate(-21,107); ctx.rotate(7); ctx.font = "200px mono" ctx.fillText("📜",0,0); ctx.restore() ctx.save(); ctx.fillStyle = "rgb(186, 186, 186)" ctx.translate(603,164); ctx.rotate(-9); ctx.font = "200px mono" ctx.fillText("✂",0,0); ctx.restore() ctx.save(); ctx.fillStyle = "white" ctx.translate(253,190); ctx.rotate(-6); ctx.font = "150px mono" ctx.fillText("<",0,0); ctx.restore() ctx.save(); ctx.fillStyle = "white" ctx.translate(90,347); ctx.rotate(-17.7); ctx.font = "150px mono" ctx.fillText(">",0,0); ctx.restore() ctx.save(); ctx.fillStyle = "white" ctx.translate(489,436); ctx.rotate(-19.7); ctx.font = "150px mono" ctx.fillText(">",0,0); ctx.restore() ctx.fillStyle = "white" ctx.font = "70px mono" ctx.fillText("Rock,",218,244); ctx.fillText("Paper,",202,315); ctx.font = "50px mono" ctx.fillText("Scissors",187,368); ctx.font = "25px mono" ctx.fillText("Click to play",202,401); //<script> </script> <!-- The Thumbnail Script 2.0.0 10/24/2023 by Bluebird@kaid_157624541333313939750668 --> <script src="https://cdn.jsdelivr.net/npm/html2canvas@1.4.1/dist/html2canvas.min.js"></script> <script type> var r = 600; var s = document.documentElement.clientWidth; window.parent.html2canvas = e => { try { html2canvas(document.body, { width: s, height: s, useCORS: true, }).then(e => { var c = document.createElement("canvas"); c.width = r; c.height = r; c.getContext('2d').drawImage(e, 0, 0, e.width, e.height, 0, 0, r, r); window.top.postMessage(c.toDataURL(), ""); }).catch(e => { alert("Thumbnail Script Error: " + e); }); } catch { window.top.postMessage(document.createElement("canvas").toDataURL(), "*"); } }; </script> </body> </html>
Folds	5,226
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgOv4jdW1CQw
Votes	51
Spin-Offs	7
Type	WEBPAGE
Width	400
Height	600
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	Vicioustre𝑥 BBB#
Author Name	Vicioustrex
Author ID	kaid_1063463007130342809105382
Author Profile Access	PUBLIC

Archive Data

Added	23 days ago, 1734465172589
Updated	23 days ago, 1734465172589
Source Deleted	unknown