diff options
Diffstat (limited to 'index.html')
| -rw-r--r-- | index.html | 51 |
1 files changed, 51 insertions, 0 deletions
diff --git a/index.html b/index.html new file mode 100644 index 0000000..47c463b --- /dev/null +++ b/index.html @@ -0,0 +1,51 @@ +<!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> + </head> + <body> + <div class="top-container animate__animated animate__fadeIn"> + <img src="images/profile.jpg" class="profile-picture"> + <p> + ๐ Hello! + <br> + ๐ค I'm Simponic. + <br> + ๐ This pages hosts strictly static content. + <br> + ๐ Visit <a href="https://simponic.xyz">simponic.xyz</a> to view my "real" website. + </p> + <div class="projects-grid"> + <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, as discussed in <a href="https://www.youtube.com/watch?v=QOtuX0jL85Y">The Office</a>.</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> + </div> + </body> +</html> + |