<!DOCTYPE html> <html> <head> <title>Simponic's Static Sites</title> <link href="css/styles.css" rel="stylesheet" /> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" /> <script src="https://kit.fontawesome.com/d7e97ed48f.js" crossorigin="anonymous" ></script> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> </head> <body> <div class="top-container animate__animated animate__fadeIn"> <img src="images/profile.png" class="profile-picture" /> <h3> 👋 Hello, I'm Simponic! <br /> 📖 This page hosts strictly static content. <br /> 🔔 My "real website" is at <a href="https://simponic.xyz">simponic.xyz</a>. </h3> <div class="projects-grid"> <div class="project" onclick="window.location='euler-golf/index.html'"> <div class="project-logo-container"> <i class="fa-solid fa-golf-ball-tee"></i> </div> <div class="project-body"> <h1>Euler Golf 2</h1> <p> A puzzle game (with solver) to explore rotations in the complex plane. </p> </div> </div> <div class="project" onclick="window.location='julia/index.html'"> <div class="project-logo-container"> <i class="fa-solid fa-square-root-variable"></i> </div> <div class="project-body"> <h1>Julia Set Explorer</h1> <p> Zoom, pan, and "c" complex changes in this fun GPU-accelerated playground! </p> </div> </div> <div class="project" onclick="window.location='ft-visualizer/index.html'" > <div class="project-logo-container"> <i class="fa-solid fa-wave-square"></i> </div> <div class="project-body"> <h1>Discrete Fourier Visualizer</h1> <p> Draw how your year has gone and view a reactive graph containing its DFT by dragging your mouse over the canvas! </p> </div> </div> <div class="project" onclick="window.location='maize-maze/index.html'"> <div class="project-logo-container"> <i class="fa-solid fa-diagram-project"></i> </div> <div class="project-body"> <h1>The A-maze-ing Maize Maze</h1> <p> A Randomized Kruskal's Maze game with BFS path-finding. You play as a 🌽corn stalk trying to become 🍿popcorn. </p> </div> </div> <div class="project" onclick="window.location='centipede/index.html'"> <div class="project-logo-container"> <i class="fa-solid fa-mosquito"></i> </div> <div class="project-body"> <h1>Centipede</h1> <p> In this game, shoot all the centipede bodies and score points and go up levels. </p> </div> </div> <div class="project" onclick="window.location='dvd-logo/index.html'"> <div class="project-logo-container"> <i class="fa-solid fa-compact-disc"></i> </div> <div class="project-body"> <h1>DVD Logo Bouncing Animation</h1> <p> Brings back the nostalgia of old-school DVD players with an intersection predictor. The twist: no Canvas API! Only svg's and absolute positioned images! </p> </div> </div> </div> </div> </body> </html>