Viewing Program

Program Data

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

Title	Aviconazul Homepage WIP
ID	6755228836347904
Created	9 months ago, 1711044588563
Updated	9 months ago, 1711136269976
Code	<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Aviconazul Homepage WIP</title> <style> * { box-sizing: border-box; } img { max-width: 100%; max-height: 100%; } html, body { margin: 0; padding: 0; font-family: sans-serif; background-color: #1b1b1b; } body { background-color: #222223; max-width: 900px; margin-inline: auto; box-shadow: #00000089 0 0 50px; } h1, h2, h3, h4, h5, h6, p { margin-top: 1em; } a { color: #F6E99C; } .arrow-link { position: relative; text-decoration: none; } .arrow-link:hover { text-decoration: underline; } .arrow-link:after { content: ''; display: inline-block; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); position: absolute; right: -.6em; bottom: 0.30em; width: 1ch; height: 1ch; border: solid currentColor; border-width: 0 2px 2px 0; transition: 250ms; } .arrow-link:hover:after { right: -1.5em; bottom: .18em; width: 1.5ch; height: 1.5ch; } p { line-height: 1.6; } .visibility-text-shadow { text-shadow: 0 0 4px #222 } .main-header { position: sticky; top: 0; z-index: 100; overflow-x: hidden; } .main-nav ul { background-color: #079BEA; padding: 1em; margin: 0; list-style: none; display: flex; justify-content: center; gap: 4em; } .main-nav ul a { font-size: 1.2rem; color: #efefff; text-decoration: none; } .main-nav ul a:hover, .main-nav ul a:focus { text-decoration: underline; } .main-header-svg { width: 100%; transform: scaleX(1.2) translateY(-5px); } #fullscreen { position: fixed; top: .7em; right: .7em; z-index: 101; display: flex; justify-content: center; alight-items: center; background: none; border-radius: 50%; padding: .5em; cursor: pointer; transition: background 200ms; border: none; } #fullscreen:hover { background: #0002; /* a semi-transparent white color / } main { padding: 1em; } .card-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: .5em; } section { position: relative; isolation: isolate; overflow: hidden; padding: 1em; border-radius: .5em; margin-bottom: 1rem; background-color: #323240; color: #ffffff; } section h1:first-child, section h2:first-child, section h3:first-child { margin-top: 0; } .background-svg { position: absolute; left: 0; top: 0; bottom: 0; right: 0; z-index: -1; } section[aria-label="welcome"] { color: #223; } .members-count-grid { display: grid; grid-template-columns: repeat(4, 1fr); } .members-count-grid div:nth-child(1) { grid-column: 2; } .members-count-grid div .label { color: #ECE09E; font-weight: 600; font-size: 1.5rem; } section[aria-label="projects"] { color: #223; } .project-card { position: relative; isolation: isolate; overflow: hidden; padding: .5em; color: #efefff; border-radius: .7em; backdrop-filter: blur(10px); box-shadow: 0 0px 10px #00000022; border: 1px solid #ECE09E33; transition: 250ms ease-in; } .project-card:hover { backdrop-filter: blur(20px); box-shadow: 0 0px 20px #00000066; } .project-card:before { transition: cubic-bezier(.81,.69,.3,.95) 400ms; opacity: .5; z-index: -1; content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: #0740EA; } .project-card-image-wrapper { border-radius: .5em; height: auto; overflow: hidden; background-color: #222222; } .project-card-image-wrapper img { width: 100%; height: 100%; } .main-footer-outer-wrapper { overflow-x: hidden; } .main-footer { margin: 0; padding: 4em; display: grid; justify-items: center; background-color: #079BEA; } .main-footer ul { padding: 0; display: flex; gap: 2em; list-style: none; } .main-footer a { color: #ffffff; } .main-footer p { margin: 0; color: #eeeeee; } .main-footer-svg { width: 100%; transform: scaleX(1.2) translateY(25px); } </style> </head> <body> <header class="main-header"> <nav class="main-nav"> <ul> <li> <a href="javascript:page('home')"> Home </a> </li> <li> <a href="javascript:page('members')"> Members </a> </li> <li> <a href="javascript:page('projects')"> Projects </a> </li> </ul> </nav> <svg class="main-header-svg" viewBox="0 0 800 50" width="800" height="50" xmlns="http://www.w3.org/2000/svg" version="1.1"><path d="M0 16L19 18C38 20 76 24 114.2 21.5C152.3 19 190.7 10 228.8 9C267 8 305 15 343 17.7C381 20.3 419 18.7 457 15.3C495 12 533 7 571.2 10C609.3 13 647.7 24 685.8 26.7C724 29.3 762 23.7 781 20.8L800 18L800 0L781 0C762 0 724 0 685.8 0C647.7 0 609.3 0 571.2 0C533 0 495 0 457 0C419 0 381 0 343 0C305 0 267 0 228.8 0C190.7 0 152.3 0 114.2 0C76 0 38 0 19 0L0 0Z" fill="#079BEA" stroke-linecap="round" stroke-linejoin="miter"></path></svg> </header> <main> <div style="margin-block: 4rem; position: relative"> <section aria-label="welcome"> <svg class="background-svg welcome-background-svg" viewBox="0 0 900 300" width="900" height="300" xmlns="http://www.w3.org/2000/svg" version="1.1"><rect x="0" y="0" width="900" height="300" fill="#8EC0FA"></rect><g transform="translate(901.4624297402263 61.667265649501275)"><path d="M173.8 -315.8C247.5 -258.4 345 -256.9 405 -213.6C465 -170.3 487.5 -85.2 468 -11.3C448.5 62.7 387.1 125.3 328.4 170.9C269.8 216.6 213.9 245.1 159.6 276.6C105.3 308.1 52.7 342.6 -15.5 369.4C-83.7 396.2 -167.3 415.5 -217.3 381.5C-267.2 347.5 -283.4 260.2 -333.3 187.8C-383.1 115.3 -466.5 57.7 -476.7 -5.8C-486.8 -69.3 -423.5 -138.7 -373.4 -210.7C-323.3 -282.7 -286.4 -357.4 -226.4 -422.8C-166.3 -488.1 -83.2 -544 -16.6 -515.3C50 -486.6 100 -373.2 173.8 -315.8" fill="#ECE09E"></path></g></svg> <div> <h1>Team Aviconazul Homepage</h1> <h2>About the Aviconazul</h2> <p style="max-width: 465px; color: #0b0b11"> The name Aviconazul (Ava-con-azul) comes from the words Aviator Coney Azul and means Blue Flying Rabbit. These ceatures fly soar through the heavens, make nests in the clouds and the skies their homes. </p> </div> </section> <img style="position: absolute; right: 147px; top: 118px" src="https://www.khanacademy.org/computer-programming/i/4781098813308928/latest.png" width="205" /> <img style="position: absolute; right: 287px; top: -59px" src="https://www.khanacademy.org/computer-programming/i/4564149667840000/latest.png" width="168" /> <img style="position: absolute; right: 149px; top: -106px" src="https://www.khanacademy.org/computer-programming/i/6538726321111040/latest.png" width="130" /> <img style="position: absolute; right: 2px; top: -42px" src="https://www.khanacademy.org/computer-programming/i/6395785246097408/latest.png" width="132" /> <img style="position: absolute; right: 144px; top: 50px" src="https://www.khanacademy.org/computer-programming/i/6002166727131136/latest.png" width="62" /> <img style="position: absolute; right: 24px; top: 104px" src="https://www.khanacademy.org/computer-programming/i/6002166727131136/latest.png" width="62" /> <img style="position: absolute; right: 83px; top: 189px" src="https://www.khanacademy.org/computer-programming/i/6002166727131136/latest.png" width="62" /> </div> <section aria-label="primavera"> <!-- Decorations, greenblue stacked peaks and flowers--> <div class="decorations"> <svg style="opacity: .7" class="background-svg primavera-background-svg" viewBox="0 0 900 600" width="900" height="600" xmlns="http://www.w3.org/2000/svg" version="1.1"><path d="M0 337L450 145L900 439L900 0L450 0L0 0Z" fill="#038373"></path><path d="M0 427L450 205L900 493L900 437L450 143L0 335Z" fill="#049b89"></path><path d="M0 493L450 391L900 583L900 491L450 203L0 425Z" fill="#03b3a1"></path><path d="M0 601L450 601L900 601L900 581L450 389L0 491Z" fill="#00ccb9"></path></svg> <img src="https://upload.wikimedia.org/wikipedia/commons/a/ac/Bouquet_fleurs.png" width="76" style="position: absolute; z-index: -1"/> </div> <h2 style="margin-top: 28px" class="visibility-text-shadow">About Primavera</h2> <p>Primavera is a coding competition on Khan Academy in the spring time, the word Primavera itself means spring in Spanish. Throughout the competition there's a series of challenges in which you score points, the team with the highest amount of points is marked winner of the challenge, and the team with the most total points by the end is winner of the competition.</p> <p>This year, being the 5th year of Primavera, the hosts decided to bring back the avatars of the last four years for another chance to be crowned, <del>and to kill each other in a violent blood bath.</del> <i>cough*</i> Anyway the avatars this year are Pyroach, Aviconazul, Terratrice, and Aequor from the years 2020, 2021, 2022, and 2023 respectively.</p> <!-- Decorations, blue waves --> <div class="decorations"> <svg style="bottom: 0;top: auto; transform: scaleX(-1) scaleY(1.3) translateY(-25px); opacity: 1" class="background-svg primavera-join-background-svg" viewBox="0 0 900 450" width="900" height="450" xmlns="http://www.w3.org/2000/svg" version="1.1"><path d="M0 253L16.7 256.3C33.3 259.7 66.7 246.3 100 246.5C133.3 246.7 166.7 250.3 200 249C233.3 245.7 266.7 237.3 300 230.3C333.3 223.3 366.7 217.7 400 219.2C433.3 220.7 466.7 229.3 500 233C533.3 236.7 566.7 235.3 600 228.5C633.3 221.7 666.7 209.3 700 215.2C733.3 221 766.7 245 800 250.3C833.3 255.7 866.7 242.3 883.3 235.7L900 229L900 451L883.3 451C866.7 451 833.3 451 800 451C766.7 451 733.3 451 700 451C666.7 451 633.3 451 600 451C566.7 451 533.3 451 500 451C466.7 451 433.3 451 400 451C366.7 451 333.3 451 300 451C266.7 451 233.3 451 200 451C166.7 451 133.3 451 100 451C66.7 451 33.3 451 16.7 451L0 451Z" fill="#25b5cf"></path><path d="M0 322L16.7 324C33.3 326 66.7 330 100 327C133.3 324 166.7 314 200 305C233.3 296 266.7 288 300 282.2C333.3 276.3 366.7 272.7 400 278.8C433.3 285 466.7 301 500 310C533.3 319 566.7 321 600 324.5C633.3 328 666.7 333 700 324.3C733.3 315.7 766.7 293.3 800 286.8C833.3 280.3 866.7 289.7 883.3 294.3L900 299L900 451L883.3 451C866.7 451 833.3 451 800 451C766.7 451 733.3 451 700 451C666.7 451 633.3 451 600 451C566.7 451 533.3 451 500 451C466.7 451 433.3 451 400 451C366.7 451 333.3 451 300 451C266.7 451 233.3 451 200 451C166.7 451 133.3 451 100 451C66.7 451 33.3 451 16.7 451L0 451Z" fill="#00aadf"></path><path d="M0 342L16.7 346.5C33.3 351 66.7 360 100 367.2C133.3 374.3 166.7 379.7 200 382C233.3 384.3 266.7 383.7 300 385.8C333.3 388 366.7 393 400 393.2C433.3 393.3 466.7 388.7 500 382C533.3 375.3 566.7 366.7 600 362.2C633.3 357.7 666.7 357.3 700 359.3C733.3 361.3 766.7 365.7 800 365.7C833.3 365.7 866.7 361.3 883.3 359.2L900 357L900 451L883.3 451C866.7 451 833.3 451 800 451C766.7 451 733.3 451 700 451C666.7 451 633.3 451 600 451C566.7 451 533.3 451 500 451C466.7 451 433.3 451 400 451C366.7 451 333.3 451 300 451C266.7 451 233.3 451 200 451C166.7 451 133.3 451 100 451C66.7 451 33.3 451 16.7 451L0 451Z" fill="#079bea"></path></svg> </div> <h3 class="visibility-text-shadow" style="margin-top: 3em">How To Join</h3> <p style="color: #334">To join Primavera simply head over to the <a href="https://www.khanacademy.org/computer-programming/i/5108786677858304?qa_expand_key=ag5zfmtoYW4tYWNhZGVteXJBCxIIVXNlckRhdGEiHmthaWRfNDM5MTEwMDUzODMwNzU4MDY1MDIyMDIxMgwLEghGZWVkYmFjaxiAgKvJgJjDCgw&qa_expand_type=comment">Primavera homepage</a> and scroll down to the join thread, follow the format listed there. But make sure to use spaces after the commas or add a little message with your join code because otherwise Khan Academy in their infinite wisdoom may auto-hide it. You can join as levels: 0 - Novice, 1 - Experienced, 2 - Advanced, 3 - Expert, or 4 - Legend.</p> <p style="color: #223; font-size: .8rem"><strong>😱OPINION ALERT 😱</strong> Personally, I dislike this system because it's not very accurate to actual skill level and has no real criteria, the old system didn't have Legend and instead had Familiar between Novice and Experienced, which in my opinion is slightly better because 1) it adds more granularity for beginners and 2) it removes the silly "Legend" thing.</p> </section> <section aria-label="members" class="visibility-text-shadow"> <!-- Decorations, members section background --> <div class="decorations"> <svg class="background-svg members-background-svg" viewBox="0 0 900 675" width="900" height="675" xmlns="http://www.w3.org/2000/svg" version="1.1"><defs><filter id="blur1" x="-10%" y="-10%" width="120%" height="120%"><feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood><feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"></feBlend><feGaussianBlur stdDeviation="167" result="effect1_foregroundBlur"></feGaussianBlur></filter></defs><rect width="900" height="675" fill="#6ea7b1"></rect><g filter="url(#blur1)"><circle cx="18" cy="232" fill="#474777" r="371"></circle><circle cx="544" cy="661" fill="#6ea7b1" r="371"></circle><circle cx="847" cy="410" fill="#474777" r="371"></circle><circle cx="154" cy="573" fill="#474777" r="371"></circle><circle cx="160" cy="62" fill="#6ea7b1" r="371"></circle><circle cx="418" cy="299" fill="#474777" r="371"></circle></g></svg> <svg class="background-svg members-background-svg" viewBox="0 0 900 600" width="900" height="600" xmlns="http://www.w3.org/2000/svg" version="1.1"><path d="M263 0L237 0L237 26L281 26L281 52L239 52L239 78L295 78L295 104L276 104L276 130L275 130L275 157L251 157L251 183L315 183L315 209L238 209L238 235L306 235L306 261L271 261L271 287L236 287L236 313L277 313L277 339L264 339L264 365L244 365L244 391L270 391L270 417L289 417L289 443L231 443L231 470L258 470L258 496L304 496L304 522L285 522L285 548L305 548L305 574L252 574L252 600L0 600L0 574L0 574L0 548L0 548L0 522L0 522L0 496L0 496L0 470L0 470L0 443L0 443L0 417L0 417L0 391L0 391L0 365L0 365L0 339L0 339L0 313L0 313L0 287L0 287L0 261L0 261L0 235L0 235L0 209L0 209L0 183L0 183L0 157L0 157L0 130L0 130L0 104L0 104L0 78L0 78L0 52L0 52L0 26L0 26L0 0L0 0Z" fill="#74c5d422"></path><path d="M165 0L221 0L221 26L198 26L198 52L199 52L199 78L166 78L166 104L208 104L208 130L165 130L165 157L161 157L161 183L193 183L193 209L166 209L166 235L154 235L154 261L208 261L208 287L172 287L172 313L222 313L222 339L193 339L193 365L191 365L191 391L200 391L200 417L210 417L210 443L198 443L198 470L224 470L224 496L154 496L154 522L137 522L137 548L223 548L223 574L156 574L156 600L0 600L0 574L0 574L0 548L0 548L0 522L0 522L0 496L0 496L0 470L0 470L0 443L0 443L0 417L0 417L0 391L0 391L0 365L0 365L0 339L0 339L0 313L0 313L0 287L0 287L0 261L0 261L0 235L0 235L0 209L0 209L0 183L0 183L0 157L0 157L0 130L0 130L0 104L0 104L0 78L0 78L0 52L0 52L0 26L0 26L0 0L0 0Z" fill="#25b5cf22"></path><path d="M129 0L65 0L65 26L83 26L83 52L91 52L91 78L70 78L70 104L129 104L129 130L77 130L77 157L114 157L114 183L97 183L97 209L136 209L136 235L114 235L114 261L92 261L92 287L106 287L106 313L94 313L94 339L75 339L75 365L52 365L52 391L53 391L53 417L74 417L74 443L121 443L121 470L133 470L133 496L103 496L103 522L104 522L104 548L53 548L53 574L51 574L51 600L0 600L0 574L0 574L0 548L0 548L0 522L0 522L0 496L0 496L0 470L0 470L0 443L0 443L0 417L0 417L0 391L0 391L0 365L0 365L0 339L0 339L0 313L0 313L0 287L0 287L0 261L0 261L0 235L0 235L0 209L0 209L0 183L0 183L0 157L0 157L0 130L0 130L0 104L0 104L0 78L0 78L0 52L0 52L0 26L0 26L0 0L0 0Z" fill="#2391cc22"></path></svg> </div> <h2>Members</h2> <p style="font-weight: 600;">Our team consists of</p> <div class="members-count-grid"> <div> <span style="font-size: 3rem">12</span> <span class="label">Members</span> </div> <div> <span style="font-size: 4rem">2</span> <span class="label">Novice</span> </div> <div> <span style="font-size: 5rem">1</span> <span class="label">Experienced</span> </div> <div> <span style="font-size: 6rem">4</span> <span class="label">Advanced</span> </div> <div> <span style="font-size: 7rem">5</span> <span class="label">Expert</span> </div> <div> <span style="font-size: 8rem">1</span> <span class="label">Legend</span> </div> </div> <div style="float:right; margin: 1em; padding: .5em 2em .5em 1.5em; border-radius: .3em; background-color:#323240aa"> <a href="javascript:page('members')" class="arrow-link">Take a looksie for yourself</a> </div> </section> <section aria-label="projects"> <svg class="background-svg projects-background-svg" viewBox="0 0 900 600" width="900" height="600" xmlns="http://www.w3.org/2000/svg" version="1.1"><defs><filter id="blur1" x="-10%" y="-10%" width="120%" height="120%"><feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood><feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"></feBlend><feGaussianBlur stdDeviation="161" result="effect1_foregroundBlur"></feGaussianBlur></filter></defs><rect width="900" height="600" fill="#ECE09E"></rect><g filter="url(#blur1)"><circle cx="590" cy="142" fill="#079BEA" r="357"></circle><circle cx="217" cy="315" fill="#ECE09E" r="357"></circle><circle cx="446" cy="462" fill="#079BEA" r="357"></circle><circle cx="37" cy="142" fill="#079BEA" r="357"></circle><circle cx="254" cy="128" fill="#ECE09E" r="357"></circle><circle cx="879" cy="404" fill="#079BEA" r="357"></circle></g></svg> <svg class="background-svg projects-background-svg" viewBox="0 0 900 600" width="900" height="600" xmlns="http://www.w3.org/2000/svg" version="1.1"><defs><linearGradient id="grad1_0" x1="33.3%" y1="0%" x2="100%" y2="100%"><stop offset="20%" stop-color="#000000" stop-opacity="1"></stop><stop offset="80%" stop-color="#000000" stop-opacity="1"></stop></linearGradient></defs><defs><linearGradient id="grad2_0" x1="0%" y1="0%" x2="66.7%" y2="100%"><stop offset="20%" stop-color="#000000" stop-opacity="1"></stop><stop offset="80%" stop-color="#000000" stop-opacity="1"></stop></linearGradient></defs><g transform="translate(900, 0)"><path d="M0 432.7C-27 408.3 -54 383.9 -86.8 380.2C-119.6 376.5 -158.1 393.4 -182.7 379.3C-207.2 365.2 -217.8 319.9 -230.1 288.5C-242.4 257 -256.4 239.4 -282.2 225.1C-308.1 210.8 -345.7 199.9 -372.1 179.2C-398.5 158.4 -413.6 127.8 -421.8 96.3C-430 64.8 -431.4 32.4 -432.7 0L0 0Z" fill="#efefff"></path></g><g transform="translate(0, 600)"><path d="M0 -432.7C34.4 -433.5 68.9 -434.3 94.6 -414.3C120.3 -394.4 137.2 -353.7 160.1 -332.5C183 -311.2 211.7 -309.5 240 -301C268.4 -292.5 296.2 -277.1 323.7 -258.1C351.1 -239.1 378.1 -216.5 389.8 -187.7C401.6 -159 398 -124.2 402.6 -91.9C407.2 -59.6 420 -29.8 432.7 0L0 0Z" fill="#efefff"></path></g></svg> <h2>Projects</h2> <p>Here's a few of our team's projects so far </p> <div class="card-grid"> <div class="project-card"> <a href="https://www.khanacademy.org/computer-programming/i/6109780362575872"> <div class="project-card-image-wrapper"> <img src="https://www.khanacademy.org/computer-programming/i/6109780362575872/latest.png" /> </div> <h4>Team Aviconazul Homepage</h4> </a> <p>By <a href="https://khanacademy.org/profile/Foo54">RedSus</a></p> </div> <div class="project-card"> <a href="https://www.khanacademy.org/computer-programming/i/6402868393984000"> <div class="project-card-image-wrapper"> <img src="https://www.khanacademy.org/computer-programming/i/6402868393984000/latest.png" /> </div> <h4>Primavera Stuff</h4> </a> <p>By <a href="https://khanacademy.org/profile/SethCochran11">The Duke</a></p> </div> <div class="project-card"> <a href="https://www.khanacademy.org/computer-programming/i/5324518070075392"> <div class="project-card-image-wrapper"> <img src="https://www.khanacademy.org/computer-programming/i/5324518070075392/latest.png" /> </div> <h4>Aviconazul Homepage</h4> </a> <p>By <a href="https://www.khanacademy.org/profile/YokieBob/">Yokie Bob</a> & <a href="https://khanacademy.org/profile/Super1Student">SuperStudent</a></p> </div> </div> <div style="float:right; margin: 1em; padding: .5em 2em .5em 1.5em; border-radius: .3em; background-color:#323240aa"> <a href="javascript:page('projects')" class="arrow-link">Check out more</a> </div> </section> </main> <div class="main-footer-outer-wrapper"> <svg class="main-footer-svg" viewBox="0 0 900 300" width="900" height="300" xmlns="http://www.w3.org/2000/svg" version="1.1"><path d="M0 54L16.7 55C33.3 56 66.7 58 100 62.5C133.3 67 166.7 74 200 83.3C233.3 92.7 266.7 104.3 300 100.8C333.3 97.3 366.7 78.7 400 69.8C433.3 61 466.7 62 500 62.8C533.3 63.7 566.7 64.3 600 72.7C633.3 81 666.7 97 700 104.3C733.3 111.7 766.7 110.3 800 103.8C833.3 97.3 866.7 85.7 883.3 79.8L900 74L900 301L883.3 301C866.7 301 833.3 301 800 301C766.7 301 733.3 301 700 301C666.7 301 633.3 301 600 301C566.7 301 533.3 301 500 301C466.7 301 433.3 301 400 301C366.7 301 333.3 301 300 301C266.7 301 233.3 301 200 301C166.7 301 133.3 301 100 301C66.7 301 33.3 301 16.7 301L0 301Z" fill="#f6e99c"></path><path d="M0 115L16.7 113.5C33.3 112 66.7 109 100 110.5C133.3 112 166.7 118 200 123C233.3 128 266.7 132 300 138.7C333.3 145.3 366.7 154.7 400 151.8C433.3 149 466.7 134 500 128.2C533.3 122.3 566.7 125.7 600 131.5C633.3 137.3 666.7 145.7 700 149.8C733.3 154 766.7 154 800 149.3C833.3 144.7 866.7 135.3 883.3 130.7L900 126L900 301L883.3 301C866.7 301 833.3 301 800 301C766.7 301 733.3 301 700 301C666.7 301 633.3 301 600 301C566.7 301 533.3 301 500 301C466.7 301 433.3 301 400 301C366.7 301 333.3 301 300 301C266.7 301 233.3 301 200 301C166.7 301 133.3 301 100 301C66.7 301 33.3 301 16.7 301L0 301Z" fill="#84dda7"></path><path d="M0 185L16.7 182.3C33.3 179.7 66.7 174.3 100 175.5C133.3 176.7 166.7 184.3 200 186.3C233.3 188.3 266.7 184.7 300 188.3C333.3 192 366.7 203 400 207.2C433.3 211.3 466.7 208.7 500 206.7C533.3 204.7 566.7 203.3 600 204.5C633.3 205.7 666.7 209.3 700 211.5C733.3 213.7 766.7 214.3 800 207.5C833.3 200.7 866.7 186.3 883.3 179.2L900 172L900 301L883.3 301C866.7 301 833.3 301 800 301C766.7 301 733.3 301 700 301C666.7 301 633.3 301 600 301C566.7 301 533.3 301 500 301C466.7 301 433.3 301 400 301C366.7 301 333.3 301 300 301C266.7 301 233.3 301 200 301C166.7 301 133.3 301 100 301C66.7 301 33.3 301 16.7 301L0 301Z" fill="#00c4d6"></path><path d="M0 220L16.7 221.3C33.3 222.7 66.7 225.3 100 225.7C133.3 226 166.7 224 200 222.5C233.3 221 266.7 220 300 226.5C333.3 233 366.7 247 400 250.2C433.3 253.3 466.7 245.7 500 245.8C533.3 246 566.7 254 600 253.7C633.3 253.3 666.7 244.7 700 237.7C733.3 230.7 766.7 225.3 800 224.7C833.3 224 866.7 228 883.3 230L900 232L900 301L883.3 301C866.7 301 833.3 301 800 301C766.7 301 733.3 301 700 301C666.7 301 633.3 301 600 301C566.7 301 533.3 301 500 301C466.7 301 433.3 301 400 301C366.7 301 333.3 301 300 301C266.7 301 233.3 301 200 301C166.7 301 133.3 301 100 301C66.7 301 33.3 301 16.7 301L0 301Z" fill="#079bea"></path></svg> <footer class="main-footer"> <nav> <ul> <li> <a href="javascript:page('home')"> Primavera </a> </li> <li> <a href="javascript:page('home')"> Primavera News Thread </a> </li> <li> <a href="javascript:page('home')"> Aviconazul Chat Thread </a> </li> </ul> </nav> <div> <p>By Shipment22, Team Aviconazul, Primavera 2024</p> </div> </footer> </div> <!-- Pasted from Polar's tutorial --> <!-- https://www.khanacademy.org/computer-programming/i/6485597312040960 --> <button id='fullscreen'> <svg width="30px" height="30px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M9.00002 3.99998H4.00004L4 9M20 8.99999V4L15 3.99997M15 20H20L20 15M4 15L4 20L9.00002 20" stroke="#ffffff" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg> </button> <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> </body> </html>
Folds	286,289,295,297,306,309
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgKu5hPv_Cww
Votes	1
Spin-Offs	0
Type	WEBPAGE
Width	400
Height	600
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	true
By Child	false
Author Nick	Shipment22
Author Name	shipment22
Author ID	kaid_129428899791640004323186
Author Profile Access	COACH

Archive Data

Added	9 months ago, 1711138094967
Updated	9 months ago, 1711138094967
Source Deleted	unknown