Viewing Program

Program Data

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

Title	Hacks ㅤ
ID	4504745187131392
Created	1 months ago, 1733317296220
Updated	1 months ago, 1733334447445
Code	<!DOCTYPE html> <html> <head> <script type> var thing = 0; var speed = 1; function title(){ window.top.postMessage(JSON.stringify({ "action": "page-info", "title": "Hacks New Subpage".substring(0, thing)+"ㅤ" }), "https://www.khanacademy.org/") if(thing == 33){ speed = -1 }else if(thing == -1){ speed = 1 } thing += speed; } window.setInterval(title,260); </script> <style> .title{ border:px; } </style> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> * {box-sizing: border-box;} /* Set height of body and the document to 100% / body, html { height: 100%; margin: 0; font-family: Arial; } / Style tab links / .tablink { background-color:#555; color: white; float: left; border: 5p; outline: 5px; cursor: pointer; padding: 14px 16px; font-size: 17px; width: 25%; } .tablink:hover { background-color: #777; font-size:20px; } .title{ color:red; } / Style the tab content (and add height:100% for full page content) */ .tabcontent { color: white; display: white; padding: 100px 20px; height: 100%; } .tablink{ color:white; } .tablink:hover{ font-size:25px; } #Home {background-image: url("https://www.khanacademy.org/computer-programming/derpachu-wth-red-bkgrd/6263407735914496/5169925923454976.png");} #Projects {background-color:green;} #Contact {background-color: blue;} #About {background-color:orange;} #Credit {background-color:orange;} #Spin-offs {background-color:yellow;} </style> </head> <body> <button class="tablink" id="defaultOpen" onclick="openPage('Home', this, 'red')">Home</button> <button class="tablink" onclick="openPage('Projects', this, 'green')">Projects</button> <button class="tablink" onclick="openPage('Contact', this, 'blue')">Plats & How</button> <button class="tablink" onclick="openPage('About', 'orange')">About & Credit</button> <style> </style> <div id="Home" class="tabcontent"> <br> <br> <br> <br> <style> img.sub{ position:absolute; top:390px; left:-10px; } img.sub { width:600px;height:400px;margin:10px;border-width:0px;border-color:#000000;border-style:solid; } .sub:hover{ cursor:pointer; } </style> <a class="sub" target="sub" href="https://www.khanacademy.org/profile/ASBackup/"><img src="https://www.khanacademy.org/computer-programming/hacks-subpage/6431479248109568/6403327368544256.png" alt="sub" class="sub"></a> <h3>Home</h3> <br> <p>Welcome To the New Subpage</p> <style> .Credits{ color:black; } .tabcontent{ color:black; } .rdderp{ position:absolute; top:50px; color:black; background:transparent; border:transparent; height:30px; left:20px; width:100px; font-size:30px; text-decoration:none; } </style> </div> <div id="Projects" class="tabcontent"> <!--<button create="Spin-offs" onclick="openPage('Spin-offs','yellow')">My Favorite Project Spin-offs</button>--> <h3>Projects</h3> <p>Welcome to My Projects! :) Click on the name or the image of a program to go to it!</p> <style> img.GeneratedImage { width:125px;height:125px;margin:10px;border-width:5px;border-color:#000000;border-style:solid; } .ablank{ color:black; text-decoration:none; } </style> <a class="ablank" target="ablank" href="https://www.khanacademy.org/computer-programming/i-dont-know-what-i-did/4974329952387072"><img src="https://www.khanacademy.org/computer-programming/i-dont-know-what-i-did/4974329952387072/5082152260517888.png" alt="Photo of the Remarkables mountain range in Queenstown, New Zealand." class="GeneratedImage">i dont know what i did</a> <style> img.duckattack { width:125px;height:125px;margin:10px;border-width:5px;border-color:#000000;border-style:solid; } </style> <a class="ablank" target="ablank" href="https://www.khanacademy.org/computer-programming/filler/5761293538476032"><img src="https://www.khanacademy.org/computer-programming/filler/5761293538476032/5257933236387840.png" alt="duck" class="duckattack">filler</a> <style> img.cheese { width:125px;height:125px;margin:10px;border-width:5px;border-color:#000000;border-style:solid; } </style> <a class="ablank" target="ablank" href="https://www.khanacademy.org/computer-programming/my-biggest-project-done/4989072456990720"><img src="https://www.khanacademy.org/computer-programming/my-biggest-project-done/4989072456990720/5710140738027520.png" alt="cheese" class="cheese">My Biggest Project</a> <style> img.bob { width:125px;height:125px;margin:10px;border-width:5px;border-color:#000000;border-style:solid; } </style> <a class="ablank" target="ablank" href="https://www.khanacademy.org/computer-programming/derpachu-i-got-boredokay/6730018163441664"><img src="https://www.khanacademy.org/computer-programming/derpachu-i-got-boredokay/6730018163441664/5661527675158528.png" alt="bob" class="bob">i got bored...okay</a> <style> img.wat { width:125px;height:125px;margin:10px;border-width:5px;border-color:#000000;border-style:solid; } </style> <a class="ablank" target="ablank" href="https://www.khanacademy.org/computer-programming/10-facts-about-hack/5883476315652096"><img src="https://www.khanacademy.org/computer-programming/10-facts-about-hack/5883476315652096/6734617909837824.png" alt="wat" class="wat">10 facts about meㅤ</a> <style> img.eve { width:125px;height:125px;margin:10px;border-width:5px;border-color:#000000;border-style:solid; } </style> <a class="ablank" target="ablank" href="https://www.khanacademy.org/computer-programming/derpeve/4748019678232576"><img src="https://www.khanacademy.org/computer-programming/derpeve/4748019678232576/6107201388068864.png" alt="eve" class="eve">Derpeve</a> <style> img.bio { width:125px;height:125px;margin:10px;border-width:5px;border-color:#000000;border-style:solid; } </style> <a class="ablank" target="ablank" href="https://www.khanacademy.org/computer-programming/oh-noes-biography/4907434389716992"><img src="https://www.khanacademy.org/computer-programming/oh-noes-biography/4907434389716992/4541205393096704.png" alt="bio" class="bio">Oh-Noes Biography</a> <style> img.pikman { width:125px;height:125px;margin:10px;border-width:5px;border-color:#000000;border-style:solid; } </style> <a class="ablank" target="ablank" href="https://www.khanacademy.org/computer-programming/pikminachu/6690897774166016"><img src="https://www.khanacademy.org/computer-programming/pikminachu/6690897774166016/6069619514064896.png" alt="pikman" class="pikman">Pikminachu</a> <style> img.hoodachu { width:125px;height:125px;margin:10px;border-width:5px;border-color:#000000;border-style:solid; } </style> <a class="ablank" target="ablank" href="https://www.khanacademy.org/computer-programming/derpachu-with-hoodie/5009404973203456"><img src="https://www.khanacademy.org/computer-programming/derpachu-with-hoodie/5009404973203456/4658139764277248.png" alt="hoodachu" class="hoodachu">sweatachuㅤㅤㅤㅤ</a> <style> img.align { width:125px;height:125px;margin:10px;border-width:5px;border-color:#000000;border-style:solid; } </style> <a class="ablank" target="ablank" href="https://www.khanacademy.org/computer-programming/align-derpachu/6568922162577408"><img src="https://www.khanacademy.org/computer-programming/align-derpachu/6568922162577408/6462461800005632.png" alt="align." class="align">Align Derpachu</a> <style> img.mars { width:125px;height:125px;margin:10px;border-width:5px;border-color:#000000;border-style:solid; } </style> <a class="ablank" target="ablank" href="https://www.khanacademy.org/computer-programming/things-i-know-about-mars/6349025959133184"><img src="https://www.khanacademy.org/computer-programming/things-i-know-about-mars/6349025959133184/6272920782815232.png" alt="mars" class="mars">About Marsㅤㅤㅤㅤ </a> <style> img.umball { width:125px;height:125px;margin:10px;border-width:5px;border-color:#000000;border-style:solid; } </style> <a class="ablank" target="ablank" href="https://www.khanacademy.org/computer-programming/umbreon-ball/6339189811888128"><img src="https://www.khanacademy.org/computer-programming/umbreon-ball/6339189811888128/6052414719705088.png" alt="umball" class="umball">Umbreon Ball </a> <style> img.char { width:125px;height:125px;margin:10px;border-width:5px;border-color:#000000;border-style:solid; } </style> <a class="ablank" target="ablank" href="https://www.khanacademy.org/computer-programming/pikachu-charizard-4-types/4581538435088384"><img src="https://www.khanacademy.org/computer-programming/pikachu-charizard-4-types-im-back/5136586918772736/4614956694028288.png" alt="char" class="char">4 part charizardㅤㅤ</a> <style> img.durp { width:125px;height:125px;margin:10px;border-width:5px;border-color:#000000;border-style:solid; } </style> <a class="ablank" target="ablank" href="https://www.khanacademy.org/computer-programming/4-section-derpachu/5674401806073856"><img src="https://www.khanacademy.org/computer-programming/4-section-derpachu/5674401806073856/4842166263136256.png" alt="durp" class="durp">4 part Derpachu</a> <style> img.ray { width:125px;height:125px;margin:10px;border-width:5px;border-color:#000000;border-style:solid; } </style> <a class="ablank" target="ablank" href="https://www.khanacademy.org/computer-programming/pikachu-rayquaza/6741507884367872"><img src="https://www.khanacademy.org/computer-programming/pikachu-rayquaza/6741507884367872/6252922873757696.png" alt="ray" class="ray">Pikquazaㅤㅤㅤㅤㅤ</a> <style> img.Pizard { width:125px;height:125px;margin:10px;border-width:5px;border-color:#000000;border-style:solid; } </style> <a class="ablank" target="ablank" href="https://www.khanacademy.org/computer-programming/pikachu-charizard/5534057688645632"><img src="https://www.khanacademy.org/computer-programming/pikachu-charizard/5534057688645632/5229621950988288.png" alt="Pizard" class="Pizard">Pikazard</a> <style> img.charx { width:125px;height:125px;margin:10px;border-width:5px;border-color:#000000;border-style:solid; } </style> <a class="ablank" target="ablank" href="https://www.khanacademy.org/computer-programming/pikachu-charizard-x/5281228891275264"><img src="https://www.khanacademy.org/computer-programming/pikachu-charizard-x/5281228891275264/5240997394169856.png" alt="charx" class="charx">Pikzard xㅤㅤㅤㅤㅤ</a> <style> img.darkrai{ width:125px;height:125px;margin:10px;border-width:5px;border-color:#000000;border-style:solid; } </style> <a class="ablank" target="ablank" href="https://www.khanacademy.org/computer-programming/darkrai/6729580066029568"><img src="https://www.khanacademy.org/computer-programming/darkrai/6729580066029568/6513075879329792.png" alt="darkrai" class="darkrai">Darkrai</a> <style> img.pyt { width:125px;height:125px;margin:10px;border-width:5px;border-color:#000000;border-style:solid; } </style> <a class="ablank" target="ablank" href="https://www.khanacademy.org/python-program/i-figured-it-out/5787883083317248"><img src="https://www.khanacademy.org/computer-programming/i-figured-it-out/5787883083317248/5525980541009920.png" alt="pyt" class="pyt">I FIGURED IT OUT</a> <style> img.dar { width:125px;height:125px;margin:10px;border-width:5px;border-color:#000000;border-style:solid; } </style> <a class="ablank" target="ablank" href="https://www.khanacademy.org/computer-programming/align-darkrai/6562121604055040"><img src="https://www.khanacademy.org/computer-programming/align-darkrai/6562121604055040/6277179942813696.png" alt="dar" class="dar">Align darkrai</a> <style> img.sect { width:30px;height:30px;margin:10px;border-width:0px;border-color:#000000;border-style:solid; } </style> <a class="ablank" target="ablank" href="https://www.khanacademy.org/computer-programming/turtle-t-webpage/6019189941649408"><img src="https://www.khanacademy.org/computer-programming/this-thing-has-540k-lines/5052273733320704/6432878521925632.png" alt="sect" class="sect"></a> </div> <style> .Spin-offs{ position:absolute; left:100px; top:120px; } </style> <div id="Spin-offs" class="tabcontent"> </div> <div id="Contact" class="tabcontent"> <h3>How? post a ✔ in the subthread. </h3> <a class="pixel" target="pixel" href="https://www.khanacademy.org/computer-programming/pixel-art-tutorial-and-starter/5902515812876288">Pixel Art Tutorial</a> <p>Platformers</p> <style> .pixel{ color:white; text-decoration:none; } img.plat1 { width:125px;height:125px;margin:10px;border-width:5px;border-color:#000000;border-style:solid; } </style> <a class="ablank" target="ablank" href="https://www.khanacademy.org/computer-programming/hack-christmas-platformer-version/5452267570511872"><img src="https://www.khanacademy.org/computer-programming/hack-christmas-platformer-version/5452267570511872/6382609888362496.png" alt="plat1" class="plat1">HACK Christmas Platformer Version </a> <style> img.plat2 { width:125px;height:125px;margin:10px;border-width:5px;border-color:#000000;border-style:solid; } </style> <p></p> <a class="ablank" target="ablank" href="https://www.khanacademy.org/computer-programming/hack-xmas-platformer-2/5060152766152704"><img src="https://www.khanacademy.org/computer-programming/hack-xmas-platformer-2/5060152766152704/4747425275363328.png" alt="plat2" class="plat2">HACK XMAS Platformer 2 </a> <style> img.bigplat { width:125px;height:125px;margin:10px;border-width:5px;border-color:#000000;border-style:solid; } </style> <p></p> <a class="ablank" target="ablank" href="https://www.khanacademy.org/computer-programming/hack-big-platformer/5659449938067456"><img src="https://www.khanacademy.org/computer-programming/hack-big-platformer/5659449938067456/5802491231780864.png" class="bigplat">BIG CANVAS PLATFORMER</a> </div> <div id="About" class="tabcontent"> <h3>About</h3> <button class="Credit" onclick="openPage('Credit','transparent')">Credit</button> <style> .Credit{ position:absolute; left:100px; top:120px; } </style> <p>This was entirely made because of TH3 ROUG3 L3G3ND. I did not make this entirely at all but I also made it entirely. So Uhhh... please do not criticize me in the comments. This layout was taken off of W3Schools I changed it A LOT (obviously). I also used inspiration and parts from other creators to! I wanted to make this the best possible subpage EVER. Please No Hate! <br> <br> <p>I asked for there favorite quote because why not and here is what i got. </p> <li>Duke = "Never put off tomorrow what you can do today" ~ Mark Twain</li> <br> <li>Vicioustre𝑥 = "If you are humble nothing will touch you, neither praise nor disgrace, because you know what you are.” - St. Mother Teresa of Calcutta</li> <br> <li>wealR = "Lame lame lame lame" - some rando guy <br> <br> <li>ASBackup = "maam, i may be drunk, but in the morning i will be sober and u will still be ugly" - Churchill</li> <br> <br> <li>TURTLE--T = "homies help homies-jake the dog "</li> <br> <br> <br> <br> </div> <style> .Credit{ position:absolute; left:100px; top:120px; } </style> <body></body> <div id="Credit" class="tabcontent"> <h5>Credits</h5> <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/a/a0/W3Schools_logo.svg/640px-W3Schools_logo.svg.png" alt="avatar" style="width:70px; position:absolute; left: 30px; top:150px;"><a href="https://www.w3schools.com/" style=" position: relative; left:11px; top:74px;" >W3Schools</a> <img src="https://cdn.kastatic.org/images/avatars/svg/duskpin-ultimate.svg" alt="vic" style="width:70px; position:absolute; left: 130px; top:150px;"><a href="https://www.khanacademy.org/profile/kaid_1063463007130342809105382/" style=" position: relative; left:30px; top:74px;" >Vicioustre𝑥</a> <img src="https://cdn.kastatic.org/images/avatars/svg/starky-ultimate.svg" alt="vic" style="width:70px; position:absolute; left: 210px; top:150px;"><a href="https://www.khanacademy.org/profile/kaid_351465532815782433620675/" style=" position: relative; left:50px; top:74px;" >Duke</a> <img src="https://cdn.kastatic.org/images/avatars/svg/cs-hopper-cool.svg" alt="vic" style="width:70px; position:absolute; left: 300px; top:150px;"><a href="https://www.khanacademy.org/profile/kaid_831993479561352012904348" style=" position: relative; left:100px; top:74px;" >wealR</a> <img src="https://cdn.kastatic.org/images/avatars/svg/aqualine-tree.svg" alt="asb" style="width:70px; position:absolute; left: 400px; top:150px;"><a href="https://www.khanacademy.org/profile/ASBackup/" style=" position: relative; left:140px; top:74px;" >ASBackup</a> <img src="https://cdn.kastatic.org/third_party/javascript-khansrc/live-editor/build/images/creatures/OhNoes.png" alt="vic" style="width:70px; position:absolute; left: 500px; top:150px;"><a href="https://www.khanacademy.org/profile/kaid_787739682049464616877994" style=" position: relative; left:170px; top:74px;" >TURTLE--T</a> </div> <script> function openPage(pageName,elmnt,color) { var i, tabcontent, tablinks; tabcontent = document.getElementsByClassName("tabcontent"); for (i = 0; i < tabcontent.length; i++) { tabcontent[i].style.display = "none"; } tablinks = document.getElementsByClassName("tablink"); for (i = 0; i < tablinks.length; i++) { tablinks[i].style.backgroundColor = ""; } document.getElementById(pageName).style.display = "block"; elmnt.style.backgroundColor = color; } document.getElementById("defaultOpen").click(); </script> </body> </html> <!-- This Is my new subpage Enjoy it and please no Hate! This took me 2 weeks to finilize THere is 1 secret in my subpage -->
Folds	2,90,92,534
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgLvFq6GACAw
Votes	13
Spin-Offs	0
Type	WEBPAGE
Width	400
Height	400
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	HACK
Author Name	HACK1HACK
Author ID	kaid_6815067100354522609320825
Author Profile Access	PUBLIC

Archive Data

Added	1 months ago, 1733353958033
Updated	1 months ago, 1733353958033
Source Deleted	unknown