Viewing Program

Program Data

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

Title	Bryce.com
ID	5413802549051392
Created	10 years ago, 1439912988050
Updated	9 years ago, 1459545629817
Code	<!DOCTYPE html> <!-- Bryce.com by Bryce Welcome to my official website! Check out my projects, subscribe to my programs, view other's latest programs and more! Spin-Off and create your own, personalized website. --> <html> <head> <meta charset="utf-8"> <meta name="keywords" content="Bryce, Khan, Academy, Khan Academy, Khan Academy Bryce.com, Bryce.com, Web devoloper, Mobile friendly, programming"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Bryce.com</title> <!--the special fonts--> <link href="https://fonts.googleapis.com/css?family=Roboto:400,300,200,100&subset=latin,cyrillic" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Audiowide:400,300,200,100&subset=latin,cyrillic" rel="stylesheet"> <!--the style--> <style> body { background:rgb(0, 0, 0); background-image:url(); font-family:"Roboto",sans-serif; font-weight:300; color:white; margin:0px; } h1 { display:inline-block; font-family:Audiowide, Roboto, sans-serif; font-size:2.7em; color:rgb(225, 125, 0); margin-bottom:0px; margin-top:10px; } li h1 .slogan { display:block; font-family:Audiowide, Roboto, sans-serif; font-size:13px; font-weight:300; text-align:center; margin-top:-3px; margin-bottom:0px; } h2 { background-color:rgb(225, 125, 0); float:left; width:150px; font-size:34px; font-weight:300; text-align:right; padding:0px 15px; margin-right:100%; } h3 { text-align:center; font-weight:300; font-size:22px; } h4 { font-weight:300; font-size:1.2em; margin:0px; margin-bottom:10px; } body::-webkit-scrollbar { width: 12px; background:none; } body::-webkit-scrollbar-track { background:#222; opacity:0; } body::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.25); } body::-webkit-scrollbar-thumb:hover { background: #AAA; } .banner { background:linear-gradient(rgba(255, 255, 255,0.1), rgba(255, 255, 255,0.2) 50%, rgba(255, 255, 255,0.2) 50%, rgba(255, 255, 255,0)); width:100%; text-align:right; } .mainbutton { display:inline-block; width:79px; padding:10px; box-sizing:border-box; text-align:center; font-size:16px; } .mainbutton:hover { background:rgba(255,255,255,0.1); transition:0.7s; cursor:pointer; } a { color:white; } a:hover { color:grey; transition:0.5s; } .action-button { background:rgb(225, 125, 0); display:inline-block; width:130px; margin:10px; padding:10px; text-align:center; text-decoration:none; } .action-button:hover { background:rgb(200, 100, 0); transition:0.3s; color:white; cursor:pointer; } .container { box-sizing:border-box; margin:auto; max-width:600px; padding:20px; } .content1 { background:rgba(255, 255, 255,0.15); } .content2 { background:rgba(255, 255, 255,0.1); } .current-projects ul li { display:inline-block; list-style-type:none; vertical-align:top; max-width:250px; padding:5px; padding-bottom:10px; box-sizing:border-box; margin-right:20px; } .current-projects img { min-width:250px; } ul { margin:auto; margin-left:-45px; text-align:center; width:100%; } ul li { display:inline-block; box-sizing:border-box; text-align:left; } .program { display:inline-block; padding:10px; } .program img { width:148px; } .program-title { position:relative; font-size:16px; text-align:center; color:white; } .program:hover { background-color:rgba(255,255,255,0.1); } .copyright { background-color:rgb(225, 125, 0); font-size:14px; text-align:center; padding:10px; box-sizing:border-box; margin:5px 0px 5px 0px; } .ad li { width:175px; height:225px; overflow-y:hidden; vertical-align:top; box-sizing:border-box; border:2px solid rgba(255,255,255,0.1); padding:16px; margin-bottom:3px; text-align:center; } .ad a { text-decoration:none; font-size:14px; } .ad li:hover { background:rgba(0,0,0,0.2); transition:0.5s; } .ad img { width:125px; } </style> </head> <body> <!--the header--> <div class="banner"> <ul> <li><h1>Bryce.com <pre class="slogan">I n g e n u i t y s t a r t s h e r e.</pre></h1> </li> <li><p class="mainbutton home-button">Home</p> <p class="mainbutton button1">About</p></li> <li><p class="mainbutton button2">Projects</p> <p class="mainbutton button3">More</p></li> </ul> </div> <!--home page--> <div id="home"> <h2>Home</h2> <div class="content1"> <div class="container"> <p style="text-align:center;border-bottom:1px solid rgba(255,255,255,0.1); padding:5px">Welcome to Bryce.com, my official website! NOTE: all links and buttons are only links within Khan Academy.</p> <div class="current-projects"> <h3>Latest Game!</h3> <ul> <li><img src="https://www.khanacademy.org/computer-programming/star-wars-the-game/5696808796946432/5668600916475904.png"></li> <li><p></p> <a class="action-button" href="https://www.khanacademy.org/computer-programming/star-wars-the-game/5696808796946432">Play Now</a> <a class="action-button button2" href="#" title="Bryce.com/projects">Learn More</a> </li> </ul> </div> </div> </div> <div class="content2"> <div class="container"> <h3>Be the First to Know: Subscribe Now</h3> <p>Be the first to see my great games, pictures, simulations and more, subscribe in the Tips-&-Thanks below by commenting under the "Subcribe Here" Tips-&-Thanks that will be posted by me.</p> <a class="action-button" href="https://www.khanacademy.org/computer-programming/brycecom/5413802549051392?qa_expand_key=kaencrypted_6562178f77185dde568002343a5f8c3c_7c9f4b2b151cd32272a3e27eacf765b5cb038aa03f9164524bb11434ccf1a4c9a8f83c8f6def93dc6167a525521df119490ac459ec2551266084f4dc520f5a9e82f7a222224295788801244913851b56e9d68130465702f0fcc2d5d6dc1c2fff4d05900679c0cd99d4bd6a844054d7576b9cb91633cd7f4e3bc8c993a9f212705dc3ff54daa614d09fb3d6ff14c76f6dca60821bd2449d8ef9515abf6586e53af36c4801ef24b2894673bb3858f037f38e882955af826d252f6bb8ec50efa442" title="This will take you to the tips-&-thanks">Subscribe</a> </div> </div> <div class="content1"> <div class="container"> <h3>Need Help on a Program?</h3> <p>If you have a question or need help on a program feel free to ask me. I have mastered these skills here on Khan Academy: HTML/CSS, HTML/JS: Making webpages interactive, Intro to JS, and Advanced JS: Games and Visualizations. </p> </div> </div> <div class="content2"> <div class="container"> <h3>Want to Learn More?</h3> <p>Learn about when I started programming, how I made this site and more.</p> <a class="action-button button1" href="#page1" title="Bryce.com/about">Learn More</a> </div> </div> <!--<div class="content1"> <div class="container"> <h3>Advertisments:</h3> <p>Post programs you want advertised in the Tips-&-Thanks below. Keep in mind there is only room for three advertisments. They will be posted on a first come, first served basis. I will change them up so everyone gets a chance. Thank you.</p> <ul class="ad"> <li><a href="https://www.khanacademy.org/computer-programming/cake-maker-with-winston-sos/4880672822001664"><img src="https://www.khanacademy.org/computer-programming/cake-maker-with-winston-sos/4880672822001664/5709068098338816.png"><div></div></a></li> <li><a href="https://www.khanacademy.org/computer-programming/10-reasons-why-we-love-ice-cream/6317693515988992"><img src="https://www.khanacademy.org/computer-programming/10-reasons-why-we-love-ice-cream/6317693515988992/5629499534213120.png"><div></div></a></li> <li><a href="https://www.khanacademy.org/computer-programming/funny-quotes/4954410464706560"><img src="https://www.khanacademy.org/computer-programming/funny-quotes/4954410464706560/5657382461898752.png"><div>Ready to laugh your head off? Then read this!</div></a></li> </ul> </div> </div>--> </div> <!--about page--> <div id="page1"> <h2>About</h2> <div class="content1"> <div class="container"> <h3>How it all Started</h3> <p>I started Khan Academy in 2012. Khan Academy had recently added a Computer Science section. After a while I watched all the videos they had on programming JavaScript (there were only like 10) but stopped after that. Around November 2014 I checked back and found that the Computer Science had expanded thier courses in JS. I quickly sped through the Intro to JS and Advance JS: Games and Visulizations and made my first game around January 2015 (<a href="https://www.khanacademy.org/computer-programming/space-defense/6380208835526656">Space Defense I</a>). I also completed thier HTML courses after the had been out for awhile, an experience that got me hooked on Web Development. Since then I have made over 6 games and quite a few pictures here on KA.</p> </div> </div> <div class="content2"> <div class="container"> <h3>My Promise</h3> <p>I promise to strive for excellence in all my programs. If you are not happy with any of my programs, feel free to give constructive feedback on ways to improve my programs. I am always open to improvement. </p> </div> </div> <div class="content1"> <div class="container"> <h3>About Me</h3> <p>I'm a self-taught programmer using Khan Academy to excel in learning. My main focus on Khan Academy is math and programming. I also enjoy helping others with their programs.</p> </div> </div> <div class="content2"> <div class="container"> <h3>About this Webpage</h3> <p>I have for a long time wanted to make a website on Khan Academy and for the past six months I haved learned everything on Khan Academy about HTML, CSS, and HTML/JS. On August 17th 2015 I had a moment of inspiration and created this website. I spent almost three hours solid working on it and got most of it done in one day. I loved how it all came together. It also is mobile-friendly. I always find it a ton of fun to make websites that look great. Feel free to spin-off and create your own home base. If you have any questions just ask.</p> </div> </div> </div> <!--project page--> <div id="page2"> <h2>Projects</h2> <div class="content1"> <div class="container"> <!--<h3>Current Projects</h3>--> <div class="current-projects"> <ul> <li><img src="https://www.khanacademy.org/computer-programming/star-wars-the-game/5696808796946432/5668600916475904.png"> <div class="program-title">Star Wars: The Game</div> </li> <li><h4>Description:</h4><em>Star Wars: The Game!</em>. An action-packed space game, guaranteed to leave you wanting more! Upgrade rockets, lasers, ships and more and blast those Imperials! <a class="action-button" href="https://www.khanacademy.org/computer-programming/star-wars-the-game/5696808796946432" >Check it Out</a> </li> </ul> </div> <!--<h3 id="beta-testing">BETA testing</h3> <p>Intrested in BETA testing <em>Monster Run!</em>? Here are some things to know:</p> <ol> <li>Anti-lag software makes this program take longer to load.</li> </ol> <p>As a BETA tester you will navigate the entire program and make sure all buttons, settings, links and more work like intended. You will also make sure that the help page is easy to understand, game play works and looks good, and that the levels are just had enough to be difficult but still be fun to play and addicting.</p> <a class="action-button" href="https://www.khanacademy.org/computer-programming/monster-run/6477571700162560" title="https://www.khanacademy.org/cs/monster-run">Start Testing Now</a>--> </div> </div> <div class="content2"> <div class="container"> <h3>Spotlight</h3> <div class="current-projects"> <ul> <li><img src="https://www.khanacademy.org/computer-programming/monster-run/6477571700162560/5634387206995968.png"></li> <li><h4>Description:</h4><em>Monster Run!</em>. This isn't your ordinary monster game—you <em>are</em> the monster. Move around the screen and touch all the people as fast as you can—if you dare. <a class="action-button" href="https://www.khanacademy.org/computer-programming/monster-run/6477571700162560" title="https://www.khanacademy.org/monster run!">Check it Out</a> </li> </ul> </div> </div> </div> <div class="content1"> <div class="container"> <h3>Past Projects</h3> <p>This is a small collection of some my best programs. View more <a href="https://www.khanacademy.org/computer-programming/the-best-of-my-programs/6476258294759424" title="https://www.khanacademy.org/computer-programming/the-best-of-my-programs/6476258294759424">Here</a> </p> <h3 id="games">Games:</h3> <ul> <li class="program"> <a href="https://www.khanacademy.org/computer-programming/space-defense-2/6326907020509184"><img src="https://www.khanacademy.org/computer-programming/space-defense-2/6326907020509184/5634985281191936.png"><div class="program-title"> Space Defense 2!</div> </a> </li> <li class="program" > <a href="https://www.khanacademy.org/computer-programming/space-defense/6380208835526656"><img src="https://www.khanacademy.org/computer-programming/space-defense/6380208835526656/5631943370604544.png"><div class="program-title"> Space Defense!</div> </a> </li> <li class="program" > <a href="https://www.khanacademy.org/computer-programming/reuse-reduce-recycle/5388799370723328"><img src="https://www.khanacademy.org/computer-programming/reuse-reduce-recycle/5388799370723328/5719238044024832.png"><div class="program-title"> Reuse Reduce Recycle</div> </a> </li> <li class="program" > <a href="https://www.khanacademy.org/computer-programming/doodle-dodge-the-game/4754244844519424"><img src="https://www.khanacademy.org/computer-programming/doodle-dodge-the-game/4754244844519424/5763418761986048.png"><div class="program-title">Doodle Dodge!</div> </a> </li> <li class="program" > <a href="https://www.khanacademy.org/computer-programming/sniper-x-the-game/5365649209688064"><img src="https://www.khanacademy.org/computer-programming/sniper-x-the-game/5365649209688064/5707702298738688.png"><div class="program-title">Sniper-X</div> </a> </li> <li class="program" > <a href="https://www.khanacademy.org/computer-programming/space-dodge/5565743880077312"><img src="https://www.khanacademy.org/computer-programming/space-dodge/5565743880077312/5721036024709120.png"><div class="program-title">Space-Dodge</div> </a> </li> </ul> <h3 id="images">Images:</h3> <ul> <li class="program"> <a href="https://www.khanacademy.org/computer-programming/an-easter-egg-basket-with-egg-viewer/5951859612975104"><img src="https://www.khanacademy.org/computer-programming/an-easter-egg-basket-with-egg-viewer/5951859612975104/5747976207073280.png"><div class="program-title"> Easter Egg Basket</div> </a> </li> <li class="program"> <a href="https://www.khanacademy.org/computer-programming/fancy-3d-christmas-tree/5824763619704832"><img src="https://www.khanacademy.org/computer-programming/fancy-3d-christmas-tree/5824763619704832/5686306919153664.png"><div class="program-title"> Christmas Tree</div> </a> </li> <li class="program"> <a href="https://www.khanacademy.org/computer-programming/my-new-logo/5151818944479232"><img src="https://www.khanacademy.org/computer-programming/my-new-logo/5151818944479232/5700735861784576.png"><div class="program-title"> My New Logo</div> </a> </li> <li class="program"> <a href="https://www.khanacademy.org/computer-programming/iron-man/6727130081787904"><img src="https://www.khanacademy.org/computer-programming/iron-man/6727130081787904/5692201761767424.png"><div class="program-title">Iron Man</div> </a> </li> <li class="program"> <a href="https://www.khanacademy.org/computer-programming/pillsbury-doughboy-comic/5413221734416384"><img src="https://www.khanacademy.org/computer-programming/pillsbury-doughboy-comic/5413221734416384/5668600916475904.png"><div class="program-title">Pllsbury Doughboy c...</div> </a> </li> </ul> <h3 id="animations">Animations:</h3> <ul> <li class="program"> <a href="https://www.khanacademy.org/computer-programming/mother-supernova-virus-20-final-version/6195277884293120"><img src="https://www.khanacademy.org/computer-programming/mother-supernova-virus-20-final-version/6195277884293120/5659645909663744.png"><div class="program-title">Supernova Virus</div> </a> </li> <li class="program"> <a href="https://www.khanacademy.org/computer-programming/my-futuristic-fantasy-race-car/4744230892339200"><img src="https://www.khanacademy.org/computer-programming/my-futuristic-fantasy-race-car/4744230892339200/5641332169113600.png"><div class="program-title">My futuristic Fantasy...</div> </a> </li> </ul> </div> </div> </div> <!--more page--> <div id="page3"> <h2>More</h2> <div class="content1"> <div class="container"> <h3>Contact Me</h3> <p>I'm available weekdays. I live in the Central Time Zone and will be able to answer/chat with you during the day.</p> </div> </div> <div class="content2"> <div class="container"> <h3>Intrested in Working With Me?</h3> <p>Have a project would like to make with me? I be thrilled to do it with you. I will be able to work with you depending upon my schedule/school/current projects that I'm doing.</p> </div> </div> <div class="content1"> <div class="container"> <h3>New Username!</h3> <p>NOTICE: I have changed my username from Virus to Bryce. I will still call my studio Virus Studios until I make a new logo for myself.</p> </div> </div> </div> <!--optional fourth page (not including home page)--> <div id="page4"> </div> <!--the footer--> <ul class="copyright"> <li>© 2015 Bryce.com</li> <li><a class="home-button" href="#">Home</a> \| <a class="button1" href="#">About</a> \| <a href="https://www.khanacademy.org/profile/BryceMCA/">Profile</a> \| <a href="https://www.khanacademy.org/profile/BryceMCA/projects">Programs</a></li> </ul> <script> //all the buttons var button1 = document.getElementsByClassName("button1"); var button2 = document.getElementsByClassName("button2"); var button3 = document.getElementsByClassName("button3"); var button4 = document.getElementsByClassName("button4"); var homeButton = document.getElementsByClassName("home-button"); //store all the pages var page1 = document.getElementById("page1"); var page2 = document.getElementById("page2"); var page3 = document.getElementById("page3"); var page4 = document.getElementById("page4"); var homePage = document.getElementById("home"); //these are the different functions for the different buttons. they set there pages display to "block" and all the rest "none". var about = function(){ homePage.style.display = "none"; page1.style.display = "block"; page2.style.display = "none"; page3.style.display = "none"; page4.style.display = "none"; }; var projects = function(){ homePage.style.display = "none"; page1.style.display = "none"; page2.style.display = "block"; page3.style.display = "none"; page4.style.display = "none"; }; var more = function(){ homePage.style.display = "none"; page1.style.display = "none"; page2.style.display = "none"; page3.style.display = "block"; page4.style.display = "none"; }; /optional fourth page var optional = function(){ homePage.style.display = "none"; page1.style.display = "none"; page2.style.display = "none"; page3.style.display = "none"; page4.style.display = "block"; };/ var home = function(){ homePage.style.display = "block"; page1.style.display = "none"; page2.style.display = "none"; page3.style.display = "none"; page4.style.display = "none"; }; //set it to the home page first home(); //monitor the other buttons to see if they have been clicked for(var i = 0; i < button1.length; i ++){ button1[i].addEventListener("click",about); } for(var i = 0; i < button2.length; i ++){ button2[i].addEventListener("click",projects); } for(var i = 0; i < button3.length; i ++){ button3[i].addEventListener("click",more); } //optional fourth page /for(var i = 0; i < button1.length; i ++){ button4.addEventListener("click",optional); }/ for(var i = 0; i < homeButton.length; i ++){ homeButton[i].addEventListener("click",home); } </script> </body> </html>
Folds	19,209,213,222,225,277,311,408,411,431,434,436,439,442,444,518
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgMiOsvrOCQw
Votes	174
Spin-Offs	31
Type	WEBPAGE
Width	400
Height	600
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	Bryce
Author Name	BryceMCA
Author ID	kaid_561440856627697338363145
Author Profile Access	COACH

Archive Data

Added	10 months ago, 1739381601336
Updated	10 months ago, 1739381707874
Source Deleted	unknown