Viewing Program

Program Data

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

Title	Youtube Clone 2
ID	4729285786943488
Created	4 years ago, 1624980084044
Updated	4 years ago, 1624980403655
Code	<!DOCTYPE html> <!-- Youtube Clone 2 Leaf 2021 If oh-noes comes, reload or refresh. refresh pages while switching videos. Most things are clickable Some channels exist and some are fake. You can only comment on the triangle video. Credit to bluebird for thumbnail script. Ace for dog animation No name for dude animation Pudding for gamer animation YT crew people Wanna sub : https://www.khanacademy.org/computer-programming/leaf-resubpage/5965098333454336 --> <html> <head> <meta charset="utf-8"> <title>Youtube Clone 2</title> <link rel="preconnect" href="https://fonts.gstatic.com"> <link href="https://fonts.googleapis.com/css2?family=Roboto+Condensed&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Material+Icons\|Josefin+Sans\|Google+Sans+Display:500,400" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap" rel="stylesheet"> <style> ::-webkit-scrollbar { width: 8px; } ::-webkit-scrollbar-track { background-color: white; border-radius: 13px; } ::-webkit-scrollbar-thumb { background-color: rgb(207, 207, 207, 0.7); border-radius: 50px; border: 1px solid white; } ::-webkit-scrollbar-thumb:hover { background-color: rgb(207, 207, 207, 1); border-radius: 50px; border: 1px solid white; } body { overflow-x: hidden; margin: 0; transition: background-color .5s; } .redLine { width: 150px; height: 3px; background-color: red; position: absolute; } .tooltip .tooltiptext { visibility: hidden; background-color: rgb(107, 106, 107); color: #fff; text-align: center; border-radius: 6px; padding: 10px; font-family: google sans display; position: absolute; z-index: 15; top: 113%; left: 50%; margin-left: -43px; } .tooltip:hover .tooltiptext { visibility: visible; opacity: 1; z-index: 15; } #ytIcon .material-icons { color: red; font-size: 32px; position: fixed; top: 10px; left: 44px; } #ytIcon:hover { cursor: pointer; } #ytIcon #utube { font-family: "Roboto Condensed", sans-serif; position: fixed; top: 14px; left: 78px; font-size: 20px; font-weight: bold; } #ytIcon #in { font-family: "Roboto Condensed", sans-serif; position: fixed; top: 14px; left: 151px; font-size: 10px; } input[type=text]:not(#sea){ position: fixed; top: 10px; left: 32vw; width: 32vw; height: 26px; outline: none; box-shadow: 0px 0px 2px 2px rgb(217, 213, 217) inset; border: 1px solid rgb(163, 163, 163); font-family: google sans display; } input[type=text]:focus{ box-shadow: 0px 0px 2px 2px rgb(209, 209, 209) inset; border:1px solid rgb(108, 99, 189); } .page { position: absolute; top: 7.5em; width: calc(100vw - 4.2em); left: 3.2em; } #search { position: fixed; left: 64vw; top: 10px; height: 30px; width: 41px; border: 1px solid rgb(163, 163, 163); outline: none; color: gray; } #search:hover { cursor: pointer; color: black; background-color: rgb(207, 207, 207); } #micid { position: fixed; left: 72vw; top: 10px; height: 30px; width: 43px; border: none; outline: none; background-color: transparent; color: gray; } #micid:hover { cursor: pointer; color: black; } #createb { position: fixed; left: 79vw; top: 10px; height: 30px; width: 43px; border: none; outline: none; background-color: transparent; color: gray; } #createb:hover { cursor: pointer; color: black; } #notif { position: fixed; left: 86vw; top: 10px; height: 30px; width: 43px; border: none; outline: none; background-color: transparent; color: gray; } #notif:hover { cursor: pointer; color: black; } #acc { position: fixed; left: 93vw; top: 10px; height: 30px; width: 43px; border: none; outline: none; background-color: transparent; color: green; } #acc:hover { cursor: pointer; } header #ytIcon, header{ background-color: white; height: 3.3em; } header { z-index: 5; position: fixed; top: 0px; width: 100vw; } #suggest { z-index: 7; } #sideSmall { font-family: roboto condensed; width: 3em; background-color: white; position: fixed; height: 89vh; } .menuIcon { position: fixed; left: 7px; } .menuIcon:hover { background-color: rgb(0, 0, 0, 0.1); border-radius: 20px; } .home { position: fixed; top: 80px; left: 5px; color: red; cursor: pointer; margin-left: 7px; } .ht { position: fixed; top: 108px; left: 2px; font-size: 13px; margin-left: 7px; } .explore { position: fixed; top: 162px; left: 5px; color: rgb(97, 97, 97); cursor: pointer; margin-left: 7px; } .et { position: fixed; top: 190px; left: 2px; font-size: 12px; margin-left: 7px; } .subs { position: fixed; top: 241px; left: 5px; color: rgb(97, 97, 97); cursor: pointer; margin-left: 7px; } .st { position: fixed; top: 269px; left: 2px; font-size: 12px; margin-left: 7px; } .library { position: fixed; top: 331px; cursor: pointer; left: 5px; color: rgb(97, 97, 97); margin-left: 7px; } .lt { position: fixed; top: 358px; left: 2px; font-size: 12px; margin-left: 7px; } .home:hover, .explore:hover, .subs:hover, .library:hover { color: black; } #suggest { position: fixed; left: 3em; top: 3.3em; background-color: white; padding: 10px; width: 100vw; height: 2.5em; margin: 0; white-space: nowrap; } #afterF { position: fixed; top: 6.6em; width: 100vw; margin-left: 3.5em; } #afterH { position: fixed; top: 2.7em; z-index: 7; width: 100vw; margin-left: 3.5em; } #suggest button { border: 1px solid rgb(163, 163, 163); outline: none; padding: 7px; border-radius: 16px; box-sizing: border-box; height: 32px; cursor: pointer; margin-right: 4px; background-color: rgba(0, 0, 0, 0.1); font-family: sans-serif; } #suggest button:hover { background-color: rgba(0, 0, 0, 0.2); } .sidenav { height: 100vh; width: 0; position: fixed; z-index: 8; top: 0; left: 0; background-color: white; overflow-x: hidden; transition: 200ms; } .sidenav a:not(.smalls), .sidenav h4, #account a { padding: 8px 8px 8px 32px; text-decoration: none; font-family: roboto condensed; color: rgb(79, 79, 79); display: block; transition: 0.3s; } #account a { padding: 8px; text-decoration: none; font-family: roboto; color: rgb(102, 102, 102); display: block; } .sidenav a:hover:not(#close):not(.smalls) { background-color: rgb(0, 0, 0, 0.15); } .sidenav .closebtn { position: absolute; top: 0; right: 25px; font-size: 36px; margin-left: 50px; } .smalls { display: inline-block !important; font-family: roboto condensed; text-decoration: none; color: #606060; white-space: nowrap; font-size: 0.8em; font-weight: 500; line-height: 1.8em; } #cc { padding-left: 32px; padding-right: 3px; color: rgb(82, 82, 82); font-family: roboto condensed; } #smol { padding-left: 32px; padding-right: 3px; } #main { transition: margin-left .5s; padding: 16px; } @media(max-height: 450px) { .sidenav {padding-top: 15px;} .sidenav a {font-size: 18px;} } #expContent button { width: 7em; height: 4.6em; font-size: 20px; background-color: rgb(245, 245, 245); border: none; outline: none; border-radius: 10px; cursor: pointer; margin-bottom: 10px; } #expContent button:hover { background-color: rgb(214, 214, 214); } .txt { font-family: roboto condensed; position: relative; top: 14px; left: -40px; } #expContent button .material-icons { position: relative; top: -15px; left: -20px; color: red; } .his { font-family: roboto condensed; position: relative; top: -7px; } .midH2 { font-family: roboto; text-align: center; justify-content: center; } .midB { background-color: #3ea6ff; border:none; outline: none; padding: 10px; font-weight: bold; margin-left: 31vw; } @media(min-height: 900px) { #pI { margin-left: 20vw; } } /* #202020 / #create { z-index: 11; position: fixed; top: 3em; left: 71vw; background-color: white; color: black; width: 9em; height: 7em; border: 1px solid rgb(196, 196, 196); font-family: roboto; font-weight: bold; padding: 5px; } #account { z-index: 11; position: fixed; top: 3em; left: 51vw; background-color: white; color: black; width: 45vw; height: 80vh; border: 1px solid rgb(196, 196, 196); font-family: roboto; font-weight: bold; padding: 5px; overflow: auto; } #notifications { position: fixed; top: 3em; left: 51vw; background-color: white; color: black; width: 45vw; height: 80vh; border: 1px solid rgb(196, 196, 196); font-family: roboto; font-weight: bold; padding: 5px; overflow: auto; overflow-x: hidden; z-index: 11; } #create a .material-icons { color: red; } #create a { color: black; text-decoration: none; } .aBitUp { position: relative; top: -7px; } .videoE { width: 28vw; height: 21.5vh; background-color: rgb(184, 184, 184); cursor: pointer; display: inline; margin: 2px; } .video { width: 28vw; height: 21.5vh; background-color: rgb(184, 184, 184); cursor: pointer; display: inline-grid; margin: 2px; } @media(max-width:500px) { .video { display: table; margin-bottom: 20px; background-color: white; } } #v1 { width: 28vw; height: 21.5vh; background-image: url(https://upload.wikimedia.org/wikipedia/commons/thumb/2/2b/Jupiter_and_its_shrunken_Great_Red_Spot.jpg/800px-Jupiter_and_its_shrunken_Great_Red_Spot.jpg); background-size: 28vw; } #v1:hover { background-image: url(https://upload.wikimedia.org/wikipedia/commons/thumb/a/a3/790106-0203_Voyager_58M_to_31M_reduced.gif/292px-790106-0203_Voyager_58M_to_31M_reduced.gif); background-size: 28vw; } #v2 { width: 28vw; height: 21.5vh; background-image: url(https://upload.wikimedia.org/wikipedia/commons/thumb/5/5e/BH_LMC.png/800px-BH_LMC.png); background-size: 28vw; } #v2:hover { background-image: url(https://upload.wikimedia.org/wikipedia/commons/thumb/d/d6/BlackHole_Lensing.gif/220px-BlackHole_Lensing.gif); background-size: 28vw; } #v3 { width: 28vw; height: 21.5vh; background-image: url(https://upload.wikimedia.org/wikipedia/commons/8/83/Android_TV_game_controller.jpg); background-size: 28vw 21.3vh; } #v3:hover { background-image: url(https://upload.wikimedia.org/wikipedia/commons/b/bb/Kar-go_Real-time_Neural_Network_Processing.gif); background-size: 28vw 21.3vh; } #v7 { width: 28vw; height: 21.5vh; background-image: url(https://upload.wikimedia.org/wikipedia/commons/thumb/f/fe/American_Eskimo_Dog_1.jpg/1200px-American_Eskimo_Dog_1.jpg); background-size: 28vw 21.3vh; } #v7:hover { background-image: url(https://upload.wikimedia.org/wikipedia/en/4/45/DJ_Dog.gif); background-size: 28vw 21.3vh; } #v8 { width: 28vw; height: 21.5vh; background-image: url(https://upload.wikimedia.org/wikipedia/en/0/02/My_Neighbor_Totoro_-_Tonari_no_Totoro_%28Movie_Poster%29.jpg); background-size: 28vw 21.3vh; } #v8:hover { background-image: url(https://upload.wikimedia.org/wikipedia/commons/a/ae/Wikiquake.gif); background-size: 28vw 21.3vh; } #v0 { width: 28vw; height: 21.5vh; background-image: url(https://upload.wikimedia.org/wikipedia/commons/thumb/5/59/Triangle_warning_sign_%28red_and_white%29.svg/1170px-Triangle_warning_sign_%28red_and_white%29.svg.png); background-size: 28vw 21.3vh; background-color: rgb(207, 199, 207); border: 1px solid gray; } #v0:hover { background-image: url(https://upload.wikimedia.org/wikipedia/commons/7/74/Animated_construction_of_Sierpinski_Triangle.gif); background-size: 28vw 21.3vh; } #v9 { width: 28vw; height: 21.5vh; background-image: url(https://upload.wikimedia.org/wikipedia/commons/6/60/400m_CIF_San_Diego_Championship_2007.jpg); background-size: 28vw 21.3vh; } #v9:hover { background-image: url(https://upload.wikimedia.org/wikipedia/commons/e/e3/Animhorse.gif); background-size: 28vw 21.3vh; } #v4 { width: 28vw; height: 21.5vh; background-image: url(https://upload.wikimedia.org/wikipedia/commons/thumb/3/39/C_Hello_World_Program.png/402px-C_Hello_World_Program.png); background-size: 28vw 21.3vh; border: 1px solid rgb(219, 219, 219); } #v4:hover { background-image: url(https://upload.wikimedia.org/wikipedia/commons/thumb/f/f5/Computer-screen-code-glitch-animation-gif-background-free.gif/1280px-Computer-screen-code-glitch-animation-gif-background-free.gif); background-size: 28vw 21.3vh; } #v5 { width: 28vw; height: 21.5vh; background-image: url(https://upload.wikimedia.org/wikipedia/commons/d/d1/GPB_circling_earth.jpg); background-size: 28vw 21.3vh; } #v5:hover { background-image: url(https://upload.wikimedia.org/wikipedia/commons/7/78/Relativity_of_Simultaneity_Animation.gif); background-size: 28vw 21.3vh; } #v6 { width: 28vw; height: 21.5vh; background-color: rgb(195, 203, 207); background-image: url(https://upload.wikimedia.org/wikipedia/commons/thumb/9/98/Lorentz_boost_x_direction_standard_configuration.svg/390px-Lorentz_boost_x_direction_standard_configuration.svg.png); background-size: 28vw 21.3vh; } #v6:hover { background-image: url(https://upload.wikimedia.org/wikipedia/commons/0/0b/Lorentz_Galilean_Comparison.gif); background-size: 28vw 21.3vh; border: 1px solid rgb(219, 219, 219); } .text { font-family: Google sans display; } .img img { width: 30px; border-radius: 50%; position: relative; top: 10px; } .title { color: black; font-weight: bold; } .channel { position: relative; top: 2px; left: 32px; color: gray; font-size: 15px; } .stats { position: relative; top: 18px; left: -55px; font-size: 12px; color: rgb(102, 102, 102); } .time { color: white; font-family: roboto condensed; background-color: black; float: right; position: relative; top: 16.6vh; padding: 3px; } h2 { font-family: roboto; } .biggy { font-size: 5em; border-radius: 50%; background-color: rgb(179, 179, 179); } .biggyt { font-size: 2.5em; font-family: roboto; font-weight: bold; position: absolute; } .movies { width: 28vw; height: 41.7vh; cursor: pointer; display: inline-block; margin: 2px; } #m1 { background-image: url(https://upload.wikimedia.org/wikipedia/en/8/8a/The_Avengers_%282012_film%29_poster.jpg); background-size: 100% 100%; } #m2 { background-image: url(https://upload.wikimedia.org/wikipedia/en/f/f6/Gravity_Poster.jpg); background-size: 100% 100%; } #m3 { background-image: url(https://upload.wikimedia.org/wikipedia/en/b/bc/Interstellar_film_poster.jpg); background-size: 100% 100%; } #m4 { background-image: url(https://upload.wikimedia.org/wikipedia/en/5/5a/It_%282017%29_poster.jpg); background-size: 100% 100%; } #m5 { background-image: url(https://upload.wikimedia.org/wikipedia/en/0/08/Annabelle_Creation.jpg); background-size: 100% 100%; } #m6 { background-image: url(https://upload.wikimedia.org/wikipedia/en/thumb/1/1f/Conjuring_poster.jpg/220px-Conjuring_poster.jpg); background-size: 100% 100%; } #mg1 { background-image: url(https://upload.wikimedia.org/wikipedia/en/thumb/5/51/Minecraft_cover.png/220px-Minecraft_cover.png); background-size: 100% 100%; } #mg2 { background-image: url(https://upload.wikimedia.org/wikipedia/en/thumb/a/a5/Grand_Theft_Auto_V.png/220px-Grand_Theft_Auto_V.png); background-size: 100% 100%; } #mg3 { background-image: url(https://upload.wikimedia.org/wikipedia/en/thumb/a/ae/Fortnite_Save_The_World.jpg/220px-Fortnite_Save_The_World.jpg); background-size: 100% 100%; } .gp { font-family: google sans display; } .pb { color: rgb(52, 88, 186); cursor: pointer; font-family: google sans display; } .helpp { width: 16em; height: 18em; float: right; box-shadow: 0px 0px 6px 1px rgb(0, 0, 0, 0.5); z-index: 4; border-radius: 10px; padding: 14px; margin-top: 10px; overflow: auto; } .li:before { content: '⚀'; margin-left: -20px; margin-right: 10px; } #sea { width: 80%; margin-left: 8%; height: 30px; border: none; outline: none; box-shadow: -1px 1px 5px 1px gray; border-radius: 7px; padding: 3px; } #feedhead { background-color: #009999; font-family: roboto; font-weight: bold; color: white; height: 3em; } #feedhead .material-icons { border: 1px solid white; border-radius: 7px; padding: 3px; } .noo { width: 99%; padding-top: 26px; height: 61vh; border: none; outline: none; font-family: google sans display; font-size: 1.1em; resize: none; } .noo:hover { border: none; outline: none; } #sp { margin: 10px; } #feed { position: fixed; top: 0; left: 0; right: 0; z-index: 9; width: 101%; } .svgs { pointer-events: none; display: block; width: 20vw; height: 100%; float: right; } #accountP h3, #accountP h4{ font-family: roboto condensed; } #accountP p { font-family: google sans display; color: rgb(0, 0, 0,0.8); } table { font-family: google sans display; } canvas { border: 1px solid; width: 25em; height: 15.62em; } #his-vid .video { display: inline; } #his-vid-two .video { display: inline; } #head-sub { width: 104%; height: 4em; margin-top: -0.1em; background-color: black; color: white; text-align: center; font-size: 2em; font-family: sans-serif; } .sub-btn { font-family: sans-serif; background-color: gray; color: white; padding: 12px; margin-top: 21px; cursor: pointer; } #comment-box { width: 100%; resize: none; border:none; border-bottom: 1px solid black; outline: none; font-family: google sans display; } #submit { font-family: sans-serif; background-color: gray; color: white; padding: 12px; float: right; cursor: pointer; border-radius: 3px; outline: none; border: none; } </style> </head> <body> <script type> var img = ["https://upload.wikimedia.org/wikipedia/en/thumb/6/65/Kurzgesagt.png/200px-Kurzgesagt.png", "https://upload.wikimedia.org/wikipedia/commons/thumb/f/f4/Code.org_logo.svg/1200px-Code.org_logo.svg.png", "https://upload.wikimedia.org/wikipedia/commons/thumb/6/62/BBC_News_2019.svg/800px-BBC_News_2019.svg.png", "https://upload.wikimedia.org/wikipedia/commons/1/15/Khan_Academy_Logo_Old_version_2015.jpg"]; var content = ["Javascript tutorial", "Cyberpunk continued #4", "whhaaattt?", "I have no idea", "Covid Delta+"]; var channel = ["Code", "gameish", "Osorry", "BBC NEWS", "beast"]; var con_tent = Math.floor(Math.random() (content.length)); var cha_nnel = Math.floor(Math.random() * (channel.length)); var im_g = Math.floor(Math.random() * (img.length)); //content[con_tent] </script> <header> <span class="material-icons menuIcon" style="cursor:pointer;padding:2px;" onclick="openNav();">menu</span> <div id="ytIcon"> <span class="material-icons">smart_display</span> <span id="utube">YouTube</span> <span id="in">IN</span> </div> <input type="text" placeholder="Search"> <button id="search"><div class="tooltip"><span class="material-icons">search</span> <span class="tooltiptext">Search</span> </div></button> <button id="micid"><div class="tooltip"><span class="material-icons">mic</span> <span class="tooltiptext">Search with your voice</span> </div></button> <button id="createb" onclick="popup('create');"><div class="tooltip"><span class="material-icons"><span class="material-icons"> video_call </span></span> <span class="tooltiptext">Create</span> </div></button> <button id="notif" onclick="popup('notifications');"><div class="tooltip"><span class="material-icons">notifications</span> <span class="tooltiptext">Notifications</span> </div></button> <button id="acc" onclick="popup('account');"><div class="tooltip"><span class="material-icons">account_circle</span> <span class="tooltiptext">Account</span> </div></button> </header> <hr id="afterH"> <div id="suggest"> <button title="All" style="background-color: rgb(0, 0, 0, 0.6); color:white;">All</button> <button title="Coding">Coding</button> <button title="Live">Live</button> <button title="Gaming">Gaming</button> <button title="Comedies">Comedies</button> <button title="Tech">Tech</button> <button title="News">News</button> <button title="Cyperpunk">Cyberpunk</button> </div> <hr id="afterF"> <div id="mainNav" class="sidenav"> <a href="#" id='close' onclick="closeNav();">☰</a> <hr> <a href="javascript:changePage(1);" onclick="closeNav();"><span style='color:red' class="material-icons">home</span>  Home</a> <a href="javascript:changePage(2);" onclick="closeNav();"><span class="material-icons">explore</span>  Explore</a> <a href="javascript:changePage(3);" onclick="closeNav();"><span class="material-icons">subscriptions</span>  Subscriptions</a> <hr> <a href="javascript:changePage(4);" onclick="closeNav();"><span class="material-icons">video_library</span>  Library</a> <a href="javascript:changePage(5);" onclick="closeNav();"><span class="material-icons">history</span>  History</a> <a href="javascript:changePage(6);" onclick="closeNav();"><span class="material-icons">slideshow</span>  Your videos</a> <a href="javascript:changePage(7);" onclick="closeNav();"><span class="material-icons">access_time_filled</span>  Watch later</a> <a href="javascript:changePage(8);" onclick="closeNav();"><span class="material-icons">thumb_up</span>  Liked videos</a> <a href="javascript:changePage(9);" onclick="closeNav();"><span class="material-icons">playlist_play</span>  Saved videos</a> <hr> <a href="#">Subscriptions</a> <a href="javascript:changePage(10);" onclick="closeNav();">MrBeast YT</a> <hr> <a href="#">More from youtube</a> <a href="javascript:changePage(14);" onclick="closeNav();"><span class="material-icons">smart_display</span>  Youtube premium</a> <a href="javascript:changePage(15);" onclick="closeNav();"><span class="material-icons">theaters</span>  Movies</a> <a href="javascript:changePage(16);" onclick="closeNav();"><span class="material-icons">sports_esports</span>  Gaming</a> <a href="javascript:changePage(17);" onclick="closeNav();"><span class="material-icons">sensors</span>  Live</a> <a href="javascript:changePage(18);" onclick="closeNav();"><span class="material-icons">checkroom</span>  Fashion</a> <a href="javascript:changePage(19);" onclick="closeNav();"><span class="material-icons">lightbulb</span>  Learning</a> <a href="javascript:changePage(20);" onclick="closeNav();"><span class="material-icons">emoji_events</span>  Sports</a> <hr> <a href="javascript:changePage(21);" onclick="closeNav();"><span class="material-icons">settings</span>  Settings</a> <a href="javascript:changePage(22);" onclick="closeNav();"><span class="material-icons">flag</span>  Report history</a> <a href="javascript:changePage(23);" onclick="closeNav();"><span class="material-icons">help</span>  Help</a> <a href="javascript:changePage(24);" onclick="closeNav();bodyFeed();"><span class="material-icons">feedback</span>  Send feedback</a> <hr> <div id="smol"> <a class="smalls" href="javascript:changePage(25);" onclick="closeNav();">About</a> <a class="smalls" href="#">Press</a> <a class="smalls" href="#">Copyright</a> <a class="smalls" href="#">Contact us</a> <a class="smalls" href="#">Creators</a> <a class="smalls" href="#">Advertise</a> <a class="smalls" href="#">Developers</a> <br> <br> <a class="smalls" href="#">Terms</a> <a class="smalls" href="#">Privacy</a> <a class="smalls" href="#">Policy and Safety</a> <a class="smalls" href="#">How Youtube works</a> <a class="smalls" href="#">Test new features</a> </div> <br> <span id="cc">© 2021 Google LLC [Clone]</span> </div> <nav id="sideSmall"> <span class="home" onclick="changePage(1);"> <span class="material-icons">home</span><span class="ht">Home</span></span> <span class="explore" onclick="changePage(2);"> <span class="material-icons">explore</span><span class="et">Explore</span></span> <span class="subs" onclick="changePage(3);"> <span class="material-icons">subscriptions</span><span class="st">Subsc-<br>riptions</span></span> <span class="library" onclick="changePage(4);"> <span class="material-icons">video_library</span><span class="lt">Library</span></span> </nav> <div class="page"> <div id="videos"> <div class="video" onclick="changePage(26);addToHistory(1)"> <div id="v1"><span class="time">3:00</span></div> <div class="text"> <span class="img"><img src="https://cdn.kastatic.org/third_party/javascript-khansrc/live-editor/build/images/landscapes/waterfall_niagara-falls.png" alt="channel"></span> <span class="title">Jupiter</span> <span class="channel">FactBrocker</span> <span class="stats">403K views</span> </div> </div> <div class="video" id="video2" onclick="changePage(27);addToHistory(2)"> <div id="v2"><span class="time">9:56</span></div> <div class="text"> <span class="img"><img src="https://upload.wikimedia.org/wikipedia/en/thumb/6/65/Kurzgesagt.png/200px-Kurzgesagt.png" alt="channel"></span> <span class="title">Black holes</span> <span class="channel">Kurzgesagt</span> <span class="stats">4.6M views</span> </div> </div> <div class="video" id="video3" onclick="changePage(28);addToHistory(3)"> <div id="v3"><span class="time">9:00</span></div> <div class="text"> <!--https://upload.wikimedia.org/wikipedia/commons/thumb/f/f4/Code.org_logo.svg/1200px-Code.org_logo.svg.png--> <span class="img"><img src="https://upload.wikimedia.org/wikipedia/commons/5/59/Gaming_PC_set_up.jpg" alt="channel"></span> <span class="title">Gamer move</span> <span class="channel">Gaming pro</span> <span class="stats">19.3K views</span> </div> </div> <br><br><br><br><br><br> <div class="video" id="video4" onclick="changePage(29);addToHistory(4)"> <div id="v4"><span class="time">6:43</span></div> <div class="text"> <span class="img"><img src="https://cdn.kastatic.org/third_party/javascript-khansrc/live-editor/build/images/avatars/leaf-grey.png" alt="channel"></span> <span class="title">About Leaf</span> <span class="channel">Leafyy!</span> <span class="stats">1B views</span> </div> </div> <div class="video" id="video5" onclick="changePage(30);addToHistory(5)"> <div id="v5"><span class="time">9:43</span></div> <div class="text"> <span class="img"><img src="https://upload.wikimedia.org/wikipedia/commons/9/9a/CollageFisica.jpg" alt="channel"></span> <span class="title">Relativity Math</span> <span class="channel">Physics!</span> <span class="stats">161K views</span> </div> </div> <div class="video" id="video6" onclick="changePage(31);addToHistory(6)"> <div id="v6"><span class="time">8:21</span></div> <div class="text"> <span class="img"><img src="https://upload.wikimedia.org/wikipedia/commons/1/15/Khan_Academy_Logo_Old_version_2015.jpg" alt="channel"></span> <span class="title">Lorentz Tran..</span> <span class="channel">KhanAcademy</span> <span class="stats">1M views</span> </div> </div> <br><br><br><br><br><br> <div class="video" onclick="changePage(32);addToHistory(7)"> <div id="v7"><span class="time">3:00</span></div> <div class="text"> <span class="img"><img src="https://cdn.kastatic.org/third_party/javascript-khansrc/live-editor/build/images/avatars/starky-sapling.png" alt="channel"></span> <span class="title">Doggy</span> <span class="channel">AceCreator</span> <span class="stats">2M views</span> </div> </div> <div class="video" onclick="changePage(33);addToHistory(8)"> <div id="v8"><span class="time">3:00</span></div> <div class="text"> <span class="img"><img src="https://cdn.kastatic.org/third_party/javascript-khansrc/live-editor/build/images/landscapes/waterfall_niagara-falls.png" alt="channel"></span> <span class="title">totoro</span> <span class="channel">AnimaFever</span> <span class="stats">403K views</span> </div> </div> <div class="video" onclick="changePage(34);addToHistory(9)"> <div id="v9"><span class="time">3:00</span></div> <div class="text"> <span class="img"><img src="https://cdn.kastatic.org/third_party/javascript-khansrc/live-editor/build/images/landscapes/waterfall_niagara-falls.png" alt="channel"></span> <span class="title">A fast guy</span> <span class="channel">NoDude</span> <span class="stats">700K views</span> </div> </div> </div> </div> <div class="page" id="expContent"> <button><span class="material-icons">local_fire_department</span><span class="txt">Trending</span></button> <button><span class="material-icons" style="color:rgb(141, 161, 9);">music_note</span><span class="txt">Music</span></button> <button><span class="material-icons" style="color:rgb(217, 144, 26);">sports_esports</span><span class="txt">Gaming</span></button> <button><span class="material-icons" style="color:rgb(26, 109, 217);">feed</span><span class="txt">News</span></button> <button><span class="material-icons" style="color:rgb(87, 26, 217);">theaters</span><span class="txt">Movies</span></button> <button><span class="material-icons" style="color:rgb(217, 26, 195);">tips_and_updates</span><span class="txt">Fashion</span></button> <button><span class="material-icons" style="color:rgb(20, 173, 12);">emoji_objects</span><span class="txt">Learn</span></button> <button><span class="material-icons" style="color:rgb(26, 217, 211);">sensors</span><span class="txt">Live</span></button> <button><span class="material-icons" style="color:rgb(9, 60, 122);">emoji_events</span><span class="txt">Sports</span></button> <br><br> <div id="videosE"> <div class="videoE" onclick="changePage(26);addToHistory(1)"> <div id="v1"><span class="time">3:00</span></div> <div class="text"> <span class="img"><img src="https://cdn.kastatic.org/third_party/javascript-khansrc/live-editor/build/images/landscapes/waterfall_niagara-falls.png" alt="channel"></span> <span class="title">Jupiter</span> <span class="channel">FactBrocker</span> <span class="stats">403K views</span> </div> </div> <br> <div class="videoE" id="video2" onclick="changePage(27);addToHistory(2)"> <div id="v2"><span class="time">9:56</span></div> <div class="text"> <span class="img"><img src="https://upload.wikimedia.org/wikipedia/en/thumb/6/65/Kurzgesagt.png/200px-Kurzgesagt.png" alt="channel"></span> <span class="title">Black holes</span> <span class="channel">Kurzgesagt</span> <span class="stats">4.6M views</span> </div> </div><br> <div class="videoE" id="video3" onclick="changePage(28);addToHistory(3)"> <div id="v3"><span class="time">9:00</span></div> <div class="text"> <!--https://upload.wikimedia.org/wikipedia/commons/thumb/f/f4/Code.org_logo.svg/1200px-Code.org_logo.svg.png--> <span class="img"><img src="https://upload.wikimedia.org/wikipedia/commons/5/59/Gaming_PC_set_up.jpg" alt="channel"></span> <span class="title">Gamer move</span> <span class="channel">Gaming pro</span> <span class="stats">19.3K views</span> </div> </div> <br> <div class="videoE" id="video4" onclick="changePage(29);addToHistory(4)"> <div id="v4"><span class="time">6:43</span></div> <div class="text"> <span class="img"><img src="https://cdn.kastatic.org/third_party/javascript-khansrc/live-editor/build/images/avatars/leaf-grey.png" alt="channel"></span> <span class="title">About Leaf</span> <span class="channel">Leafyy!</span> <span class="stats">1B views</span> </div> </div> <br> <div class="videoE" id="video5" onclick="changePage(30);addToHistory(5)"> <div id="v5"><span class="time">9:43</span></div> <div class="text"> <span class="img"><img src="https://upload.wikimedia.org/wikipedia/commons/9/9a/CollageFisica.jpg" alt="channel"></span> <span class="title">Relativity Math</span> <span class="channel">Physics!</span> <span class="stats">161K views</span> </div> </div> <br> <div class="videoE" id="video6" onclick="changePage(31);addToHistory(6)"> <div id="v6"><span class="time">8:21</span></div> <div class="text"> <span class="img"><img src="https://upload.wikimedia.org/wikipedia/commons/1/15/Khan_Academy_Logo_Old_version_2015.jpg" alt="channel"></span> <span class="title">Lorentz Tran..</span> <span class="channel">KhanAcademy</span> <span class="stats">1M views</span> </div> </div> <br> <div class="videoE" onclick="changePage(32);addToHistory(7)"> <div id="v7"><span class="time">3:00</span></div> <div class="text"> <span class="img"><img src="https://cdn.kastatic.org/third_party/javascript-khansrc/live-editor/build/images/avatars/starky-sapling.png" alt="channel"></span> <span class="title">Doggy</span> <span class="channel">AceCreator</span> <span class="stats">2M views</span> </div> </div><br> <div class="videoE" onclick="changePage(33);addToHistory(8)"> <div id="v8"><span class="time">3:00</span></div> <div class="text"> <span class="img"><img src="https://cdn.kastatic.org/third_party/javascript-khansrc/live-editor/build/images/landscapes/waterfall_niagara-falls.png" alt="channel"></span> <span class="title">totoro</span> <span class="channel">AnimaFever</span> <span class="stats">403K views</span> </div> </div><br> <div class="videoE" onclick="changePage(34);addToHistory(9)"> <div id="v9"><span class="time">3:00</span></div> <div class="text"> <span class="img"><img src="https://cdn.kastatic.org/third_party/javascript-khansrc/live-editor/build/images/landscapes/waterfall_niagara-falls.png" alt="channel"></span> <span class="title">A fast guy</span> <span class="channel">NoDude</span> <span class="stats">700K views</span> </div> </div><br> </div> </div> <div class="page"> <span class="material-icons">a</span> <span class="his">Today</span> <span style='float:right;color:blue'><span class="his">Manage</span>  <span class="material-icons">view_module</span>  <span class="material-icons">view_list</span></span> <br><br> <div id="videos"> <div class="video" id="video2" onclick="changePage(27);addToHistory(2)"> <div id="v2"><span class="time">9:56</span></div> <div class="text"> <span class="img"><img src="https://upload.wikimedia.org/wikipedia/en/thumb/6/65/Kurzgesagt.png/200px-Kurzgesagt.png" alt="channel"></span> <span class="title">Black holes</span> <span class="channel">Kurzgesagt</span> <span class="stats">4.6M views</span> </div> </div> <div class="video" onclick="changePage(26);addToHistory(1)"> <div id="v1"><span class="time">3:00</span></div> <div class="text"> <span class="img"><img src="https://cdn.kastatic.org/third_party/javascript-khansrc/live-editor/build/images/landscapes/waterfall_niagara-falls.png" alt="channel"></span> <span class="title">Jupiter</span> <span class="channel">FactBrocker</span> <span class="stats">403K views</span> </div> </div> <div class="video" id="video3" onclick="changePage(28);addToHistory(3)"> <div id="v3"><span class="time">9:00</span></div> <div class="text"> <!--https://upload.wikimedia.org/wikipedia/commons/thumb/f/f4/Code.org_logo.svg/1200px-Code.org_logo.svg.png--> <span class="img"><img src="https://upload.wikimedia.org/wikipedia/commons/5/59/Gaming_PC_set_up.jpg" alt="channel"></span> <span class="title">Gamer move</span> <span class="channel">Gaming pro</span> <span class="stats">19.3K views</span> </div> </div> <br><br><br><br><br><br> <div class="video" id="video4" onclick="changePage(29);addToHistory(4)"> <div id="v4"><span class="time">6:43</span></div> <div class="text"> <span class="img"><img src="https://cdn.kastatic.org/third_party/javascript-khansrc/live-editor/build/images/avatars/leaf-grey.png" alt="channel"></span> <span class="title">About Leaf</span> <span class="channel">Leafyy!</span> <span class="stats">1B views</span> </div> </div> <div class="video" onclick="changePage(34);addToHistory(9)"> <div id="v9"><span class="time">3:00</span></div> <div class="text"> <span class="img"><img src="https://cdn.kastatic.org/third_party/javascript-khansrc/live-editor/build/images/landscapes/waterfall_niagara-falls.png" alt="channel"></span> <span class="title">A fast guy</span> <span class="channel">NoDude</span> <span class="stats">700K views</span> </div> </div> <div class="video" id="video6" onclick="changePage(31);addToHistory(6)"> <div id="v6"><span class="time">8:21</span></div> <div class="text"> <span class="img"><img src="https://upload.wikimedia.org/wikipedia/commons/1/15/Khan_Academy_Logo_Old_version_2015.jpg" alt="channel"></span> <span class="title">Lorentz Tran..</span> <span class="channel">KhanAcademy</span> <span class="stats">1M views</span> </div> </div> <br><br><br><br><br><br> <div class="video" onclick="changePage(32);addToHistory(7)"> <div id="v7"><span class="time">3:00</span></div> <div class="text"> <span class="img"><img src="https://cdn.kastatic.org/third_party/javascript-khansrc/live-editor/build/images/avatars/starky-sapling.png" alt="channel"></span> <span class="title">Doggy</span> <span class="channel">AceCreator</span> <span class="stats">2M views</span> </div> </div> <div class="video" onclick="changePage(33);addToHistory(8)"> <div id="v8"><span class="time">3:00</span></div> <div class="text"> <span class="img"><img src="https://cdn.kastatic.org/third_party/javascript-khansrc/live-editor/build/images/landscapes/waterfall_niagara-falls.png" alt="channel"></span> <span class="title">totoro</span> <span class="channel">AnimaFever</span> <span class="stats">403K views</span> </div> </div> </div> </div> <div class="page"> <span class="material-icons">history</span> <span class="his">History</span><br><br> <span class="his">Videos you watch will show up here. </span> <br> <div id="his-vid"></div> <br><br> </div> <div class="page"> <span class="material-icons">history</span> <span class="his">History</span><br><br> <span class="his">The list has no videos </span> <br> <div id="his-vid-two"></div> <br><br> </div> <div class="page"> <h2>No video uploaded</h2> </div> <div class="page"> <div style="float:left"> <div class="video" id="video6"> <div id="v6"><span class="time">Play All ▶</span></div> </div> <h2>  Watch later</h2> <p style='width: 37vw;font-family:google sans display;color:gray;'> 1 videos • No views • Last updated on Jun 14, 2021</p> <p style='color: gray;background-color:rgb(219, 219, 219);padding: 2px;width:15vw'> <span class="material-icons"> lock </span> <span class="his">Private</span></p> <hr> <span class="material-icons" style='color:green'>account_circle</span> <span class="aBitUp" style='font-family:roboto condensed'>  Your Name</span> </div> <div class="float:right"> <p style='font-family:roboto condensed'>Unavailable videos are hidden </p> <div class="video" id="video6" onclick="changePage(31);addToHistory(6)"> <div id="v6"><span class="time">8:21</span></div> <div class="text"> <span class="img"><img src="https://upload.wikimedia.org/wikipedia/commons/1/15/Khan_Academy_Logo_Old_version_2015.jpg" alt="channel"></span> <span class="title">Lorentz Tran..</span> <span class="channel">KhanAcademy</span> <span class="stats">1M views</span> </div> </div> </div> </div> <div class="page"> <div style="float:left"> <div class="video" id="video5"> <div id="v5"><span class="time">Play All ▶</span></div> </div> <h2>  Liked videos</h2> <p style='width: 37vw;font-family:google sans display;color:gray;'> 1 video • No views • Updated yesterday</p> <p style='color: gray;background-color:rgb(219, 219, 219);padding: 2px;width:15vw'> <span class="material-icons"> lock </span> <span class="his">Private</span></p> <hr> <span class="material-icons" style='color:green'>account_circle</span> <span class="aBitUp" style='font-family:roboto condensed'>  Your Name</span> </div> <div class="float:right"> <p style='font-family:roboto condensed'>Unavailable videos are hidden </p> <div class="video" id="video5" onclick="changePage(30);addToHistory(5)"> <div id="v5"><span class="time">9:43</span></div> <div class="text"> <span class="img"><img src="https://upload.wikimedia.org/wikipedia/commons/9/9a/CollageFisica.jpg" alt="channel"></span> <span class="title">Relativity Math</span> <span class="channel">Physics!</span> <span class="stats">161K views</span> </div> </div> </div> </div> <div class="page"> <div style="float:left"> <div class="video" id="video2"> <div id="v2"><span class="time">Play All ▶</span></div> </div> <h2>  Saved Videos</h2> <p style='width: 37vw;font-family:google sans display;color:gray;'> 1 video • No views • Last updated on Apr 14, 2020</p> <p style='color: gray;background-color:rgb(219, 219, 219);padding: 2px;width:12vw'>  <span style='font-family:roboto condensed'>Private</span></p> <br> <input class="his" placeholder='No desciption' style='border:none;outline:none'> <span class="material-icons" style='float:right'>edit</span> <hr> <span class="material-icons" style='color:green'>account_circle</span> <span class="aBitUp" style='font-family:roboto condensed'>  Your Name</span> </div> <div class="float:right"> <p style='font-family:roboto condensed'>Sort </p> <div class="video" id="video2" onclick="changePage(27);addToHistory(2)"> <div id="v2"><span class="time">9:56</span></div> <div class="text"> <span class="img"><img src="https://upload.wikimedia.org/wikipedia/en/thumb/6/65/Kurzgesagt.png/200px-Kurzgesagt.png" alt="channel"></span> <span class="title">Black holes</span> <span class="channel">Kurzgesagt</span> <span class="stats">4.6M views</span> </div> </div> </div> </div> <div class="page"> <div id="head-sub">subscribe for a cookie :)</div> <br> <span class="material-icons biggy" style='color:rgb(38, 157, 166);background-color:rgb(204, 204, 204);border:1px solid rgb(59, 59, 59)'>pets</span> <span class="biggyt" style='font-family:roboto condensed'>MrBeast YT</span> <span class="his">64M subscribers</span> <span style='float:right' class='sub-btn'>Subscribed</span> <br> <br> <div class="video" onclick="changePage(35);addToHistory(10)"> <div id="v0"><span class="time">9:60</span></div> <div class="text"> <span class="img"><img src="https://cdn.kastatic.org/third_party/javascript-khansrc/live-editor/build/images/avatars/duskpin-ultimate.png" alt="channel"></span> <span class="title">Anything you...</span> <span class="channel">MrBeast YT</span> <span class="stats">37M views</span> </div> </div> </div> <div class="page"> <h1>c2</h1> </div> <div class="page"> <h2>c3</h2> </div> <div class="page"> <h1>c4</h1> </div> <div class="page"> <br> <img id="pI" src="https://upload.wikimedia.org/wikipedia/commons/c/cd/Youtube_Premium.png" alt="p" width='500'> <h2 class="midH2">YouTube and YouTube Music ad-free, offline, and in the background</h2> <br> <button class="midB">GET YOUTUBE PREMIUM</button> <br><br> <h3 class="midH2">Prepaid plans start at ₹139.00/month. Subscription plans temporarily unavailable.</h3> </div> <div class="page"> <br> <span class="material-icons biggy">theaters</span> <span class="biggyt">Movies & Shows</span> <span class="his">Watch the latest and greatest hits</span> <br><br><br> <span class="his">Science Fiction</span> <br> <div class="movies" id="m1"></div> <div class="movies" id="m2"></div> <div class="movies" id="m3"></div> <br><br><br> <span class="his">Horror</span> <br> <div class="movies" id="m4"></div> <div class="movies" id="m5"></div> <div class="movies" id="m6"></div> <br><br><br> </div> <div class="page"> <br> <span class="material-icons biggy">sports_esports</span> <span class="biggyt">Gaming</span> <span class="his">89.5M subscribers</span> <br><br><br> <span class="his">Top live games<br>Auto-generated by youtube</span> <br> <br> <div class="movies" id="mg1"></div> <div class="movies" id="mg2"></div> <div class="movies" id="mg3"></div> <br><br><br> </div> <div class="page"> <br> <span class="material-icons biggy">sensors</span> <span class="biggyt">Live</span> <span class="his">14.2M subscribers</span> <br> <br> <br><br><br> </div> <div class="page"> <br> <span class="material-icons biggy">checkroom</span> <span class="biggyt">Fashion & Beauty</span> <span class="his">1.43M subscribers</span> <br> <br> <br><br><br> </div> <div class="page"> <br> <span class="material-icons biggy">lightbulb</span> <span class="biggyt">Learning</span> <span class="his">1.4M subscribers</span> <br> <br> <br><br><br> </div> <div class="page"> <br> <span class="material-icons biggy">emoji_events</span> <span class="biggyt">Sports</span> <span class="his">75M subscribers</span> <br> <br> <br><br><br> </div> <div class="page" id="accountP"> <svg class="svgs" viewBox="0 0 155 155" preserveAspectRatio="xMidYMid meet" focusable="false"> <g fill="none" fill-rule="evenodd" viewBox="0 0 155 155" class="style-scope yt-icon"><path d="M3.9 76.2C3.9 37.9 32.7 13 68.3 13c39.1 0 65.4 27.6 64.4 63.2 0 3.1-.3 6.2-.7 9.2-.7 4.8-6.2 8-7.8 12.4-1.8 5 .2 11-2.7 15.4a59.7 59.7 0 0 1-18.6 17.7c-9.6 5.9-21.6 4-35 4.3-12.7.4-24 2.9-33.8-2.7-18.5-10.6-30.2-30.9-30.2-56.3" fill="#EEE" class="style-scope yt-icon"></path><path d="M78.7 92.5c14.1-6.8 5.6-21 1.4-26.3 4.3 3.2 7.6 1.6 9.2.3 1.7-1.3 2.6-5-.9-8-3.4-3-13.9-13.5-21.6-20.8-.3-.2-18.6-1.7-28.2 8.3-8.6 8.9-14.4 33.2-14.4 33.2 16.1 23.5 11.9 35 5.6 44.5 10.7 7.7 49-6.6 48-7.6-9.1-8.1-10.2-18.3.9-23.6" fill="#FF76DA" class="style-scope yt-icon"></path><g transform="translate(28 115.7)" class="style-scope yt-icon"><mask fill="#fff" class="style-scope yt-icon"><path d="M1 .4h74V25H1z" class="style-scope yt-icon"></path></mask><path d="M40.3 25c8.7-.3 16.8-1.9 24-4.6 1.7-.6 1-1.4 2.7-2.2 1.4-.6 5.2-1.3 6.5-2.1l1.4-.9c-2.2-1-5.7-2.7-9.5-4.8-1.2-.6-4.1-.9-5.4-1.6-1.3-.7-.9-2-2.2-2.7a100.6 100.6 0 0 1-8-5.7H6.3c-1 5.3-3 9.7-5.3 13.1 1.2 1 2.5 1.8 3.9 2.6s5.3 1.4 6.8 2.1c1.4.7.4 1.6 1.8 2.2 8 3.3 17.1 4.9 26.8 4.6" fill="#00D4B5" mask="url(#b)" class="style-scope yt-icon"></path></g><path d="M32.9 131.8a59 59 0 0 0 8.6 4.3h50.7c3.3-1.2 6.4-2.7 9.3-4.3H32.9zM37.6 126h55.8c-2.5-1.2-5-2.7-7.6-4.2H37.6v4.3z" fill="#FFF" class="style-scope yt-icon"></path><path d="M46.4 55c14.1 1.7 14.1 14.3 14.1 14.3L55 74s-2.3-3.3-7.8-2.1c2.2 1.3 3.7 3.2 4.8 5.3 2.6 5.1 2.1 13-6 16.4-3 1.2-7 4-7.3 8.3-.4 6.5 4.6 10 11.6 8.7 2 9-6.2 24.8-26.9 22.5a22.9 22.9 0 0 1-18-32.7c5.4-11.8 22.4-14.7 18.9-21L46.4 55z" fill="#4620AE" class="style-scope yt-icon"></path><path d="M56.1 32a31 31 0 0 0-27 9.3C22.7 47.9 17.2 57 19 67.7c.8 3.7 40.7-35 37-35.7" fill="#00D4B5" class="style-scope yt-icon"></path><path d="M14.3 35c0-5.2 4-8.5 8.7-8.5 5.3 0 8.9 3.7 8.7 8.5a8.6 8.6 0 0 1-8.7 8.7c-5 .1-8.7-3.5-8.7-8.7" fill="red" class="style-scope yt-icon"></path><path d="M73.9 72.5c-2.8-1.3-6-1-6.8 2.3-.6 2.2.3 5.8 4.8 7.4a27.9 27.9 0 0 0 14.4 1.3c.6-3.1-.2-6.4-1.4-9.4-2.7.4-6.8.4-11-1.6" fill="#FFF" class="style-scope yt-icon"></path><path d="M104.6 46H75.7c-3.6 0-5 2-5 5 0 2.9.7 5.7 4.6 5.7h30.3l-1-10.7z" fill="#4620AE" class="style-scope yt-icon"></path><path d="M137.8 42.6h-29c-5.8 0-8.3 3.3-8.3 8 0 4.8 2.3 9.4 7.8 9.4h28.4l1.1-17.4z" fill="#4620AE" class="style-scope yt-icon"></path><path d="M101.3 57.8a.8.8 0 0 1-.6-.4 13 13 0 0 1-1.2-6.5c0-.4.4-.7.8-.7s.7.4.7.8c-.2 1.9.2 4.3 1 5.7a.8.8 0 0 1-.7 1.1" fill="#9A4DFF" class="style-scope yt-icon"></path><path d="M131 51.2c0-6.9 4.8-11.4 10.7-11.4 6.4 0 10.8 5 10.6 11.4-.2 6.6-4.2 11.5-10.6 11.7-6.1.2-10.6-4.6-10.6-11.7" fill="red" class="style-scope yt-icon"></path><path d="M136.1 51.3c0-3.7 2.5-6 5.6-6 3.4 0 5.7 2.6 5.6 6-.1 3.4-2.3 6-5.6 6.1-3.2.1-5.6-2.4-5.6-6.1" fill="#FFF" class="style-scope yt-icon"></path><path d="M124.4 66c.7-5.9 0-10.4-3.3-10.8-3.4-.4-4.5 4-4.5 4s.2-4.5-3-5c-3.2-.4-4.6 4.4-4.6 4.4s.9-4.7-3.6-4.3c-4.5.3-9.2 11.5-7.2 28.3a38.3 38.3 0 0 0 23.3 30.6c5.4-8 9-17.5 10.4-27.8-5.5-3.5-8.3-12.3-7.5-19.5" fill="#FF76DA" class="style-scope yt-icon"></path><path d="M107 71.7a.8.8 0 0 1-.7-.8c0-2.6.7-7.8 1.4-10.7 0-.4.5-.7.9-.6.4 0 .6.5.5.9-.7 3.2-1.3 8.1-1.3 10.4 0 .4-.3.8-.7.8M114.8 71.7a.8.8 0 0 1-.7-.8c0-2.6.7-7.8 1.3-10.7.1-.4.5-.7 1-.6.3 0 .6.5.5.9-.7 3.2-1.3 8.1-1.3 10.4 0 .4-.4.8-.8.8" fill="#4620AE" class="style-scope yt-icon"></path><path d="M66.8 37.7l-.7-.6a20.2 20.2 0 0 0-10-5L19.2 67.6c.7 3.7 2.3 7.5 5 11.5l42.6-41.5z" fill="red" class="style-scope yt-icon"></path><path d="M48.6 55.4C59.1 53 71.6 45 66.8 37.7L48.6 55.4z" fill="#4620AE" class="style-scope yt-icon"></path></g></svg> <h3>Account</h3> <h2>Choose how you appear and what you see on YouTube </h2> <p>Signed in as abcdefg@abc.com</p> <br><hr> <h3>Your YouTube channel</h3> <p>This is your public presence on YouTube. You need a channel to upload your own videos, comment on videos, or create playlists. </p> <h4>Your channel</h4> <span class="material-icons" style="color:green;font-size:4em">account_circle</span><span class="his">  Your name</span><br><br> <span class="pb"> Channel status and features</span><br> <span class="pb">Create a new channel</span><br> <span class="pb">View advanced settings</span><br> <br><hr><br> <h4>Your account</h4> <p>You sign in to YouTube with your Google Account</p> <br> <table> <thead> <tr></tr> <tr></tr> </thead> <tbody> <tr> <td><b>Google Account</b></td> <td><span class="pb">View or change your Google Account settings.</span> You will be redirected to your Google Account page</td></tr> <tr> <td></td> <td></td> </tr> <tr> <td></td> <td></td> </tr> <tr> <td><b>Membership</b></td> <td> <b>No membership</b> \| <span class="pb">Get YouTube Premium</span> YouTube Premium offers uninterrupted music, ad-free videos, and more</td></tr> </tbody> </table> <br><br> </div> <div class="page"> <h2>Thanks for reporting</h2> <p class="gp">Any member of the YouTube community can flag content to us that they believe violates our Community Guidelines. When something is flagged, it’s not automatically taken down. Flagged content is reviewed in line with the following guidelines:</p> <ul class="gp"> <li>Content that violates our <span class="pb">Community Guidelines</span> is removed from YouTube.</li> <li>Content that may not be appropriate for all younger audiences may be age-restricted.</li> <li>Reports filed for content that has been deleted by the creator cannot be shown.</li> </ul> <p class="gp pb">Learn more about reporting content on YouTube.</p> </div> <div class="page"> <div class="helpp"> <h2 style='text-align:center'>Help</h2> <input id="sea" type="text" placeholder="Search Help"> <p class="gp">Popular help resources</p> <ul class="gp" style='color: rgb(65, 69, 145)'> <li class="li">Get in touch with the YouTube Creator Support team <li class="li">Verify your YouTube account <li class="li">Choose comment settings <li class="li">Delete or hide your YouTube channel <li class="li">Get help as a YouTube Creator <li class="li">Browse all articles <li class="li">Visit help forum </ul> </div> </div> <div class="page" id="feed"> </div> <div class="page"> <img style="margin-left:28vw;margin-top:2em" src="https://upload.wikimedia.org/wikipedia/commons/thumb/b/b8/YouTube_Logo_2017.svg/1920px-YouTube_Logo_2017.svg.png" alt='yt' width='192'> <h2 style='text-align:center'>Our mission is to give everyone a voice and show them the world.<br> We believe that everyone deserves to have a voice, and that the world is a better place when we listen, share and build community through our stories. <br> Our values are based on four essential freedoms that define who we are.</h2> </div> <div class="page"> <script src="https://www.khanacademy.org/computer-programming/i/4749837339672576/embed.js?editor=no&buttons=yes&author=yes&embed=yes"></script> </div> <div class="page"> <script src="https://www.khanacademy.org/computer-programming/i/6329078158147584/embed.js?editor=no&buttons=no&author=no&embed=yes"></script> </div> <div class="page"> <script src="https://www.khanacademy.org/computer-programming/i/5245234000642048/embed.js?editor=no&buttons=no&author=no&embed=yes"></script> </div> <div class="page"> <script src="https://www.khanacademy.org/computer-programming/i/5659571810942976/embed.js?editor=no&buttons=yes&author=yes&embed=yes"></script> </div> <div class="page"> <script src="https://www.khanacademy.org/computer-programming/i/6546673079631872/embed.js?editor=no&buttons=no&author=no&embed=yes"></script> </div> <div class="page"> <script src="https://www.khanacademy.org/computer-programming/i/5120493789069312/embed.js?editor=no&buttons=no&author=no&embed=yes"></script> </div> <div class="page"> <script src="https://www.khanacademy.org/computer-programming/i/4778588354068480/embed.js?editor=no&buttons=yes&author=yes&embed=yes"></script> </div> <div class="page"> <script src="https://www.khanacademy.org/computer-programming/i/6502768518316032/embed.js?editor=no&buttons=no&author=no&embed=yes"></script> </div> <div class="page"> <script src="https://www.khanacademy.org/computer-programming/i/4665924936744960/embed.js?editor=no&buttons=no&author=no&embed=yes"></script> </div> <div class="page"> <script src="https://www.khanacademy.org/computer-programming/i/4834565367480320/embed.js?editor=no&buttons=no&author=no&embed=yes"></script> <br><br> <textarea id="comment-box" placeholder="Add a public comment.."></textarea> <button id="submit" onclick="codeDecode();">Comment</button><br><br> <br><hr> <div id="no" style="font-family:roboto condensed"></div> <br> <div id="api"></div> </div> <!-- popups --> <div id="create" style="display:none"> <br> <a href="#"><span class="material-icons">smart_display</span><span class="aBitUp">  Upload Video</span></a> <br><br> <a href="#"><span class="material-icons">sensors</span><span class="aBitUp">  Go Live</span></a> <br> </div> <div id="notifications" style="display:none"> <span style='font-weight:bold'>Notifications</span> <span style="float:right;color:gray" class="material-icons">settings</span> <br> <hr> <br> <div id="notific"></div> </div> <div id="account" style="display:none"> <span class="material-icons" style='color:green'>account_circle</span> <span class="aBitUp">  Your Name</span> <br> <span style='font-size:0.8em;color:blue;'>            Manage your Google Account</span> <br> <hr> <a href="#"><span class="material-icons">account_box</span>  <span style='position:relative;top:-6px'>Your channel</span></a> <a href="#"><span class="material-icons">monetization_on</span>  <span style='position:relative;top:-6px'>Purchases/Memberships</span></a> <a href="#"><span class="material-icons">video_settings</span>  <span style='position:relative;top:-6px'>Youtube Studio</span></a> <a href="#"><span class="material-icons">switch_account</span>  <span style='position:relative;top:-6px'>Switch Account<span style="float:right" class="material-icons">chevron_right</span></span></a> <a href="#"><span class="material-icons">logout</span>  <span style='position:relative;top:-6px'>Sign out</span></a> <hr> <a href="#"><span class="material-icons">brightness_4</span>  <span style='position:relative;top:-6px'>Appearance: Light <span style="float:right" class="material-icons">chevron_right</span></span></a> <a href="#"><span class="material-icons">translate</span>  <span style='position:relative;top:-6px'>Language<span style="float:right" class="material-icons">chevron_right</span></span></a> <a href="#"><span class="material-icons">language</span>  <span style='position:relative;top:-6px'>Location<span style="float:right" class="material-icons">chevron_right</span></span></a> <a href="#"><span class="material-icons">settings</span>  <span style='position:relative;top:-6px'>Settings</span></a> <a href="#"><span class="material-icons">admin_panel_settings</span>  <span style='position:relative;top:-6px'>Your data</span></a> <a href="#"><span class="material-icons">help</span>  <span style='position:relative;top:-6px'>Help</span></a> <a href="#"><span class="material-icons">feedback</span>  <span style='position:relative;top:-6px'>Send feedback</span></a> <a href="#"><span class="material-icons">keyboard</span>  <span style='position:relative;top:-6px'>Keyboard shortcuts</span></a> </div> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script type> function openNav() { document.getElementById("mainNav").style.width = "250px"; document.getElementById("mainNav").style.boxShadow="300px 22px 132px 200px rgba(0,0,0,0.47)"; } function closeNav() { document.getElementById("mainNav").style.width = "0"; document.getElementById("mainNav").style.boxShadow="0px 0px 0px 0px rgb(0, 0, 0, 0)"; } 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({ top: 0, left: 0, behavior: "smooth" }); } changePage(1); function popup(what) { //document.getElementById(what).style.display="block"; $("#"+what).toggle(); }; function n() { var newD = document.createElement("div"); var toD = document.getElementById("notific"); newD.innerHTML ="<img src='"+ img[im_g]+"' alt='s' width='50' style='border-radius:50%'><br><br><div style='position:relative;top:-15px;left:10px'><b style='font-weight:bold;font-family:sans-serif;'>"+channel[cha_nnel]+"</b> uploaded  <i><br>" + content[con_tent] + "</i></div>"; toD.appendChild(newD); } n(); function bodyFeed() { document.getElementById("feed").innerHTML = ` <div id="feedhead"> <span class="material-icons" style="cursor:pointer" onclick="remove(1);">clear</span> <span>    Send Feedback</span> <span class="material-icons" style='float:right'>send</span> </div> <textarea class="noo" type='text' placeholder="Have feedback? We'd love to hear it, but please don't share sensitive information. Have questions? Try help or support."></textarea> <p class="gp" id="sp">Go to the Legal Help page to request content changes for legal reasons. Some account and system information may be sent to Google. We will use the information you give us to help address technical issues and to improve our services, subject to our Privacy Policy and Terms of Service.</p> `; } //idkk function remove(what) { changePage(what); } $.getJSON("https://www.khanacademy.org/api/internal/discussions/scratchpad/4729285786943488/comments?format=pretty&callback=?", function(data){ for(var i = 0; i < data.feedback.length; i++){ var a = document.createElement('div'); var b = document.getElementById('api'); var d = data.feedback[i].content; var rd = d.split("-"); var index = data.feedback[i]; a.innerHTML = `<br><div> <img src="${index.authorAvatarSrc}" alt="a" width="80" style="float:left"> <h2 style="font-family:roboto condensed;">${index.authorNickname} <span style="color:gray;font-size:0.5em">${index.date.substr(0, 10)}</span></h2> <p style="font-family:google sans display">${rd[1]}</p> <span style="font-size: 1em; font-family:google sans display"> <span class="material-icons">thumb_up</span> <span class="his"> ${index.sumVotesIncremented} \| ${index.replyCount} replies \|</span> <span class="material-icons">thumb_down</span> <span class="his"> \| <a target="_blank" href="https://khanacademy.org/cs/i/4729285786943488?qa_expand_key=${index.expandKey}">REPLY</a></span> </span> </div><br><br>`; if(d.startsWith("CommentTo") && !d.includes(">") && !d.includes("<")){ b.appendChild(a); } var xn = document.getElementById("api").childElementCount; document.getElementById("no").innerHTML = xn+" Comment(s)"; } }); function codeDecode() { var input = document.getElementById("comment-box"); var btn = document.getElementById("submit"); var code = "CommentTo" + "-" + input.value; if(input.value !== ""){ input.value = code; //btn.innerHTML = "Copy the code"; copyFunc(); } else { input.placeholder = "write something first..." } } function copyFunc() { var copyText = document.getElementById("comment-box"); copyText.select(); copyText.setSelectionRange(0, 99999) document.execCommand("copy"); alert("Copied the text: " + copyText.value + "\nNow, paste this text in the T&T of the program :)"); } function addToHistory(id){ var vid = document.createElement('div'); var vide = document.createElement('div'); var getE = document.getElementById("his-vid"); var get2E = document.getElementById("his-vid-two"); if(id === 1){ vid.innerHTML = `<div class="video" onclick="changePage(26);"> <div id="v1"><span class="time">3:00</span></div> <div class="text"> <div class="redLine"></div> <span class="img"><img src="https://cdn.kastatic.org/third_party/javascript-khansrc/live-editor/build/images/landscapes/waterfall_niagara-falls.png" alt="channel"></span> <span class="title">Jupiter</span> <span class="channel">FactBrocker</span> <span class="stats">403K views</span> </div> </div>`; } else if(id===2){ vid.innerHTML = `<div class="video" id="video2" onclick="changePage(27);"> <div id="v2"><span class="time">9:56</span></div> <div class="text"> <div class="redLine"></div> <span class="img"><img src="https://upload.wikimedia.org/wikipedia/en/thumb/6/65/Kurzgesagt.png/200px-Kurzgesagt.png" alt="channel"></span> <span class="title">Black holes</span> <span class="channel">Kurzgesagt</span> <span class="stats">4.6M views</span> </div> </div>`; } else if(id===3){ vid.innerHTML = `<div class="video" id="video3" onclick="changePage(28);"> <div id="v3"><span class="time">9:00</span></div> <div class="text"> <div class="redLine"></div> <!--https://upload.wikimedia.org/wikipedia/commons/thumb/f/f4/Code.org_logo.svg/1200px-Code.org_logo.svg.png--> <span class="img"><img src="https://upload.wikimedia.org/wikipedia/commons/5/59/Gaming_PC_set_up.jpg" alt="channel"></span> <span class="title">Gamer move</span> <span class="channel">Gaming pro</span> <span class="stats">19.3K views</span> </div> </div>`; } else if(id===4){ vid.innerHTML = `<div class="video" id="video4" onclick="changePage(29);"> <div id="v4"><span class="time">6:43</span></div> <div class="text"> <div class="redLine"></div> <span class="img"><img src="https://cdn.kastatic.org/third_party/javascript-khansrc/live-editor/build/images/avatars/leaf-grey.png" alt="channel"></span> <span class="title">About Leaf</span> <span class="channel">Leafyy!</span> <span class="stats">1B views</span> </div> </div> `; } else if(id===5){ vid.innerHTML = `<div class="video" id="video5" onclick="changePage(30);"> <div id="v5"><span class="time">9:43</span></div> <div class="text"> <div class="redLine"></div> <span class="img"><img src="https://upload.wikimedia.org/wikipedia/commons/9/9a/CollageFisica.jpg" alt="channel"></span> <span class="title">Relativity Math</span> <span class="channel">Physics!</span> <span class="stats">161K views</span> </div> </div>`; } else if(id===6){ vid.innerHTML = `<div class="video" id="video6" onclick="changePage(31);"> <div id="v6"><span class="time">8:21</span></div> <div class="text"> <div class="redLine"></div> <span class="img"><img src="https://upload.wikimedia.org/wikipedia/commons/1/15/Khan_Academy_Logo_Old_version_2015.jpg" alt="channel"></span> <span class="title">Lorentz Tran..</span> <span class="channel">KhanAcademy</span> <span class="stats">1M views</span> </div> </div>`; } else if(id===7){ vid.innerHTML = `<div class="video" onclick="changePage(32);"> <div id="v7"><span class="time">3:00</span></div> <div class="text"> <div class="redLine"></div> <span class="img"><img src="https://cdn.kastatic.org/third_party/javascript-khansrc/live-editor/build/images/avatars/starky-sapling.png" alt="channel"></span> <span class="title">Doggy</span> <span class="channel">AceCreator</span> <span class="stats">2M views</span> </div> </div>`; } else if(id===8){ vid.innerHTML = `<div class="video" onclick="changePage(33);"> <div id="v8"><span class="time">3:00</span></div> <div class="text"> <div class="redLine"></div> <span class="img"><img src="https://cdn.kastatic.org/third_party/javascript-khansrc/live-editor/build/images/landscapes/waterfall_niagara-falls.png" alt="channel"></span> <span class="title">totoro</span> <span class="channel">AnimaFever</span> <span class="stats">403K views</span> </div> </div>`; } else if(id===9){ vid.innerHTML = `<div class="video" onclick="changePage(34);"> <div id="v9"><span class="time">3:00</span></div> <div class="text"> <div class="redLine"></div> <span class="img"><img src="https://cdn.kastatic.org/third_party/javascript-khansrc/live-editor/build/images/landscapes/waterfall_niagara-falls.png" alt="channel"></span> <span class="title">A fast guy</span> <span class="channel">NoDude</span> <span class="stats">700K views</span> </div> </div>`; } else if(id == 10){ vid.innerHTML = `<div class="video" onclick="changePage(35);addToHistory(10)"> <div id="v0"><span class="time">9:60</span></div> <div class="text"> <div class="redLine"></div> <span class="img"><img src="https://cdn.kastatic.org/third_party/javascript-khansrc/live-editor/build/images/avatars/duskpin-ultimate.png" alt="channel"></span> <span class="title">Anything you...</span> <span class="channel">MrBeast YT</span> <span class="stats">37M views</span> </div> </div>`; } if(id === 1){ vide.innerHTML = `<div class="video" onclick="changePage(26);"> <div id="v1"><span class="time">3:00</span></div> <div class="text"> <div class="redLine"></div> <span class="img"><img src="https://cdn.kastatic.org/third_party/javascript-khansrc/live-editor/build/images/landscapes/waterfall_niagara-falls.png" alt="channel"></span> <span class="title">Jupiter</span> <span class="channel">FactBrocker</span> <span class="stats">403K views</span> </div> </div>`; } else if(id===2){ vide.innerHTML = `<div class="video" id="video2" onclick="changePage(27);"> <div id="v2"><span class="time">9:56</span></div> <div class="text"> <div class="redLine"></div> <span class="img"><img src="https://upload.wikimedia.org/wikipedia/en/thumb/6/65/Kurzgesagt.png/200px-Kurzgesagt.png" alt="channel"></span> <span class="title">Black holes</span> <span class="channel">Kurzgesagt</span> <span class="stats">4.6M views</span> </div> </div>`; } else if(id===3){ vide.innerHTML = `<div class="video" id="video3" onclick="changePage(28);"> <div id="v3"><span class="time">9:00</span></div> <div class="text"> <div class="redLine"></div> <!--https://upload.wikimedia.org/wikipedia/commons/thumb/f/f4/Code.org_logo.svg/1200px-Code.org_logo.svg.png--> <span class="img"><img src="https://upload.wikimedia.org/wikipedia/commons/5/59/Gaming_PC_set_up.jpg" alt="channel"></span> <span class="title">Gamer move</span> <span class="channel">Gaming pro</span> <span class="stats">19.3K views</span> </div> </div>`; } else if(id===4){ vide.innerHTML = `<div class="video" id="video4" onclick="changePage(29);"> <div id="v4"><span class="time">6:43</span></div> <div class="text"> <div class="redLine"></div> <span class="img"><img src="https://cdn.kastatic.org/third_party/javascript-khansrc/live-editor/build/images/avatars/leaf-grey.png" alt="channel"></span> <span class="title">About Leaf</span> <span class="channel">Leafyy!</span> <span class="stats">1B views</span> </div> </div> `; } else if(id===5){ vide.innerHTML = `<div class="video" id="video5" onclick="changePage(30);"> <div id="v5"><span class="time">9:43</span></div> <div class="text"> <div class="redLine"></div> <span class="img"><img src="https://upload.wikimedia.org/wikipedia/commons/9/9a/CollageFisica.jpg" alt="channel"></span> <span class="title">Relativity Math</span> <span class="channel">Physics!</span> <span class="stats">161K views</span> </div> </div>`; } else if(id===6){ vide.innerHTML = `<div class="video" id="video6" onclick="changePage(31);"> <div id="v6"><span class="time">8:21</span></div> <div class="text"> <div class="redLine"></div> <span class="img"><img src="https://upload.wikimedia.org/wikipedia/commons/1/15/Khan_Academy_Logo_Old_version_2015.jpg" alt="channel"></span> <span class="title">Lorentz Tran..</span> <span class="channel">KhanAcademy</span> <span class="stats">1M views</span> </div> </div>`; } else if(id===7){ vide.innerHTML = `<div class="video" onclick="changePage(32);"> <div id="v7"><span class="time">3:00</span></div> <div class="text"> <div class="redLine"></div> <span class="img"><img src="https://cdn.kastatic.org/third_party/javascript-khansrc/live-editor/build/images/avatars/starky-sapling.png" alt="channel"></span> <span class="title">Doggy</span> <span class="channel">AceCreator</span> <span class="stats">2M views</span> </div> </div>`; } else if(id===8){ vide.innerHTML = `<div class="video" onclick="changePage(33);"> <div id="v8"><span class="time">3:00</span></div> <div class="text"> <div class="redLine"></div> <span class="img"><img src="https://cdn.kastatic.org/third_party/javascript-khansrc/live-editor/build/images/landscapes/waterfall_niagara-falls.png" alt="channel"></span> <span class="title">totoro</span> <span class="channel">AnimaFever</span> <span class="stats">403K views</span> </div> </div>`; } else if(id===9){ vide.innerHTML = `<div class="video" onclick="changePage(34);"> <div id="v9"><span class="time">3:00</span></div> <div class="text"> <div class="redLine"></div> <span class="img"><img src="https://cdn.kastatic.org/third_party/javascript-khansrc/live-editor/build/images/landscapes/waterfall_niagara-falls.png" alt="channel"></span> <span class="title">A fast guy</span> <span class="channel">NoDude</span> <span class="stats">700K views</span> </div> </div>`; } else if(id == 10){ vide.innerHTML = `<div class="video" onclick="changePage(35);addToHistory(10)"> <div id="v0"><span class="time">9:60</span></div> <div class="text"> <div class="redLine"></div> <span class="img"><img src="https://cdn.kastatic.org/third_party/javascript-khansrc/live-editor/build/images/avatars/duskpin-ultimate.png" alt="channel"></span> <span class="title">Anything you...</span> <span class="channel">MrBeast YT</span> <span class="stats">37M views</span> </div> </div>`; } getE.appendChild(vid); get2E.appendChild(vide); } </script> <script src="https://cdn.jsdelivr.net/npm/html2canvas@1.0.0-rc.3/dist/html2canvas.min.js"></script> <!-- CREDIT TO BlueBird@BirdWatcher03 FOR THE AMAZING SAVE FUNCTION --> <script> var save = function(){ html2canvas(document.body,{ allowTaint : false, useCORS: true, width:579, height:566, }) .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> <script type="application/javascript"> document.body.addEventListener("keydown", function(e) { if (e.code === "Escape") { document.body.innerHTML = ` <div class='center' style='position:relative; top: -35px'><img src="https://upload.wikimedia.org/wikipedia/commons/thumb/7/72/YouTube_social_white_square_%282017%29.svg/1200px-YouTube_social_white_square_%282017%29.svg.png" alt="n" width="210px"></div> <h1 style="position: absolute;top:-24px;left: 224px;font-size:85px;margin-bottom:10px;color:black;font-family:'roboto condensed';">YouTube</h1> <h2 style='position:absolute; font-family:google sans display;left:60%;top:25%;font-size:40px;color:rgb(74, 73, 74);'>Updated</h2> </div> `; } if (e.code === "Enter") { e.preventDefault(); } }); </script> </body> </html>
Folds	32,976,979,2282
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgP26qqizCAw
Votes	197
Spin-Offs	12
Type	WEBPAGE
Width	400
Height	500
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	Leaf
Author Name	leafkn
Author ID	kaid_481697903688181525808339
Author Profile Access	PUBLIC

Archive Data

Added	10 months ago, 1739366935860
Updated	10 months ago, 1739366943759
Source Deleted	unknown