Viewing Program

Program Data

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

Title	Nexus Newsletter #1 Release
ID	4719856333209600
Created	4 days ago, 1744638816951
Updated	4 days ago, 1744638830834
Code	<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Nexus Newsletter #1 Release</title> <style> /* Reset and basic styling / body { margin: 0; font-family: 'Arial', sans-serif; background: #f4f4f9; color: #333; line-height: 1.6; } / Navigation styling / .navbar { display: flex; justify-content: center; background: #333; padding: 12px 0; } .navbar a { margin: 0 20px; text-decoration: none; color: #fff; font-size: 18px; transition: color 0.3s ease, transform 0.3s ease; } .navbar a:hover { color: #ffd700; transform: scale(1.1); } / Container for the newsletter / .container { max-width: 900px; margin: 40px auto; padding: 0 20px; animation: fadeIn 1s ease-out; } / Section titles with a striking underline / .section-title { font-size: 28px; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 2px solid #ffd700; } / Cards for each newsletter item / .card { background: #fff; box-shadow: 0 4px 6px rgba(0,0,0,0.1); margin-bottom: 20px; padding: 20px; border-radius: 8px; transition: transform 0.3s ease, box-shadow 0.3s ease; } .card:hover { transform: translateY(-5px); box-shadow: 0 8px 12px rgba(0,0,0,0.15); } / Styling for program images / .program-img { width: 30%; height: auto; border-radius: 8px; margin-bottom: 15px; } / Link styling inside the cards / a.program-link { color: #3498db; text-decoration: none; transition: color 0.2s; } a.program-link:hover { color: #1d6fa5; } / Content sections / .content { transition: opacity 0.5s ease-in-out; } .hidden { opacity: 0; visibility: hidden; height: 0; overflow: hidden; position: absolute; width: 100%; } / Community Headlines Styling / .community-title { font-size: 26px; font-weight: bold; margin-bottom: 6px; } .community-desc { font-size: 18px; margin-bottom: 12px; } / Icon styling for community cards / .icon { font-size: 28px; vertical-align: middle; margin-right: 8px; } </style> </head> <body> <!-- Navigation bar with three links --> <nav class="navbar"> <a href="#" id="nav-rattlers">HL Rattlers</a> <a href="#" id="nav-community">Community Highlights</a> <a href="#" id="nav-subpage">Subpage</a> </nav> <div class="container"> <!-- Recent HL Rattlers Section with Expanded Details --> <div id="rattlers" class="content"> <p>Before you go down and look through all the programs, I'd like to say that we only started this a few days ago and that we couldn't get much info because of when we started. So please, give a little slack and keep your eyes up for next week.</p> <div class="section-title">Recent HL Rattlers</div> <div class="card"> <img src="https://www.khanacademy.org/computer-programming/nevermore-animation/5609254966902784/5198921005645824.png" alt="Nevermore Animation Preview" class="program-img"> <h3>Nevermore</h3> <p> Dive into the surreal world of "Nevermore," a captivating animation by Quantum Cat. This program uses fluid motion and vibrant colors to show the work and effort put into an absolutely stunning graphic. An absolute treat for art and technology enthusiasts. </p> <p><a class="program-link" href="https://www.khanacademy.org/computer-programming/nevermore-animation/5609254966902784" target="_blank">View Program</a></p> </div> <div class="card"> <img src="https://www.khanacademy.org/computer-programming/grief-vengeance/5910614071427072/6705833467559936.png" alt="Grief & Vengeance game" class="program-img"> <h3>Grief & Vengeance</h3> <p> Play the game of Grief & Vengeance! A recent HL Rattler gained 61 upvotes and is a very popular game about grief and vengeance (hence the name). This game is brought to you by ASBackup and Emvalle10 for the Codaru competition. </p> <p><a class="program-link" href="https://www.khanacademy.org/computer-programming/grief-vengeance/5910614071427072" target="_blank">View Program</a></p> </div> <div class="card"> <img src="https://www.khanacademy.org/computer-programming/spicy-rooster-codaru-2025/6289433475268608/5538013243359232.png" alt="Spicy Rooster Game" class="program-img"> <h3>Spicy Rooster!</h3> <p> Jump into a game of peppers and heat! This fun game is gaining momentum on the Hot List with 44 upvotes! <br>In this game, you play as a rooster that seems to be having a mid life crisis around the infinite scrolling yard. Jump above cactus and run below signs! Jump to gather coins, but be careful! A sign might knock you down! </p> <p><a class="program-link" href="https://www.khanacademy.org/computer-programming/spicy-rooster-codaru-2025/6289433475268608" target="_blank">View Program</a></p> </div> <div class="card"> <img src="https://www.khanacademy.org/computer-programming/skate-full-game/6037976522014720/6394314691297280.png" alt="SKATE Game Preview" class="program-img"> <h3>SKATE</h3> <p> Experience the thrill of skateboarding with "SKATE" by Blue Pickle. This game plays as a skateboard on a hill. Designed for both casual gamers and hardcore skaters, it redefines interactive fun. </p> <p><a class="program-link" href="https://www.khanacademy.org/computer-programming/skate-full-game/6037976522014720" target="_blank">View Program</a></p> </div> <div class="card"> <img src="https://www.khanacademy.org/computer-programming/brain-v1/5619846356254720/5739538169315328.png" alt="Brain Program Preview" class="program-img"> <h3>Brain</h3> <p> Take a deep dive into digital cognition with "Brain," a program by Eldiiar Bekbolotov. This program is designed for you to write down notes, thoughts, tasks, chores, and more in a quick and simple way. </p> <p><a class="program-link" href="https://www.khanacademy.org/computer-programming/brain-v1/5619846356254720" target="_blank">View Program</a></p> </div> <div class="card"> <img src="https://www.khanacademy.org/computer-programming/lame-funics-1-2/6467164433399808/5314539142889472.png" alt="Lame Funics Preview" class="program-img"> <h3>Lame Funics 1-2</h3> <p> For a dose of quirky creativity, check out "Lame Funics 1-2" by I need sleep. This playful program combines humor and coding into a unique visual treat that has already earned admiration—with over 70 upvotes, it’s capturing the fun spirit of our community. </p> <p><a class="program-link" href="https://www.khanacademy.org/computer-programming/lame-funics-1-2/6467164433399808" target="_blank">View Program</a></p> </div> <div class="card"> <img src="https://www.khanacademy.org/computer-programming/anti-malware-game-part-1/5239666622185472/6285497768984576.png" alt="Anit-Malware Game Preview" class="program-img"> <h3>Anit-Malware</h3> <p> "Anit-Malware" by Sage X. delivers an innovative twist on the classic game genre with its glitchy, interesting story. Be on the lookout for part 2! </p> <p><a class="program-link" href="https://www.khanacademy.org/computer-programming/anti-malware-game-part-1/5239666622185472" target="_blank">View Program</a></p> </div> <div class="card"> <img src="https://www.khanacademy.org/computer-programming/yet-another-animation/4746729601744896/4578665591586816.png" alt="Yet Another Animation Preview" class="program-img"> <h3>Yet Another Animation</h3> <p> Immerse yourself in "Yet Another Animation" by ASBackup—a visual narrative that pushes the boundaries of digital artistry. With innovative coding techniques, the animation transforms everyday visuals into a vibrant and dynamic spectacle, ensuring that no two moments are ever the same. Don't stare too closely. </p> <p><a class="program-link" href="https://www.khanacademy.org/computer-programming/yet-another-animation/4746729601744896" target="_blank">View Program</a></p> </div> <div class="card"> <img src="https://www.khanacademy.org/computer-programming/dusk/4962499229237248/4707492531650560.png" alt="Dusk Graphic Preview" class="program-img"> <h3>Dusk</h3> <p> "Dusk" by Radar offers a serene and captivating graphic experience that captures the subtle transitions of twilight. With its delicate blend of colors and refined design, this piece instills a sense of calm while sparking your imagination with its artistic depth. </p> <p><a class="program-link" href="https://www.khanacademy.org/computer-programming/dusk/4962499229237248" target="_blank">View Program</a></p> </div> </div> <!-- Community Highlights Section with Expanded Details --> <div id="community" class="content hidden"> <div class="section-title">✨ Community Highlights This Week ✨</div> <div class="card"> <h3 class="community-title"> <span class="icon">🎉</span>Welcome Back! </h3> <p class="community-desc">Sparta is no longer a Grink! This transformation marks a powerful comeback that everyone in the HL community is celebrating. Embrace the change and get ready for new adventures!</p> </div> <div class="card"> <h3 class="community-title"> <span class="icon">💡</span>He's Done Something, Folks. Makes Its Comeback! </h3> <p class="community-desc">The popular trend is making a dramatic return. Coming back with Una, Haiku_guy, and Hokeycat—expect fresh twists and surprises that will reinvigorate the HL spirit!</p> </div> <div class="card"> <h3 class="community-title"> <span class="icon">🎮</span>Game Alert! </h3> <p class="community-desc">Sage X. is set to release Part 2 of his critically-acclaimed Anti-Malware game. Following the stunning success of the first install, this sequel looks like it will have more intense action and innovation. Prepare yourself for the next level!</p> </div> <div class="card"> <h3 class="community-title"> <span class="icon">🌱</span>LeafersCraft Update: Version 0.3 </h3> <p class="community-desc">The latest upgrade to LeafersCraft introduces Survival Mode, enhanced performance, and an immersive environment designed to heighten your HL experience. Dive into a world of creativity and innovation!</p> </div> <div class="card"> <h3 class="community-title"> <span class="icon">⚡</span>Milestone Madness </h3> <p class="community-desc">Congratulations to Bristlefrost on reaching a staggering 1 Million Energy Points! This monumental achievement showcases the dedication and competitive spirit that elevate our community. Celebrate this epic milestone and get motivated to push your limits!</p> </div> <div class="card"> <h3 class="community-title"> <span class="icon">🚩</span>Recent Posters for games </h3> <p class="community-desc"> Keep your eyes peeled for upcoming releases: <br>"Lost Souls" is set to drop soon—stay tuned via Orange Soda for the latest info.<br> Additionally, "The Tornado" by Sonic The Hedgehog is gearing up to impress with maddening visuals. Your next favorite program is on its way! <br> Vicioustrex released a poster on April 12 for the game that should be out by now: "Rise of the Rooster". But keep your eyes peeled until he does release it! </p> </div> </div> <!-- Newsletter Subpage Section --> <div id="subpage" class="content hidden"> <div class="section-title">Nexus Newsletter Organization </div> <div class="card"> <h3>About This Newsletter</h3> <p> Welcome to the dedicated subpage for our Newsletters! Here, we take you behind the scenes to explore exclusive insights, stories, and in-depth discussions about the creative process that powers each project. </p> <p> Discover the evolution of our team, learn about upcoming features, and purchase special classes for more info about what is happening! </p> <p> <a class="program-link" href="https://www.khanacademy.org/computer-programming/nexus-newsletter/5570005649440768" target="_blank">Visit us here!</a> </p> </div> <div class="card"> <h3>Upcoming Features</h3> <p> Stay tuned for more features such as interviews, how it was made, a famous Khan Users backstory, and more! </p> </div> </div> </div> <script type> // Simple JavaScript to toggle between content sections with a fade effect const navRattlers = document.getElementById('nav-rattlers'); const navCommunity = document.getElementById('nav-community'); const navSubpage = document.getElementById('nav-subpage'); const rattlersSection = document.getElementById('rattlers'); const communitySection = document.getElementById('community'); const subpageSection = document.getElementById('subpage'); navRattlers.addEventListener('click', (e) => { e.preventDefault(); rattlersSection.classList.remove('hidden'); communitySection.classList.add('hidden'); subpageSection.classList.add('hidden'); }); navCommunity.addEventListener('click', (e) => { e.preventDefault(); communitySection.classList.remove('hidden'); rattlersSection.classList.add('hidden'); subpageSection.classList.add('hidden'); }); navSubpage.addEventListener('click', (e) => { e.preventDefault(); subpageSection.classList.remove('hidden'); rattlersSection.classList.add('hidden'); communitySection.classList.add('hidden'); }); </script> </body> </html> <!-- Say hello to our first newsletter issue! Have a look around the page! Consider looking through our subpage and potentially Subscribing to us! We'll deeply appreciate it! Go to our subpage here to learn more about us! https://www.khanacademy.org/computer-programming/-/5570005649440768 Our team: SwankyMan (Manager) * Devll * Hokeycat * AquaNight Be apart of the group! You get a daily bonus of 20 points daily and you get all classes! All for a little info a week! We're beginning! We're a very beginning Newsletter Organization that wants to make you proud! But we need the help and support we can get! Join us and lets make a difference to Khan Academy! We'll have weekly stories brought to you by KA writers next week! Some of you might wonder why there's not much. Thats because we started not too long ago! Next week, we promise to have a good breath taking newsletter that stays consistent. -->
Folds	1,311
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgIeB85WxCAw
Votes	8
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	𝓢𝔀𝓪𝓷𝓴𝔂𝓜𝓪𝓷
Author Name	Agent0fChaos
Author ID	kaid_82898098000024228278987
Author Profile Access	PUBLIC

Archive Data

Added	4 days ago, 1744686040603
Updated	4 days ago, 1744686040603
Source Deleted	unknown