Viewing Program

Program Data

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

Title	Origins of Team Tiger
ID	4823567579594752
Created	4 days ago, 1744647327379
Updated	4 days ago, 1744650655623
Code	<!DOCTYPE html> <!-- Note to the judges: For some reason the first img was not showing up so that is why the first image is not a class. If you guys do not think this is clean code, please tell me what is clean code. I want to get as many points for our team as possible I used the page switching tutorial here for the page switching, ig. https://www.khanacademy.org/computer-programming/i/6291090631376896 This storyline was created by - S p a r t a - in 5 minutes I am creative! I used Chinese in my project! BTW I am Chinese! --> <html> <link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet" type="text/css"> <link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet" type="text/css"> <head> <meta charset="utf-8"> <title>Origins of Team Tiger</title> <!-- All of the styling for the webpage --> <style> /* Body styling / body { background-color: black; } / Styling for the headers / .hr { text-align: center; font-size: 50px; font-family: Arial; color: rgba(255, 107,0, 0.9); text-shadow: 5px 2px 1px rgba(242, 163, 51); } / This is the pargraph styling / .ph { word-spacing: 2px; line-height: 30px; text-align: center; font-family: Roboto; font-size: 20px; color: rgba(180, 186, 0, 0.9); } / Other random styling / ul { font-size: 25px; font-family:"Open Sans"; color: rgba(180, 186, 0, 0.9); } / Image styling / img { position: relative; left: 175px; width: 200px; height: 150px; } / Second image styling / .img2 { position: relative; left: 175px; width: 200px; height: 150px; } / Third image styling / .img3 { position: relative; left: 175px; width: 200px; height: 150px; } / Fourth Image / .img5 { position: relative; left: 205px; bottom: -50px; width: 150px; height: 150px; } / This is the scrollbar styling btw :D / ::-webkit-scrollbar { width: 8px; } ::-webkit-scrollbar-track { background-color: rgba(255, 255, 255); } ::-webkit-scrollbar-thumb { background-color:rgba(255, 107, 0, 0.9); } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } #navTool { position: fixed; top: 0; left: 0; right: 0; padding: 20px 0px; z-index: 1; border-bottom: 2px solid #AAA; background-color: rgba(223, 227, 12); } #navTool a { color: #444; text-decoration: none; padding: 20px 20px; } #navTool a:hover { background-color: rgba(255, 107,0, 0.9); } .page { margin: 0; margin-top: 60px; padding: 20px; animation: fadeIn 1s linear; } </style> </head> <!-- The divs, headers, lists, links, paragraphs and stuff like that is in here --> <body> <!-- This is the navbar and stuff --> <div id = "navTool"> <a href = "javascript:changePage(1);">Origins</a> <a href = "javascript:changePage(2);">Abilities</a> <a href = "javascript:changePage(3);">The Weapon</a> <a href = "javascript:changePage(4);">The Resolution</a> <a href = "javascript:changePage(5);">Subscribe</a> </div> <!-- This is the Origins page --> <div class="page" class="animate-hidden"> <h1 class="hr"><em>Origins of the Tiger</em></h1> <br> <br> <br> <p class="ph">In the beginning of the year zero, the inaugural two tigers were introduced to the planet. Simultaneously, a variety of other species, including dragons, rodents, caprines, and domesticated birds, also made their appearance. Over the subsequent years, the planet Dòngwù Xīngqiú evolved into a rich and diverse ecosystem, flourishing with numerous life forms. This planet spanned approximately ten thousand miles in both width and height. Vegetation thrived across expansive forests and plains, extensive deserts extended for vast distances, and glaciers moved gracefully within the oceans. During an extraordinary epoch lasting around five thousand years, characterized by the remarkable increase in the tiger population, other tribes began to express growing concerns regarding the significant strength that the Tiger Tribe was accumulating. In the year 1462, representatives from all tribal entities convened to discuss these concerns and ultimately reached a decision to expel the Tiger Tribe. This expulsion would remain in effect until a consensus could be established among the remaining tribes concerning the potential reintegration of the Tiger Tribe. The resolution was implemented promptly, and it was perceived that the Tiger Tribe had disappeared entirely, or so it was thought. The world to which the other tribes banished them was a realm they referred to as Earth, which was populated by less advanced creatures. </p> <br> <br> <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/5/5d/Tiger_%28India%29_3.jpg/640px-Tiger_%28India%29_3.jpg"> <br> </div> <!-- This is the Abilities page --> <div class = "page"> <h1 class="hr"><em>Abilities of Each Tribe</em></h1> <ul> <li> The Tigers had developed the ability to go invisible which allowed them to hunt their prey. In addition, they had faster regeneration than the other tribes, allowing for more aggressive attacks. <li> The Dragons were fierce warriors. Their scaly skin provided armour as tough as metal. Their ability to fly at high speeds made it easier for them to travel. In addition, they could easily incinerate their prey with the fire they spewed out. <li> The Roosters seemed like easy targets, but their natural ability of deception and mind control made this common misconception a danger to Tribe Tiger. <li> The Rats were known for their ability to change sizes in an instant. In addition, they had ways to communicate to each other over long distances. The way they communciated was kept a secret. <li> The Goats had no abilities. They where normal goats folks. Nothin' really special 'bout 'em besides their ability to speak fluent Southern. </ul> </div> <!-- This is the Weapon page --> <div class = "page"> <!-- This is the thrid section --> <h1 class="hr"><em>The Weapon</em></h1> <p class="ph">The Tigers possessed a sophisticated device that enabled them to neutralize the abilities of rival tribes swiftly. This raised two significant considerations: first, the strategic timing for its deployment, and second, the contingency plan in the event that this device was captured by adversaries. The Tigers effectively addressed these challenges by determining to utilize the device only in critical situations and by deciding against its use on the Goats, as they appreciated the eloquent Southern dialect spoken by that tribe. Additionally, the device was designed with an automated self-destruction feature to mitigate any risks associated with unauthorized possession.</p> <br> <br> <img class="img2" src="https://upload.wikimedia.org/wikipedia/commons/thumb/b/b7/Tiger_berlin-3.jpg/640px-Tiger_berlin-3.jpg"> </div> <!-- This is the Resolution page --> <div class="page"> <h1 class="hr"><em>The Resolution</em></h1> <p class="ph">The protracted conflict had not yielded significant progress. Periodically, one faction would secure a substantial territory, only to subsequently face counteroffensive actions from the opposing group. This situation has led many stakeholders to reevaluate the value of the ongoing hostilities, particularly in light of the substantial casualties involved. Nonetheless, in the Zuìhòu De Zhàndòu, Tribe Tiger emerged victorious in the most recent significant engagement among the tribes. While this victory is noteworthy, the leadership recognizes that considerable time and resources will be necessary to ultimately resolve the conflict and foster a lasting state of peace and unity among the tribes. </p> <img class="img3" src="https://upload.wikimedia.org/wikipedia/commons/thumb/c/c7/Thure_de_Thulstrup_-_L._Prang_and_Co._-_Battle_of_Gettysburg_-_Restoration_by_Adam_Cuerden.jpg/640px-Thure_de_Thulstrup_-_L._Prang_and_Co._-_Battle_of_Gettysburg_-_Restoration_by_Adam_Cuerden.jpg"> </div> <!-- This is the subscribe page --> <div class="page"> <h1 class="hr"><em>Subscribe</em></h1> <p class="ph">Subscribe to me here: <a href="https://www.khanacademy.org/computer-programming/subscribe-to-s-p-a-r-t-a-v4/6612972922126336">Click here</a><br><br><br>Subscribe to our team here: <a href="https://www.khanacademy.org/computer-programming/team-tiger-codaru/6161721148424192?qa_expand_key=ag5zfmtoYW4tYWNhZGVteXJBCxIIVXNlckRhdGEiHmthaWRfMjQxODQxODkzMDE4MzQyNzI1NTkyNjc2MAwLEghGZWVkYmFjaxiAgIeyytrlCAw&qa_expand_type=reply">Click here</a></p> <img class="img5" src="https://upload.wikimedia.org/wikipedia/commons/thumb/d/df/Antu_preferences-desktop-notification-bell.svg/640px-Antu_preferences-desktop-notification-bell.svg.png"> </div> <script> 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(0, 0); } changePage(1); </script> <script> document.documentElement.onkeydown = function(e) { if (e.keyCode === 27) { document.getElementById("thumbnail").style.display = "block"; document.getElementById("thumbnail").style.zIndex = 2; } }; </script> <!-- The Thumbnail Script 2.0.0 10/24/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, }).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	17,344
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgIfBpeDICAw
Votes	18
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	- S p a r t a -
Author Name	MrYobes
Author ID	kaid_546205135843777431062822
Author Profile Access	PUBLIC

Archive Data

Added	4 days ago, 1744684545037
Updated	4 days ago, 1744685931314
Source Deleted	unknown