Viewing Program

Program Data

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

Title	Clash of Code 2025
ID	6666215198998528
Created	20 days ago, 1734626556388
Updated	16 days ago, 1735020509024
Code	<!DOCTYPE html> <!-- Sorry duke I ruined your perfect replica --> <html> <head> <meta charset="utf-8" author="Liam K."> <title>Clash of Code 2025</title> <!-- Import Google Fonts --> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Neuton:ital,wght@0,200;0,300;0,400;0,700;0,800;1,400&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Berkshire+Swash:wght@400;700&family=Saira+Condensed&display=swap" rel="stylesheet"> <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200" /> <link rel="preload" href="https://upload.wikimedia.org/wikipedia/commons/e/e1/Haanja_2010_01_1.jpg" as="image" type="image/jpg" /> <link rel="preload" href="https://upload.wikimedia.org/wikipedia/commons/e/e3/Trees_snow_fog_sk.jpg" as="image" type="image/jpg" /> <link rel="preload" href="https://upload.wikimedia.org/wikipedia/commons/9/9e/D%C3%BCsseldorf_Hofgarten_2009.jpg" as="image" type="image/jpg" /> <link rel="preload" href="https://upload.wikimedia.org/wikipedia/commons/2/21/Trees_in_ICM_on_Myrstigen_hiking_trail%2C_Brastad_2.jpg" as="image" type="image/jpg" /> <!-- Setup --> <style> body { overflow: hidden; } body, html { background-color:rgb(40, 20, 100); margin: 0px; padding: 0px; overflow-x: hidden; font-family: Open Sans; } .page { opacity: 1; animation: fade-in 0.5s ease-in; } </style> <style> /Inspired by https://codyhouse.co/tutorials/chameleonic-header-effect/ .chameleon-header{ position:fixed; top:0; left:0; width:100vw; z-index:4; padding:0 5vw; backdrop-filter:blur(0.2vw); } .chameleon-header .chameleon-buttons{ display:flex; flex-direction:row; width:100vw; justify-content:center; position:fixed; top:0; left:0; } .chameleon-header .chameleon-buttons .btn{ margin:2.5vmin 0; font-family:Open Sans; font-size:2.5vmin; transition:color 0.2s, text-shadow 0.2s; text-align:center; width:10vw; display:flex; justify-content:center; text-shadow:0vw 0vw 2vw rgb(40, 20, 100); color:rgb(217,255, 17); } .chameleon-header .chameleon-buttons .btn span{ font-size:2vmin; height:2vmin; margin-top:1vmin; transition:transform 0.3s; } .chameleon-header .chameleon-buttons .btn:hover span{ transform:rotate(180deg); } .chameleon-buttons .btn::before{ content:""; position:absolute; width:7vmin; height:3.5vmin; border-bottom:0.5vmin solid; transform:scale(0, 100%); transition:transform 0.5s; } .chameleon-buttons .btn:hover::before{ transform:scaleY(100%); cursor:pointer; } .chameleon-header .chameleon-buttons h4:hover{ color:rgb(217, 255, 20); } .chameleon-header h3{ position:absolute; top:0; font-size:2.5vmin; font-family:Saira Condensed; width:20vw; display:flex; color:rgb(217, 255, 20); text-shadow: 0 0 1vw rgb(40, 20, 100); } .chameleon-header h3 span{ font-size:2.5vmin; margin-top:1vmin; } .dropdown{ position:absolute; left:0; top:0; width:100vw; background:rgb(220, 220, 255); background-image:linear-gradient(to bottom right, rgba(163, 116, 207, 0.1), rgba(217,255, 17, 0.2)); display:flex; justify-content:center; z-index:-1; box-shadow:0 0vw 3vw rgb(40, 20, 100); opacity:0; transform:scaleY(0); transform-origin: top; transition:opacity 0.3s, transform 0.3s; } .dropdown .left{ width:30vmin; border: 2px solid rgb(163, 116, 207); margin:12vmin 5vmin 5vmin; border-radius:1.5vw; display:flex; flex-direction:column; justify-content:center; } .dropdown .left h5{ color:rgb(113, 73, 173); font-family:Berkshire Swash; font-size:3vmin; margin:1vw; text-shadow:none; } .dropdown .left p{ color:rgb(163, 116, 207); font-family:Open Sans; font-size:2vmin; text-align:left; padding:0 1vmin; margin:1vw; text-shadow:none; } .dropdown .left div{ width:60%; margin:1vmin auto; padding:0.5vw; border-radius:3vmin; font-size:2.5vmin; text-shadow:none; border:2px solid rgb(163, 116, 207); color:rgb(163, 116, 207); transition:color 0.3s, background-image 0.3s, border 0.2s; font-family:Saira Condensed; } .dropdown .left div:hover{ background-image: linear-gradient(to bottom right, rgb(217,255, 17), rgb(255, 245, 59)); color:rgb(113, 73, 173); border: 0.3vmin solid rgb(217,255, 17); } .dropdown .right{ display:flex; flex-direction:column; flex-wrap:wrap; margin:14.5vmin 2vmin 2.5vmin 2vmin; width:25vw; } .dropdown .right h5{ font-family:Saira Condensed; text-align:left; font-size: 3vmin; color:rgb(40, 20, 100); text-shadow:none; margin:0.5vw; } .dropdown .right p{ margin:0.5vw; font-size:2vmin; text-align:left; color:rgb(163, 116, 207); text-shadow:none; transition:transform 0.3s, color 0.3s; } .dropdown .right p:hover{ transform:translateX(1vw); color:rgb(113, 73, 173); cursor:pointer; } h4:hover .dropdown{ opacity:1; transform-origin: top; transform:scaleY(1); } #fullscreen{ color:rgb(217,255, 17); font-size:3vmin; font-weight:800; text-shadow:0 0 1vw rgb(40, 20, 100); position:absolute; right:0; top:0; margin:3vmin 15vw; transition:text-shadow 0.3s, transform 0.3s; } #fullscreen:hover{ text-shadow:0 0 2vw rgb(0, 0, 0); transform:scale(1.1); cursor:pointer; } </style> <style> .hero .hero-backdrop{ width:100vw; height:100vh; background-size:150%; display:flex; flex-direction:row; flex-align:flex-end; } .hero .hero-text{ font-family:Berkshire Swash; font-size:7vmin; align-self: flex-end; padding:5vw; color:rgb(113, 73, 173); text-shadow:0 0 2vw rgba(163, 116, 207, 1); width:70vw; } .hero .hero-button{ align-self:flex-end; margin:5vw 10vw; display:flex; text-align:center; color:rgb(113, 73, 173); border-radius:10vw; backdrop-filter:blur(1px); box-shadow:0 0 2vw rgba(163, 116, 207, 1); transition: background-color 0.3s, transform 0.3s, box-shadow 0.3s; z-index:3; } .hero .hero-button:hover{ transform:translateY(-1vw); background-color:rgb(220, 200, 255, 0.2); box-shadow:0 0 3vw rgba(113, 73, 173, 1); cursor:pointer; } .hero .hero-button span{ font-size:12.5vmin; } </style> <style> .about { display:flex; justify-content:center; } .about .cont{ background-color:rgb(40, 20, 100); width:100vmin; display:flex; flex-direction:column; justify-content:center; margin:auto; } .about .cont h4{ font-family:Open Sans; font-size:2vmin; color:rgb(163, 116, 207); margin:5vmin 0 0 5vmin; } .about .cont h3{ margin:0 0 0 5vmin; font-size:7vmin; font-family:Saira Condensed; line-height:7vmin; color:rgb(220, 200, 255); } .about .cont h3 b{ color:rgb(217,255, 17); } .about .cont .cont-box{ display:flex; flex-direction:row; flex-wrap:wrap; margin:2vmin 2.5vmin; } .about .cont .cont-box .about-cont{ width:40vmin; display:flex; flex-direction:column; justify-content:center; border:0.1vw solid rgb(113, 73, 173); box-shadow:0 0.5vmin 2vmin rgb(113, 73, 173); margin: 2.5vmin; border-radius:1vmin; background-color:rgb(220, 220, 255); background-size:cover; background-image:linear-gradient(to bottom right, rgba(163, 116, 207, 0.2), rgba(217,255, 17, 0.2)), linear-gradient(to right, rgb(220, 220, 255) 60%, rgb(220, 220, 255, 0.8)), url("https://upload.wikimedia.org/wikipedia/commons/1/14/Sninsk%C3%BD_kame%C5%88_%28v_zime%29_001.jpg"); } .about .cont .cont-box .about-cont h5{ font-family:Berkshire Swash; color:rgb(113, 73, 173); font-size:3.2vmin; margin:2vmin 0vw 0 2vmin; } .about .cont .cont-box .about-cont h5 b{ color:rgba(217,255, 17); text-shadow:0 0 1vmin rgb(40,20,100); } .about .cont .cont-box .about-cont p{ font-family:Open Sans; color:rgb(113, 73, 173); font-size:2.2vmin; margin:2vmin; } .about .cont .cont-box .about-cont.bottom{ width:60vmin; } .about .cont .cont-box .join-now{ background-size:200%; background-image:linear-gradient(to bottom right, rgba(217,255, 17, 0.3), rgba(217,255, 17, 1)), url("https://upload.wikimedia.org/wikipedia/commons/c/cb/Hellyer_Gorge%2C_Tasmania.jpg"); border-radius:100%; text-align:center; line-height:15vmin; width:15vmin; height:15vmin; margin:5vmin 2.5vmin; font-family:Saira Condensed; font-size:3.5vmin; color:rgb(40, 20, 100); text-shadow:0 0 1vw rgba(220,200,255); font-weight:700; transition:background-size 0.3s, background-image 0.3s; background-position: center; } .about .cont .cont-box .join-now:hover{ background-size:300%; cursor:pointer; } </style> <style> .teams { background-color:rgb(220, 200, 255); background-image:linear-gradient(to bottom right, rgba(163, 116, 207, 0.1), rgba(217,255, 17, 0.2)); display:flex; justify-content:center; flex-direction:column; justify-content:center; padding-bottom:5vmin; } .teams .top{ display:flex; flex-direction:row; justify-content:center; width:100vmin; margin:5vw auto 0 auto; } .teams .top .left{ font-family:Saira Condensed; font-size:3.5vmin; width:45vmin; } .teams .top .left h4{ color:rgba(163, 116, 207); margin-top:5vmin; } .teams .top .right{ width:42vmin; font-family:Saira Condensed; font-size:7vmin; line-height:7vmin; } .teams .top .right h4{ color:rgb(113, 73, 173); margin-top:6vmin; } .teams .top .right h4 b{ color:rgba(217,255, 17); text-shadow:0 0 1vw rgba(40, 20, 100); } .teams .teams-cont{ display:flex; flex-direction:row; flex-wrap:wrap; justify-content:center; margin:auto; width:100vmin; } .teams .teams-cont .team{ width:40vmin; height:55vmin; background-size:cover; border-radius:7px; border: 1px solid rgba(163, 116, 207); margin:2.5vmin; clip-path: xywh(0 0 100% 100% round 7px); } .teams .teams-cont .team:nth-child(2){ margin-top:-2.5vmin; } .teams .teams-cont .team:nth-child(1){ margin-top:-12.5vmin; } .teams .teams-cont .team:nth-child(3){ margin-top:-7.5vmin; } .teams .teams-cont .team#capt1{ background-image:linear-gradient(to top right, rgba(163, 116, 207, 0.2), rgba(40, 20, 100, 0.8)),url("https://upload.wikimedia.org/wikipedia/commons/8/87/ISS053-E-214701_-_View_of_Earth.jpg"); } .teams .teams-cont .team#capt2{ background-image:linear-gradient(to top right, rgba(163, 116, 207, 0.2), rgba(40, 20, 100, 0.8)),url("https://upload.wikimedia.org/wikipedia/commons/0/00/Skyline_of_the_Central_Business_District_of_Singapore_with_Esplanade_Bridge.jpg"); } .teams .teams-cont .team#capt3{ background-image:linear-gradient(to top right, rgba(163, 116, 207, 0.2), rgba(40, 20, 100, 0.8)),url("https://upload.wikimedia.org/wikipedia/commons/9/97/Light_house_at_St._Martin%27s_Island.jpg"); } .teams .teams-cont .team#capt4{ background-image:linear-gradient(to top right, rgba(163, 116, 207, 0.2), rgba(40, 20, 100, 0.8)),url("https://upload.wikimedia.org/wikipedia/commons/c/c1/Messier_041_2MASS.jpg"); } .teams .teams-cont .team .name { background-color:rgb(0,0,0, 0.5); } .teams .teams-cont .team .name h4{ margin-top:48vmin; margin-bottom:4vmin; margin-left:3vmin; color:rgb(220, 200, 255); font-family:Saira Condensed; text-shadow: 0 0 0.5vw rgb(40, 20, 100); font-size:3.5vmin; transition:margin-top 0.3s; } .teams .teams-cont .team .name:hover h4{ margin-top:36vmin; margin-bottom:0vmin; } .teams .teams-cont .team .name p{ font-family:Open Sans; font-size:2vmin; color:rgb(220, 220, 255); opacity:0; margin:0 3vmin; transition:opacity 0.3s; } .teams .teams-cont .team .name:hover p{ opacity:1; } .teams .teams-cont .team .name .btn{ font-family:Berkshire Swash; font-size:2.5vmin; color:rgb(220, 220, 255); opacity:0; padding-bottom:5vmin; margin:2vmin 3vmin 3vmin 3vmin; transition:opacity 0.3s; width:50%; } .teams .teams-cont .team .name:hover .btn{ opacity:1; transition:transform 0.3s; } .teams .teams-cont .team .name:hover .btn:hover{ transform:translateX(2vmin); cursor:pointer; } </style> <style> .events{ width:100vmin; margin:auto; background-color:rgb(40, 20, 100); display:flex; justify-content:center; flex-direction:row; } .events .left{ display:flex; flex-direction:column; width:30vmin; margin-right:1vmin; } .events .left h3{ color:rgb(220, 200, 255); font-size:7vmin; font-family:Saira Condensed; line-height:7vmin; margin:0; } .events .left h3 b{ color:rgb(217,255, 17); } .events .left h4{ color:rgb(163, 116, 207); margin:5vmin 0 0 0; font-size:2vmin; } .events .left p{ color:rgb(220, 220, 255); font-family:Open Sans; font-size:2.5vmin; } .events .left .btn{ color:rgb(220, 220, 255); font-family:Berkshire Swash; font-size:3vmin; transition:transform 0.3s; } .events .left .btn:hover{ transform:translateX(1vmin); cursor:pointer; } .events .events-cont{ display:flex; flex-wrap:wrap; width:70vmin; margin-top:5vmin; margin-left:2.5vmin; padding-left:1vmin; } .events .events-cont .event{ width:20vmin; height:20vmin; background-color:rgb(163, 116, 207); border-radius:1vmin; background-size:150% 150%; transition:background-size 0.3s, transform 0.3s; background-position: center; display:flex; flex-direction:column; justify-content:center; margin:1vmin; } .events .events-cont .event#challenge1{ background-image: radial-gradient(rgb(40, 20, 100, 0), rgb(40,20,100,0.6)), linear-gradient(to bottom right, rgb(163, 116, 207, 0.5), rgb(163, 116, 207, 1)), url("https://upload.wikimedia.org/wikipedia/commons/b/bb/D%C3%BClmen%2C_Wildpark_--_2019_--_3153-9.jpg"); } .events .events-cont .event#challenge2{ background-image: radial-gradient(rgb(40, 20, 100, 0), rgb(40,20,100,0.6)), linear-gradient(to bottom right, rgb(163, 116, 207, 0.5), rgb(163, 116, 207, 1)), url("https://upload.wikimedia.org/wikipedia/commons/e/e1/Haanja_2010_01_1.jpg"); } .events .events-cont .event#challenge3{ background-image: radial-gradient(rgb(40, 20, 100, 0), rgb(40,20,100,0.6)), linear-gradient(to bottom right, rgb(163, 116, 207, 0.5), rgb(163, 116, 207, 1)), url("https://upload.wikimedia.org/wikipedia/commons/e/e3/Trees_snow_fog_sk.jpg"); } .events .events-cont .event#challenge4{ background-image: radial-gradient(rgb(40, 20, 100, 0), rgb(40,20,100,0.6)), linear-gradient(to bottom right, rgb(163, 116, 207, 0.5), rgb(163, 116, 207, 1)), url("https://upload.wikimedia.org/wikipedia/commons/9/9e/D%C3%BCsseldorf_Hofgarten_2009.jpg"); } .events .events-cont .event#challenge5{ background-image: radial-gradient(rgb(40, 20, 100, 0), rgb(40,20,100,0.6)), linear-gradient(to bottom right, rgb(163, 116, 207, 0.5), rgb(163, 116, 207, 1)), url("https://upload.wikimedia.org/wikipedia/commons/2/21/Trees_in_ICM_on_Myrstigen_hiking_trail%2C_Brastad_2.jpg"); flex:2; } .events .events-cont .event:hover{ background-size:100% 100%; } .events .events-cont .event .name{ font-family:Open Sans; font-size:2.5vmin; text-align:center; margin:0; line-height:2.5vmin; color:rgb(220,220,255); text-shadow:0 0 0.5vmin rgb(40, 20,100); font-weight:800; } .events .events-cont .event .date{ font-family:Saira Condensed; font-size:2.5vmin; text-align:center; margin:0; color:rgb(220,220,255); text-shadow:0 0 0.5vmin rgb(40, 20,100); } </style> <style> .reviews{ width:100vw; display:flex; flex-direction:column; } .reviews h4{ font-family:Open Sans; font-size:2vmin; color:rgb(163, 116, 207); margin:5vmin 0 0 5vmin; } .reviews h3{ margin:0 0 0 5vmin; font-size:7vmin; font-family:Saira Condensed; line-height:7vmin; color:rgb(220, 200, 255); } .reviews h3 b{ color:rgb(217,255, 17); } </style> </head> <body> <header class="chameleon-header"> <div class="chameleon-buttons"> <h4 class="btn">Join</h4> <h4 class="btn">Teams<span class="material-symbols-outlined"> arrow_drop_down </span> <div class="dropdown"> <div class="left"> <h5>Looking to Join?</h5> <p>We have 4 unique teams to choose from. Join an incredible cast of coders in this year's biggest competition!</p> <div>Sign Up</div> </div> <div class="right"> <h5>View Participants</h5> <p>Team Liam K.</p> <p>Team LeaferStudios</p> <p>Team Cowboy's Fan</p> <p>Team Corin Fist</p> </div> </div> </h4> <h4 class="btn">Lead</h4> <h4 class="btn">Events</h4> </div> <h3><span class="material-symbols-outlined"> swords </span>CoC 2025</h3> <span class="material-symbols-outlined" id="fullscreen">fullscreen</span> </header> <!-- Home --> <div class="page"> <!-- Hero --> <div class="hero"> <div class="hero-backdrop"> <div class="hero-text">Embark on your ultimate<br>programming journey</div> <div class="hero-button"><span class="material-symbols-outlined"> keyboard_arrow_down </span></div> </div> </div> <!-- About --> <div class="about"> <div class="cont"> <h4>About</h4> <h3><b>Enhance</b> your skills<br>through <b>collaboration</b></h3> <div class="cont-box"> <div class="about-cont"> <h5>Our <b>Mission</b></h5> <p>Since 2021, Clash of Code has united the top coders on KA to create the best programs of the year. </p> </div> <div class="about-cont"> <div class = "left"> <h5>Top <b>Captains</b></h5> <p>Since 2021, Clash of Code has strived to offer the ultimate programming experience and also to drive Duke insane.</p> </div> </div> <div class="about-cont bottom"> <h5>Our <b>Mission</b></h5> <p>Since 2021, Clash of Code has strived to offer the ultimate programming experience aoifsdhas h;oijasS;so i;oh a;ouhh ;oija sdoiifj ndas; ;;oi</p> </div> <div class="join-now">Join Now</div> </div> </div> </div> <!-- Teams --> <div class="teams"> <div class="top"> <div class="left"> <h4>Top Tier Teams</h4> </div> <div class = "right"> <h4>Our <b>captains</b><br> know their <b>code</b></h4> </div> </div> <div class="teams-cont"> <div class="team" id="capt1"> <div class="name"> <h4>Team Liam K.</h4> <p>The team with the best hair and the most pizzazz.</p> <div class="btn">View Team >></div> </div> </div> <div class="team" id="capt2"> <div class="name"> <h4>Team Liam K.</h4> <p>The team with the best hair and the most pizzazz.</p> <div class="btn">View Team >></div> </div> </div> <div class="team" id="capt3"> <div class="name"> <h4>Team Liam K.</h4> <p>The team with the best hair and the most pizzazz.</p> <div class="btn">View Team >></div> </div> </div> <div class="team" id="capt4"> <div class="name"> <h4>Team Liam K.</h4> <p>The team with the best hair and the most pizzazz.</p> <div class="btn">View Team >></div> </div> </div> </div> </div> <!--Events --> <div class="events"> <div class="left"> <h4>Events</h4> <h3>Don't <b>miss</b><br>a <b>minute!</b></h3> <p>With the best programs of the year created in one of our four unique challenges, why miss the action?</p> <div class="btn">Join now >></div> </div> <div class="events-cont"> <div class="event" id="challenge1"> <div class="name" >Algorithms</div> <p class="date">Jan 6-Jan 20</p> </div> <div class="event" id="challenge2"> <div class="name" >Algorithms</div> <p class="date">Jan 6-Jan 20</p> </div> <div class="event" id="challenge3"> <div class="name" >Algorithms</div> <p class="date">Jan 6-Jan 20</p> </div> <div class="event" id="challenge4"> <div class="name" >Algorithms</div> <p class="date">Jan 6-Jan 20</p> </div> <div class="event" id="challenge5"> <div class="name" >Finale</div> <p class="date">Jan 6-Jan 20</p> </div> </div> </div> <!-- Reviews --> <div class="reviews"> <h4>Reviews</h4> <h3>What are<b> people<br>saying</b> about us?</h3> </div> </div> <!-- Scene change script--> <script type> //Handles the hiding/showing of pages var switchPage = function(index) { var pages = document.getElementsByClassName("page"); //Hide all pages document.querySelectorAll('.page').forEach(function(p) { p.style.display = 'none'; p.style.opacity = 1; }); //show the current page pages[index].style.display = "block"; //Remove active class from all nav items document.querySelectorAll('.menu-bar').forEach(function(n) { n.classList.remove('active'); }) //Add active class for the current page document.getElementsByClassName("menu-bar")[index].classList.add('active'); window.scrollTo({ top: 0, behavior: 'smooth' }); }; //Display the home page when the site loads switchPage(0); </script> <!-- Menu script --> <script> function toggleNav() { document.getElementById("menu-nav").classList.toggle("open"); } </script> <!-- Hero slideshow --> <script type="module"> var images = ["https://upload.wikimedia.org/wikipedia/commons/2/21/Trees_in_ICM_on_Myrstigen_hiking_trail%2C_Brastad_2.jpg","https://upload.wikimedia.org/wikipedia/commons/e/e1/Haanja_2010_01_1.jpg","https://upload.wikimedia.org/wikipedia/commons/e/e3/Trees_snow_fog_sk.jpg","https://upload.wikimedia.org/wikipedia/commons/9/9e/D%C3%BCsseldorf_Hofgarten_2009.jpg"] var curImage = 0; //David Bowie var heroes = document.getElementsByClassName("hero-backdrop"); var posX = 50; var posY = 50; var theta = Math.random() * 2 * 3.1415; function runSlideshow(){ for(var i = 0; i < heroes.length; i ++){ heroes[i].style.backgroundImage = "linear-gradient(to bottom right, rgba(200, 220, 255, 0.3), rgba(220, 200, 255, 1)), url('"+images[curImage]+"')" heroes[i].style.backgroundPosition = posX + "% " + posY + "%" posX += Math.cos(theta) / 10 posY += Math.sin(theta) / 10 if((Math.abs(posX - 50)) > 50 \|\| Math.abs(posY - 50) > 50){ posX = 50; posY = 50; theta = Math.random() * 2 * 3.1415; curImage ++; curImage = curImage % images.length; } } } window.setInterval(runSlideshow, 1000/60); </script> <!-- Fullscreen Script by Polar --> <script type='module'> const openInFullscreen = () => { const w = window.open(); w.document.open(); w.document.write(`<!doctype html><html>${document.querySelector('html').innerHTML}</html>`); w.document.close(); } // get our button const button = document.getElementById('fullscreen'); // add the event listener button.addEventListener('click', openInFullscreen); </script> <!-- The Thumbnail Script 2.1.0 12/18/2023 by Bluebird@kaid_157624541333313939750668 --> <script src="https://cdn.jsdelivr.net/npm/html2canvas@1.4.1/dist/html2canvas.min.js"></script> <script type> var r = 600; var s = document.documentElement.clientWidth; window.parent.html2canvas = e => { try { html2canvas(document.body, { width: s, height: s, useCORS: true, onclone: e => e.getAnimations().forEach(a => { try { a.finish() } catch {} }) }).then(e => { var c = document.createElement("canvas"); c.width = r; c.height = r; c.getContext('2d').drawImage(e, 0, 0, e.width, e.height, 0, 0, r, r); window.top.postMessage(c.toDataURL(), ""); }).catch(e => { alert("Thumbnail Script Error: " + e); }); } catch { window.top.postMessage(document.createElement("canvas").toDataURL(), ""); } }; </script> </body> </html>
Folds	683,714,724,732,735,757,760,799,843,874,941,968
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgLvnstzrCww
Votes	26
Spin-Offs	0
Type	WEBPAGE
Width	400
Height	600
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	Liam K.
Author Name	liamk.ka
Author ID	kaid_160653079463992085090428
Author Profile Access	PUBLIC

Archive Data

Added	15 days ago, 1735056584315
Updated	15 days ago, 1735056584315
Source Deleted	unknown