<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8"/>
  <title>Trianta</title>
  <link rel="stylesheet" href="default.css" />
</head>
<body>
    <div class="first" id="introduction">
        <div class="inside">
            <p style="font-size: 3.5rem;">TRIANTA</p>
            <p>Engineer developing solutions for current problems to enhance the future</p>
            <div id="navigation">
                <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>
    <div class="second">
        <div class="inside">
            <h2 class="first">Completed Projects</h2>
            <div class="card">
                <div class="canvas">
                    <canvas width="750" height="585" id="pong"></canvas>
                    <script src="public/pong.js"></script>
                    <div id="gameover" hidden="true">
                        <h3>Game Over</h3>      
                    </div>
                    <div id="restart" hidden="true">
                        <button class="button" type="button" onclick = "restartGame()">Restart Game</a>
                    </div>
                </div>
                <div class="stats">
                    <p style="font-size: 22px;">Pong</p>
                    <p>Left Paddle Height: <span id="leftPaddle"></span></p>
                    <p>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>
            <div class="card">
                <div class="canvas">
                    <canvas width="625" height="375" id="snake"></canvas>
                    <script src="public/snake.js"></script>
                </div>
                <div class="stats">
                    <p style="font-size: 22px;">Snake</p>
                    <p>
                        Adjust game size -- Width: 
                        <input id="snakeWidth" type="number" min="2" max="31" value="31">
                        Height: 
                        <input id="snakeHeight" type="number" min="2" max="24" value="24">
                    </p>
                    <p>Snake Head Location: <span id="snakeHead"></span></p>
                    <p>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>
        </div>
    </div>
    <div class="first">
        <div class="inside">
            <h2 class="second">Current Personal Projects</h2>
            <div class="card">
                <h3>Wrench</h3>
                <p>Description: A simple application to handle all of your Linux configuration needs.</p>
                <p>Language: C++26</p>
                <p>Tools: CMake</p>
                <p>Frameworks: Qt6</p>
                <a class="navItem" href="https://github.com/Trimutex/wrench">View Repository</a>
            </div>
            <div class="card">
                <h3>Synopsis</h3>
                <p>Description: A markdown repository containing details and changes of servers I maintain.</p>
                <a class="navItem" href="https://github.com/Trimutex/synopsis">View Repository</a>
            </div>
        </div>
    </div>
    <div class="second">
        <div class="inside">
            <h2 class="first">Other Projects</h2>
            <div class="card">
                <h3>Hyprland</h3>
                <p>Description: An independent, highly customizable, dynamic tiling Wayland compositor that doesn't sacrifice on its looks. </p>
                <a class="navItem" href="https://github.com/hyprwm/Hyprland">View Repository</a>
                <p>Language: C++26</p>
                <p>Tools: CMake</p>
                <p>and various libraries.</p>
                <p>Contributions (newest first)</p>
                <a class="navItem" href="https://github.com/hyprwm/Hyprland/pull/8323">hyprwm/Hyprland#8323</a>
                <a class="navItem" href="https://github.com/hyprwm/Hyprland/pull/8044">hyprwm/Hyprland#8044</a>
                <a class="navItem" href="https://github.com/hyprwm/Hyprland/pull/7959">hyprwm/Hyprland#7959</a>
                <a class="navItem" href="https://github.com/hyprwm/Hyprland/pull/7755">hyprwm/Hyprland#7755</a>
                <a class="navItem" href="https://github.com/hyprwm/Hyprland/pull/7683">hyprwm/Hyprland#7683</a>
                <a class="navItem" href="https://github.com/hyprwm/Hyprland/pull/7633">hyprwm/Hyprland#7633</a>
                <a class="navItem" href="https://github.com/hyprwm/Hyprland/pull/7575">hyprwm/Hyprland#7575</a>
                <a class="navItem" href="https://github.com/hyprwm/Hyprland/pull/7458">hyprwm/Hyprland#7458</a>
                <a class="navItem" href="https://github.com/hyprwm/Hyprland/pull/6652">hyprwm/Hyprland#6652</a>
            </div>
            <div class="card">
                <h3>Proxy</h3>
                <p>Description: A program written in C++ to act as a proxy for another server.</p>
                <a class="navItem" href="https://lab.trianta.dev/Trianta/proxy-network">View Repository</a>
                <p>Language: C++11</p>
                <p>Tools: CMake</p>
                <p>Testing Frameworks: <a href="https://github.com/ThrowTheSwitch/Unity">Unity Test (ThrowTheSwitch)</a></p>
            </div>
            <div class="card">
                <h3>Cloudcare</h3>
                <p>Description: A sample repository that uses downloaded .bed files to train a model on DNA using PyTorch.</p>
                <a class="navItem" href="https://github.com/Trimutex/cloudcare">View Repository</a>
                <p>Languages: Python, Bash</p>
                <p>Libraries: PyTorch</p>
                <p>Tools: Conda</p>
            </div>
            <div class="card">
                <h3>N-Queens</h3>
                <p>Description: The N-Queens problem recreated in C++ which gets solved using a Genetic Algorithm.</p>
                <a class="navItem" href="https://lab.trianta.dev/Trianta/n-queens">View Repository</a>
                <p>Language: C++11</p>
                <p>Tools: CMake</p>
            </div>
        </div>
    </div>
</body>
</html>