<!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"> <a class="project" href="/euler-golf/"> <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 BFS solver) to explore rotations in the complex plane. </p> </div> </a> <a class="project" href="/julia/"> <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 GPU-accelerated playground! </p> </div> </a> <a class="project" href="/ft-visualizer/"> <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> </a> <a class="project" href="/maize-maze/"> <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 (more) BFS. You play as a 🌽corn stalk trying to become 🍿popcorn. </p> </div> </a> <a class="project" href="/centipede/"> <div class="project-logo-container"> <i class="fa-solid fa-mosquito"></i> </div> <div class="project-body"> <h1>Centipede</h1> <p> Boring remake of the classic arcade game. </p> </div> </a> <a class="project" href="/dvd-logo/"> <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> Bring back the nostalgia of old-school DVD players with an intersection predictor. No Canvas API; only svg's and absolute positioned images. </p> </div> </a> </div> </div> </body> </html>