Viewing Program

Program Data

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

Title	Steph Curry [Primavera]
ID	5151145923231744
Created	2 years ago, 1651520894818
Updated	2 years ago, 1651608393823
Code	<!DOCTYPE html> <!-- Credit to Bluebird for the thumbnail script --> <html> <head> <meta charset="utf-8"> <title>Steph Curry [Primavera]</title> <link rel="preconnect" href="https://fonts.googleapis.com"> <link href="https://fonts.googleapis.com/css?family=Montserrat&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Quicksand&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Source+Sans+Pro&display=swap&family=Material+Icons" rel="stylesheet"> <!--Keyframes Animations--> <style> @keyframes main { 0% { opacity: 0.1; } 100% { opacity: 1; } } @keyframes nav { 0% { transform: scaleX(0); } 100% { transform: scaleX(1); } } @keyframes nav-close { 0% { transform: scaleX(1); } 100% { transform: scaleX(0); } } </style> <!--Main styling--> <style> * { margin: 0; padding: 10; } html { overflow-x: hidden; } body { background-color: white; font-family: Montserrat; } .page { margin: 64px 0px 0px 0px; } ::-webkit-scrollbar { background-color: white; } ::-webkit-scrollbar-thumb { background-color: navy; } ::-webkit-scrollbar-button { background-color: gold; } #navbar { top: 0; left: 0; right: 0; bottom: 0; position: fixed; z-index: 0; background-color: navy; padding: 10px; animation: nav 1s; } #navbar .material-icons { font-size: 110px; } #navbar a { color: gold; text-decoration: none; transition: 0.5s; padding: 15px; display: inline; text-align: center; margin-left: 220px; } #navbar a:hover { opacity: 0.8; } #navbar:active { animation: nav-close 2s; } .main-image { width: 100%; padding: 315px; background: url("https://upload.wikimedia.org/wikipedia/commons/thumb/7/7a/Stephen_Curry_close_up.jpg/800px-Stephen_Curry_close_up.jpg"); animation: main 1.5s; margin-top: -64px; } .content { margin: -55px 20px 20px 20px; } h1 { margin-top: 20px; margin-bottom: 10px; } h2 { margin-top: 10px; margin-bottom: 10px; } h3, p { margin-top: 5px; margin-bottom: 5px; } .material-icons { font-size: 55px; } #career-table { background-color: #FFF; } .box { color: navy; padding: 20px; box-shadow: 2px 2px 2px 2px gray; margin-bottom: 30px; } .box:hover { transition: 1s; transform: translateY(-3px); } .link { text-decoration: none; color: navy; } .slide-right { transition: 2s; } .slide-left { transition: 2s; } .nav-space { background-color: navy; width: 100%; padding-bottom: 10px; vertical-align: center; } .nav-space a { color: gold; text-decoration: none; font-size: 30px; padding-left: 10px; font-size: 35px; } .navspace a.home-link { } #toggle { color: gold; font-size: 50px; float: right; margin: 2px; margin-bottom: 18px; margin-right: 10px; } #toggle-close { color: gold; font-size: 50px; float: right; margin: 2px; margin-bottom: 16px; margin-right: 10px; } .sub-btn a { position: fixed; right: 0; bottom: 0; border-radius: 50px 50px 0px 50px; background-color: navy; color: gold; padding: 10px; } .sub-btn:hover { } .playoffs img { width: 70px; margin-left: 20px; margin-bottom: 5px; } </style> </head> <body> <!--Navigation bar--> <div class="nav-space"> <a href="javascript: changePage(1);" id="home-link">Steph Curry</a> <a href="javascript: showNav();"><i id="toggle" class="material-icons">menu</i></a> </div> <div id="navbar"> <a href="javascript: hideNav();"><i id="toggle-close" class="material-icons">close</i></a> <a href="javascript: changePage(1); hideNav();" title="Home"><i class="material-icons">home</i></a><br> <a href="javascript: changePage(2); hideNav();" title="About"><i class="material-icons">info</i></a><br> <a href="javascript: changePage(3); hideNav();" title="Records"><i class="material-icons">emoji_events</i></a><br> <a href="javascript: changePage(4); hideNav();" title="Current Play-offs"><i class="material-icons">leaderboard</i></a><br> </div> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script> <!--Navbar script--> <script> function showNav() { $("#navbar").show(); $("#toggle").hide(); $("#toggle-close").show(); } function hideNav() { $("#navbar").hide(); $("#toggle").show(); $("#toggle-close").hide(); } hideNav(); </script> <!--Home page--> <div class="page"> <div class="title main-image"></div> <div class="content"> <h1 style="margin-top: 70px">Stephen Curry</h1><br> <a href="javascript: changePage(2)" class="link"> <div class="box slide-right"> <h2>About</h2> <p>Learn the life of a legend.</p> </div> </a> <a href="javascript: changePage(3)" class="link"> <div class="box slide-left"> <h2>Records</h2> <p>Scroll through an impressive line-up of records.</p> </div> </a> <a href="javascript: changePage(4)" class="link"> <div class="box slide-right"> <h2>Current Play-offs</h2> <p>View the current NBA Playoffs!</p> </div> </a> <a href="javascript: changePage(5)" class="link"> <div class="box slide-right"> <h2>Subscribe</h2> <p>If you enjoyed this webpage, please subscribe for more content! =]</p> </div> </a> </div> </div> <!--About page--> <div class="page"> <div class="content"> <h1>About</h1> <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/1/1a/Stephen_Curry_2.jpg/800px-Stephen_Curry_2.jpg" style="width: 200px; float: right;"> <h2>Background</h2> <p>Wardell Stephen Curry is a professional NBA basketball player for the Golden State Warriors. He was born on the 14 March 1988. His father, Dell Curry, was a former NBA player.<br><br>He is also the older brother of current NBA player Seth Curry.</p><br><br><br> <h2>Career</h2> <img src="https://upload.wikimedia.org/wikipedia/commons/8/86/Stephen_Curry_%2816640524995%29.jpg" style="width: 300px;"> <h3>NBA Regular Season</h3> <table id="career-table"> <thead> <th title="Games Played">GP</th> <th title="Games Started">GS</th> <th title="Minutes Per Game">MPG</th> <th title="Field Goal %">FG %</th> <th title="3-point Field Goal %">3pt FG %</th> <th title="Free Throw %">FT%</th> <th title="Rebounds Per Game">RPG</th> <th title="Assists Per Game">APG</th> <th title="Steals Per Game">SPG</th> <th title="Blocks Per Game">BPG</th> <th title="Points Per Game">PPG</th> </thead> <tbody> <td>826</td> <td>820</td> <td>34.3</td> <td>0.473</td> <td>0.428</td> <td>0.908</td> <td>4.6</td> <td>6.5</td> <td>1.7</td> <td>0.2</td> <td>24.3</td> </tbody> </table> <h2>Awards</h2> <p>Curry has been the NBA MVP (most valuable player) twice, and has won three NBA championships.</p> <a href="https://en.wikipedia.org/wiki/Stephen_Curry">Read more on Wikipedia</a> </div> </div> <!--Records page--> <div class="page"> <div class="content"> <h1>NBA Records</h1> <ul> <li>Most 3pters in regular season - 402</li> <li>Most 3pters made in career - 3,117</li> <li>Only unanimous MVP in NBA history</li> <li>Longest 3pt streak - 157 games</li> <li>First player to join 50-40-90 club while averaging >30 PPG</li> <li>Fewest games to reach 1,000 3-pointers - 369 games</li> <li>Fewest games to reach 2,000 3-pointers - 597 games</li> <li></li> </ul> <h1>NBA All-stars Records</h1> <ul> <li>Most points in a quarter - 21</li> <li>Most 3 pters in a game - 16</li> <li>Most 3 pters in career - 47</li> <li>Most 3 pters in a half - 8</li> </ul> </div> </div> <!--Current play-offs page--> <div class="page"> <div class="content"> <h1>Here Is The Current NBA Play-offs</h1> <table class="playoffs"> <tr> <td>4-1<img src="https://upload.wikimedia.org/wikipedia/en/thumb/f/fb/Miami_Heat_logo.svg/800px-Miami_Heat_logo.svg.png"></td> <td></td> <td></td> <td></td> </tr> <tr> <td>1-4<img src="https://upload.wikimedia.org/wikipedia/en/thumb/2/24/Atlanta_Hawks_logo.svg/800px-Atlanta_Hawks_logo.svg.png"></td> <td><img src="https://upload.wikimedia.org/wikipedia/en/thumb/f/fb/Miami_Heat_logo.svg/800px-Miami_Heat_logo.svg.png"></td> <td></td> <td></td> </tr> <tr> <td>4-2<img src="https://upload.wikimedia.org/wikipedia/en/thumb/0/0e/Philadelphia_76ers_logo.svg/800px-Philadelphia_76ers_logo.svg.png"></td> <td><img src="https://upload.wikimedia.org/wikipedia/en/thumb/0/0e/Philadelphia_76ers_logo.svg/800px-Philadelphia_76ers_logo.svg.png"></td> <td></td> <td></td> </tr> <tr> <td>2-4<img src="https://upload.wikimedia.org/wikipedia/en/thumb/3/36/Toronto_Raptors_logo.svg/800px-Toronto_Raptors_logo.svg.png"></td> <td></td> <td></td> <td></td> </tr> <tr> <td>4-1<img src="https://upload.wikimedia.org/wikipedia/en/thumb/4/4a/Milwaukee_Bucks_logo.svg/800px-Milwaukee_Bucks_logo.svg.png"></td> <td></td> <td></td> <td></td> </tr> <tr> <td>1+4<img src="https://upload.wikimedia.org/wikipedia/en/thumb/6/67/Chicago_Bulls_logo.svg/800px-Chicago_Bulls_logo.svg.png"></td> <td>1-0<img src="https://upload.wikimedia.org/wikipedia/en/thumb/4/4a/Milwaukee_Bucks_logo.svg/800px-Milwaukee_Bucks_logo.svg.png"></td> <td></td> <td></td> </tr> <tr> <td>4-0<img src="https://upload.wikimedia.org/wikipedia/en/thumb/8/8f/Boston_Celtics.svg/800px-Boston_Celtics.svg.png"></td> <td>0-1<img src="https://upload.wikimedia.org/wikipedia/en/thumb/8/8f/Boston_Celtics.svg/800px-Boston_Celtics.svg.png"></td> <td></td> <td></td> </tr> <tr> <td>0-4<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/4/44/Brooklyn_Nets_newlogo.svg/800px-Brooklyn_Nets_newlogo.svg.png"></td> <td></td> <td></td> <td></td> </tr> <tr> <td>4-2<img src="https://upload.wikimedia.org/wikipedia/en/thumb/d/dc/Phoenix_Suns_logo.svg/800px-Phoenix_Suns_logo.svg.png"></td> <td></td> <td></td> <td></td> </tr> <tr> <td>2-4<img src="https://upload.wikimedia.org/wikipedia/en/thumb/0/0d/New_Orleans_Pelicans_logo.svg/800px-New_Orleans_Pelicans_logo.svg.png"></td> <td><img src="https://upload.wikimedia.org/wikipedia/en/thumb/d/dc/Phoenix_Suns_logo.svg/800px-Phoenix_Suns_logo.svg.png"></td> <td></td> <td></td> </tr> <tr> <td>4-2<img src="https://upload.wikimedia.org/wikipedia/en/thumb/9/97/Dallas_Mavericks_logo.svg/800px-Dallas_Mavericks_logo.svg.png"></td> <td><img src="https://upload.wikimedia.org/wikipedia/en/thumb/9/97/Dallas_Mavericks_logo.svg/800px-Dallas_Mavericks_logo.svg.png"></td> <td></td> <td></td> </tr> <tr> <td>2-4<img src="https://upload.wikimedia.org/wikipedia/en/thumb/0/04/Utah_Jazz_logo_%282016%29.svg/1280px-Utah_Jazz_logo_%282016%29.svg.png" style="padding: 15px"></td> <td></td> <td></td> <td></td> </tr> <tr> <td>4-1<img src="https://upload.wikimedia.org/wikipedia/en/thumb/0/01/Golden_State_Warriors_logo.svg/200px-Golden_State_Warriors_logo.svg.png"></td> <td></td> <td></td> <td></td> </tr> <tr> <td>1-4<img src="https://upload.wikimedia.org/wikipedia/en/thumb/7/76/Denver_Nuggets.svg/800px-Denver_Nuggets.svg.png"></td> <td>1-0<img src="https://upload.wikimedia.org/wikipedia/en/thumb/0/01/Golden_State_Warriors_logo.svg/200px-Golden_State_Warriors_logo.svg.png"></td> <td></td> <td></td> </tr> <tr> <td>4-2<img src="https://upload.wikimedia.org/wikipedia/en/thumb/f/f1/Memphis_Grizzlies.svg/800px-Memphis_Grizzlies.svg.png"></td> <td>0-1<img src="https://upload.wikimedia.org/wikipedia/en/thumb/f/f1/Memphis_Grizzlies.svg/800px-Memphis_Grizzlies.svg.png"></td> <td></td> <td></td> </tr> <tr> <td>2-4<img src="https://upload.wikimedia.org/wikipedia/en/thumb/c/c2/Minnesota_Timberwolves_logo.svg/800px-Minnesota_Timberwolves_logo.svg.png"></td> <td></td> <td></td> <td></td> </tr> </table> </div> </div> <!--Subscribe button--> <div class="sub-btn"> <a href="javascript:changePage(5)"><i class="material-icons">notifications</i></a> </div> <!--Subscribe page--> <div class="page"> <div class="content"> <h1>Subscribe to me!!</h1> <p>Subscribe to me <a href="https://www.khanacademy.org/computer-programming/tdjs-homepage/4838951661649920">here</a>. Thanks! =D</p> </div> </div> <!--Page switching 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-1].style.display = 'block'; window.scroll(0, 0); } changePage(1); </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	8,580
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgMP3iZ6TCQw
Votes	29
Spin-Offs	2
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, 1734464226868
Updated	23 days ago, 1734464278858
Source Deleted	unknown