diff options
Diffstat (limited to 'index.html')
| -rw-r--r-- | index.html | 100 |
1 files changed, 68 insertions, 32 deletions
@@ -3,78 +3,114 @@ <html> <head> <title>Simponic's Static Sites</title> - <link href="css/styles.css" rel="stylesheet"> + <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"> + <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"> + <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>. + 👋 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='dvd-logo/index.html'"> + <div class="project" onclick="window.location='euler-golf/index.html'"> <div class="project-logo-container"> - <i class="fa-solid fa-compact-disc"></i> + <i class="fa-solid fa-golf-ball-tee"></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> + <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='maize-maze/index.html'"> + <div class="project" onclick="window.location='julia/index.html'"> <div class="project-logo-container"> - <i class="fa-solid fa-diagram-project"></i> + <i class="fa-solid fa-square-root-variable"></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 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='centipede/index.html'"> + <div + class="project" + onclick="window.location='ft-visualizer/index.html'" + > <div class="project-logo-container"> - <i class="fa-solid fa-mosquito"></i> + <i class="fa-solid fa-wave-square"></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 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" onclick="window.location='julia/index.html'"> + <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-square-root-variable"></i> + <i class="fa-solid fa-mosquito"></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> + <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='ft-visualizer/index.html'"> + <div class="project" onclick="window.location='dvd-logo/index.html'"> <div class="project-logo-container"> - <i class="fa-solid fa-wave-square"></i> + <i class="fa-solid fa-compact-disc"></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> + <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> |