Viewing Program

Program Data

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

Title	New webpage
ID	5115020034359296
Created	9 months ago, 1710718809483
Updated	9 months ago, 1710725741319
Code	<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>New webpage</title> <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=Carter+One&family=Rowdies&family=Inter:wght@100..900&display=swap" rel="stylesheet"> </head> <body> <style> @keyframes poof { from { transform: scale(15); } } @keyframes fade { 0% { opacity:0; } 40% { opacity:0; } } @keyframes up { 0% { transform:translateY(500px); opacity:0; } 40% { transform:translateY(500px); opacity:0; } } .center { display:flex; justify-content:center; } body { background-image:linear-gradient(45deg, #E56B6F62, #EEE5E9),url("https://upload.wikimedia.org/wikipedia/commons/thumb/6/69/Cherry_Blossom_in_El_Retiro_Park%2C_Madrid%2C_Spain.jpg/640px-Cherry_Blossom_in_El_Retiro_Park%2C_Madrid%2C_Spain.jpg"); background-position: center; background-repeat: no-repeat; background-size: cover; color:#355070; height:97.3vh; display:flex; justify-content:center; font-family: "inter", sans-serif; font-weight:500; } h2 { color:#355070; margin-top:5%; margin-bottom:0; font-family: "Carter One", serif; width:100%; text-align:center; font-size:5rem; } h1 { font-family: "Carter One", serif; width:100%; text-align:center; font-size:3rem; } .letters{ display:flex; } h2 div:nth-child(1) { animation: poof 0.20s ease; } h2 div:nth-child(2) { animation: poof 0.22s ease; } h2 div:nth-child(3) { animation: poof 0.24s ease; } h2 div:nth-child(4) { animation: poof 0.26s ease; } h2 div:nth-child(5) { animation: poof 0.28s ease; } h2 div:nth-child(6) { animation: poof 0.30s ease; } h2 div:nth-child(7) { animation: poof 0.32s ease; } h2 div:nth-child(8) { animation: poof 0.34s ease; } h2 div:nth-child(9) { animation: poof 0.36s ease; } .home-nav { display:flex; justify-content:center; text-align:center; font-weight:400; } .home-nav span { padding:0.5rem 2.2rem; font-weight:500; animation: up 1s ease; transition: 0.4s ease; } .home-nav span:hover:nth-child(even) { transform:scale(1.2) rotate(3deg); } .home-nav span:hover:nth-child(odd) { transform:scale(1.2) rotate(-3deg); } .t0t4 { margin:0; color:#6D597A; font-family: "Rowdies", serif; text-align:center; font-size:1.2rem; animation: fade 1s ease; } .head { background:#B0C6CE3a; padding:1rem 2rem 3rem 2rem; border-radius:8px; margin-bottom:12%; margin-top:20%; } p { font-weight:400; font-size:1rem; text-align:center; padding:1rem 4rem; } img { width:180px; height:180px; } </style> <div class="page"> <div class='head'> <h2 class="letters"> <div>P</div> <div>r</div> <div>i</div> <div>m</div> <div>a</div> <div>v</div> <div>e</div> <div>r</div> <div>a</div> </h2> <p class="t0t4"> ~ 2024 ~ </p> </div> <div class="home-nav"> <span onClick="changePage(1)">About</span> <span onClick="changePage(2)">Members</span> <span onClick="changePage(3)">Rankings</span> </div> <div class="home-nav"> <span onClick="changePage(4)">Teams</span> <span onClick="changePage(5)">Challanges</span> </div> </div> <div class="page"> <h1>About</h1> <p>Primavera is back for the fourth time in a row.<br>If you haven't already sign up now before it's too late!<br><br> This year Primavera will consist of 6 main challanges, each usually lasting about 2-3 weeks. For each challange there will be a given theme to which the participants aim to follow to score between 1-10 points for thier respsective team. Scoring will be based on 5 key factors, theme, complexity of code, efficiency/cleanliness of code, creativity and design.<br><br><b>New structure</b><br>Due to a growing inactivty on KA in the recent years after the 4th challange the 4 teams will merge into 2. The team in 1st will pair with 4th place at the time and 2nd with 3rd.</p> </div> <div class="page"> <h1>Members</h1> <p style="font-size:5rem;">N/A</p> </div> <div class="page"> <h1>Rankings</h1> <p style="font-size:5rem;">N/A</p> </div> <div class="page"> <h1>Teams</h1> <p>This year being the 4 year mark we've got together the 4 winning teams avatars from the previous years to see which team truly prevails</p> <div class="center"> <img src="https://www.khanacademy.org/computer-programming/aviconazul-ultimate/4781098813308928/latest.png"> <img src="https://www.khanacademy.org/computer-programming/aequor-ultimate/6651724308987904/latest.png"> </div> <div class="center"> <img src="https://www.khanacademy.org/computer-programming/pyroach/5090991336505344/latest.png"> <img src="https://www.khanacademy.org/computer-programming/terratrice/5387890211864576/latest.png"> </div> </div> <div class="page"> <h1>Challenge</h1> <p style="font-size:5rem; margin-bottom:0">N/A</p> <p>(We are currently in the first week of the comptition. Once you see your name on the members list you many join your respective team chat in the T&T and began working on your homepage entry which will be due on the 25th)</p> </div> <script> //es6 was too buggy on KA var pages = document.getElementsByClassName("page"); function changePage(e) { for (var i = 0; i < pages.length; i++) { pages[i].style.display = "none"; } pages[e].style.display = "block"; window.scrollTo(0, 0); } changePage(0); </script> </body> </html>
Folds	173,177,187,198,200,204
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgKvB1oKLCQw
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	Astro2
Author Name	astro2.ka
Author ID	kaid_9742130740909699551001157
Author Profile Access	COACH

Archive Data

Added	9 months ago, 1710718828726
Updated	9 months ago, 1710725749999
Source Deleted	unknown