Viewing Program

Program Data

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

Title	WIP NOOO DONT VOTE PLSSSSS THATS WHY I DIDNT ADD THUMBNAIL
ID	5785197463322624
Created	4 days ago, 1744612629256
Updated	4 days ago, 1744659736131
Code	<!DOCTYPE html> <html> <!---Learning off W3schools, a helpful site. Credit to this site for the RGB to Hex converter. Awkwarldy, I must say, I don't know Vanilla JS at all, and am coding each page seperately in HTML, using a very helpful command that I learnt in the first thing of "Intro to DOM". XD. Someday I'll have to learn that.---> <!---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=Cedarville+Cursive&family=Dancing+Script:wght@400..700&family=Lexend:wght@100..900&display=swap" rel="stylesheet"> <head> <meta charset="utf-8"> <title>WIP NOOO DONT VOTE PLSSSSS THATS WHY I DIDNT ADD THUMBNAIL</title> <style> body{ background-image:url("https://upload.wikimedia.org/wikipedia/commons/thumb/f/f5/Lotus_flower_%28978659%29.jpg/1024px-Lotus_flower_%28978659%29.jpg"); background-repeat:no-repeat; background-attachment:fixed; overflow-x:hidden; } h1{ font-family:Dancing script; } ::-webkit-scrollbar-thumb{ background-color:#FFF; width:8px; } ::-webkit-scrollbar-thumb:hover{ cursor:grab; } ::-webkit-scrollbar{ background-color:#000; } #navbar{ background-color:#edb4e4; width:601px; height:65px; margin:-10px; position:fixed; color:#FFF; font-family:Lexend; padding-left:10px; margin-top:-200px; z-index:1; } .navclass:hover{ cursor:pointer; } .navclass{ background-color:#edb4e4; width:120px; height:65px; margin-left:-100px; position:fixed; color:#FFF; font-family:Lexend; padding-left:10px; text-align:center; border:none; z-index:1; } #header{ width:500px; background-color:#FFF; opacity:0.7; margin-top:200px; font-family:Dancing Script; text-align:center; padding:10px; margin-left:35px; border-radius:20px; padding:10px; } #author{ font-family:Cedarville Cursive; } h4{ font-family:Lexend; } #cake{ border-radius:50%; animation-name:cake; animation-iteration-count:infinite; animation-duration:5s; } @keyframes cake{ 0%{left:50px;top:50px;} 50%{margin-left:400px;top:50px;} 100%{left:50px;top:50px;} } #wherethewhitegoes{ margin-left:-100px; background-color:#FFF; width:850px; opacity:0.7; margin-top:115px; } #fix{ padding:30px; padding-left:120px; font-family:Rubik; } #imgg{ border-radius:50%; margin-top:-350px; } #hh{ margin-left:250px; } </style> </head> <body> <!---nav---> <div id = "navbar"> <button class = "navclass">Home</button> <button class = "navclass" onClick = "page1()"><span style="margin-left:120px">About</span></button> <button class = "navclass"><span style="margin-left:240px" onClick = "page3()">Sub</span></button> <button class = "navclass"><span style="margin-left:360px" onClick = "page2()">Home</span></button> <button class = "navclass"><span style="margin-left:480px" onClick = "page4()">Why</span></button> <button class = "navclass"><span style="margin-left:600px" onClick = "page5()">Blog</span></button> </div> <!---Header---> <div id = "header"> <h1>Spring has Sprung</h1> <h2 id = "author">A Blog for Spring By CodeSprite</h2> </div> <br> <br> <br> <br> <!---So? What if I want more?---> <div id = "somemore"></div> <script> function page1(){ document.getElementById("header").innerHTML ="<h1>Welcome</h1><h4>This is my blog, Spring has Sprung. It includes all that you will need to know about flowers that are blooming! I'll assure you that the facts are very fascinating. If you'd like to know more, click on blog. If you would like to subscribe to me for more beginner HTML programs, click subscribe. Thanks for reading this, have a good day and happy spring!</h4><h1>About the creator</h1><h4>Hi, I'm CodeSprite, a <strong>very</strong> beginner HTML and CSS programmer. I also write code in PJS and Python. This is a blog about flowers in Spring. I hope you like it!</h4>" document.getElementById("somemore").innerHTML = "" } function page2(){ document.getElementById("header").innerHTML =" <h1>Spring has Sprung</h1><h2 id = author>A Blog for Spring By CodeSprite</h2>" document.getElementById("somemore").innerHTML = "" } function page3(){ document.getElementById("header").innerHTML = "<h1>Subscribe</h1><h4>First of all, would you like to subscribe? It is very helpful as I am <strong>still</strong> very bad at HTML and this action would encourage me too get better at HTML. Plus, I can show you an animation... Hmm... Another reason... Um... I know a little Trig? ... I can code?</h4>" document.getElementById("somemore").innerHTML = "<img src = https://upload.wikimedia.org/wikipedia/commons/f/f1/Stawberry_shortcake.jpeg id = cake width = 150 height = 150> <div id = header><h1><span>See?</h1><h4>Tada! A moving cake, I bet you're hungry now! Anyways, please subscribe!</h4></div><br><br><br><br>" } function page4(){ document.getElementById("header").innerHTML = "<h1>Why</h1><h4>Why look at this blog? Obviously, because you want to know strange facts about flowers! Head on over to the blog page to read on!</h4>" document.getElementById("somemore").innerHTML = "<img src = >" } function page5(){ document.getElementById("header").innerHTML = "<h1>Blog</h1><h2 id = author>Welcome to the blog. Scroll down to learn more about flowers!</h2>" document.getElementById("somemore").innerHTML = "<div id = wherethewhitegoes><div id = fix><div id = hh><h1>Wisteria</h1><h4>There are many facts about <br>this plant that many people<br>have never heard of. Wisteria<br>is an invasive species from all<br>around the world. It's seeds<br>are poisonous and can cause<br>vomiting, and speech problems.</h4> </div><img src = https://upload.wikimedia.org/wikipedia/commons/thumb/a/ad/Wisteria_tree_02.jpg/180px-Wisteria_tree_02.jpg id = imgg height = 200px width = 200px></div></div><div id = wherethewhitegoes><div id = fix><div id = hh><h1>Bluebells</h1><h4>Bluebells are a species of woodland<br>flowers that grow in shady areas.<br>They carpet the forest floor in<br>spring. Bluebells grow better in<br>slightly acidic soil. How odd! It is<br>also used as an indicator species<br>of ancient woodland.</h4></div><img src = https://upload.wikimedia.org/wikipedia/commons/6/68/Bluebells%2C_Belfast_-_geograph.org.uk_-_2920761.jpg id = imgg height = 200px width = 200px></div></div><div id = wherethewhitegoes><div id = fix><div id = hh><h1>Dandelions</h1><h4>Recognize this? Of course you do!<br>Dandelions have literally conquered<br>the world! Most people see them in<br>yards, parks, and even streets!<br>However satisfying it is, when we<br>pick up dandelions and blow off <br>their seeds, more dandelions grow!</h4></div><img src = https://upload.wikimedia.org/wikipedia/commons/c/c7/Taraxacum_-_Makrofotografie_004_2022_05_01.jpg id = imgg height = 200px width = 200px></div></div>" } </script> </body> </html>
Folds
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgIf-s7OjCgw
Votes	4
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	UwUKawaii CodeSprite 🐓
Author Name	happyyes
Author ID	kaid_12257575969758393370383
Author Profile Access	COACH

Archive Data

Added	3 days ago, 1744686156746
Updated	3 days ago, 1744686165186
Source Deleted	unknown