<!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title>Trianta</title> <link rel="stylesheet" href="default.css" /> </head> <body> <div id="navigation"> <div id="navArea"> <p id="navBarLeft">Trianta</p> <a class="navItem" href="https://www.github.com/trimutex">GitHub</a> <a class="navItem" href="https://lab.trianta.dev/Trianta">Projects</a> </div> </div> <div id="main"> <div class="card"> <h2 class="cardTop">Pong</h2> <div class="canvas"> <canvas width="750" height="585" id="pong"></canvas> <script src="public/pong.js"></script> <div id="gameover" hidden="true"> <h1>Game Over</h1> </div> <div id="restart" hidden="true"> <button class="button" type="button" onclick = "restartGame()">Restart Game</a> </div> </div> <p class="cardStats">Left Paddle Height: <span id="leftPaddle"></span></p> <p class="cardStats">Right Paddle Height: <span id="rightPaddle"></span></p> <a class="navItem" href="https://lab.trianta.dev/Trianta/trianta.dev/src/branch/main/src/pong.js">View Code</a> </div> <div class="card"> <h2 class="cardTop">Snake</h2> <div class="canvas"> <canvas width="625" height="375" id="snake"></canvas> <script src="public/snake.js"></script> </div> <p class="cardStats"> Adjust game size -- Width: <input class="cardStats" id="snakeWidth" type="number" min="2" max="31" value="25"> Height: <input class="cardStats" id="snakeHeight" type="number" min="2" max="24" value="15"> </p> <p class="cardStats">Snake Head Location: <span id="snakeHead"></span></p> <p class="cardStats">Food Location: <span id="snakeFood"></span></p> <a class="navItem" href="https://lab.trianta.dev/Trianta/trianta.dev/src/branch/main/src/snake.ts">View Code</a> </div> </div> </body> </html>