trianta/trianta.dev
1
0
Fork 0
Code Issues 13 Pull Requests Packages Projects Releases 4 Wiki Activity

Compare commits

base: trianta:d3f77572e9de914bc4233d10b9ca6ab5e5038c0a
Branches Tags
trianta:main trianta:test trianta:pong trianta:redesign trianta:angular trianta:reorganize
trianta:v0.2.2 trianta:v0.2.1 trianta:v0.2.0 trianta:v0.1.0
...
compare: trianta:main
Branches Tags
trianta:main trianta:test trianta:pong trianta:redesign trianta:angular trianta:reorganize
trianta:v0.2.2 trianta:v0.2.1 trianta:v0.2.0 trianta:v0.1.0

8 Commits
d3f77572e9 ... main

Author SHA1 Message Date
trianta
8af19f442c contact: add matrix 2026-02-13 23:51:26 -06:00
trianta
62212f1c7c npm: update packages 2026-02-12 12:10:01 -06:00
trianta
8751d5aa86 css: move to new colorscheme 2026-02-02 04:20:06 -06:00
Trianta
5edb887eec Merge pull request 'core: new split layout for page' (#12) from redesign into main 
Reviewed-on: Trianta/trianta.dev#12
 2024-12-30 00:03:44 -06:00
Trianta
dea09e2f50 core: match other pages to format 2024-12-29 22:23:00 -06:00
Trianta
785266d0e4 core: decrease trianta and move content text left 2024-12-29 22:18:56 -06:00
Trianta
4d01c794c0 core: make main area flex and add changes to contact 2024-12-29 22:09:20 -06:00
Trianta
262246e8f0 core: make nav bar actually a nav bar and side by side with content 2024-12-29 21:47:33 -06:00
7 changed files with 255 additions and 153 deletions
Expand all files Collapse all files
default.css
+84 -18
View File
@@ -4,31 +4,101 @@
* background: #03001C
*/
/* colors
@define-color fg #504945;
@define-color bg #fbf1c7;
@define-color imp #d79921;
@define-color fg #3c3836;
@define-color fg0 #282828;
@define-color fg1 #3c3836;
@define-color fg2 #504945;
@define-color fg3 #665c54;
@define-color fg4 #7c6f64;
@define-color bg #fbf1c7;
@define-color bg0 #fbf1c7;
@define-color bg0_h #f9f5d7;
@define-color bg0_s #f2e5bc;
@define-color bg1 #ebdbb2;
@define-color bg2 #d5c4a1;
@define-color bg3 #bdae93;
@define-color bg4 #a89984;
@define-color gray #7c6f64;
@define-color red #cc241d;
@define-color green #98971a;
@define-color yellow #d79921;
@define-color blue #458588;
@define-color purple #b16286;
@define-color aqua #689d6a;
@define-color orange #d65d0e;
@define-color peach #fe640b;
@define-color alt_gray #928374;
@define-color alt_red #9d0006;
@define-color alt_green #79740e;
@define-color alt_yellow #b57614;
@define-color alt_blue #076678;
@define-color alt_purple #8f3f71;
@define-color alt_aqua #427b58;
@define-color alt_orange #af3a03;
*/
body {
font-family: Arial, sans-serif;
color: #06CDFF;
background: #03001C;
font-family: "Noto Sans Symbols", sans-serif;
font-optical-sizing: auto;
font-weight: 400;
color: #504945;
background: #fbf1c7;
line-height: 1.5;
margin-inline: auto;
margin: 0 auto;
}
.inside {
max-width: 80rem;
max-width: 60rem;
margin: 0 auto;
padding: 2rem 1.5rem;
}
#navigation {
nav {
padding: 1rem;
text-align: center;
width: 6rem;
}
nav ul {
list-style: none;
margin: 0;
padding: 0;
}
.gap {
width: 4rem;
}
.content {
width: 48rem;
text-align: left;
}
@media screen and (max-width: 600px) {
.column {
width: 100%;
}
.gap {
visibility: hidden;
}
}
.trianta {
font-size: 3.5rem !important;
color: #06CDFF !important;
border: none !important;
margin: -1rem;
color: #d79921 !important;
font-size: 2.5rem !important;
min-width: 12rem;
}
.canvas {
@@ -36,13 +106,12 @@ body {
display: inline-block;
width: 60rem;
vertical-align: bottom;
border: solid 4px #06CDFF;
border: solid 4px #d79921;
}
.stats {
font-size: 18px;
display: inline-block;
width: 12rem;
vertical-align: middle;
}
@@ -53,7 +122,7 @@ h1 {
}
h2 {
border: solid 2px #06CDFF;
border: solid 2px #d79921;
margin: auto;
padding: 8px;
text-align: center;
@@ -67,14 +136,12 @@ h3 {
}
p {
margin: 0px;
margin: 1rem;
}
a {
background-color: #03001C;
border: solid 2px #06CDFF;
border: solid 2px #d79921;
border-radius: 12px;
color: #06CDFF;
display: inline-block;
margin: 6px;
margin-top: 0px;
@@ -99,8 +166,7 @@ a.button {
}
a:visited {
border: solid 2px #8200FF;
color: #8200FF;
border: solid 2px #d79921;
}
@keyframes hover {
index.html
+16 -9
View File
@@ -4,20 +4,27 @@
<meta charset="utf-8"/>
<title>Trianta</title>
<link rel="stylesheet" href="/default.css" />
<style>
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Symbols:wght@100..900&display=swap');
</style>
</head>
<body>
<div class="inside">
<div>
<div style="display: flex;">
<a href="/" class="trianta">TRIANTA</a>
<p>Function over form by design</p>
<div class="column">
<a href="https://www.github.com/trimutex" alt="GitHub"></a>
<a href="https://lab.trianta.dev/Trianta" alt="Personal Projects"></a>
<a href="/completed" alt="Completed"></a>
<a href="/current" alt="Current"></a>
<a href="/other" alt="Other"></a>
<a href="/contact" alt="Contact">󰀄</a>
</div>
</div>
<div id="navigation">
<a href="https://www.github.com/trimutex">GitHub</a>
<a href="https://lab.trianta.dev/Trianta">Projects</a>
<a href="/completed">Completed</a>
<a href="/current">Current</a>
<a href="/other">Other</a>
<a href="/contact">Contact</a>
<p>Function over form by design</p>
<div style="display: flex;">
<div class="column gap"></div>
<div class="column content"></div>
</div>
</div>
</body>
package-lock.json
Generated
+3 -3
View File
@@ -13,9 +13,9 @@
}
},
"node_modules/typescript": {
"version": "5.6.3",
"resolved": "https://registry.npmjs.org/typescript/-/typescript-5.6.3.tgz",
"integrity": "sha512-hjcS1mhfuyi4WW8IWtjP7brDrG2cuDZukyrYrSauoXGNgx0S7zceP07adYkJycEr56BOUTNPzbInooiN3fn1qw==",
"version": "5.9.3",
"resolved": "https://registry.npmjs.org/typescript/-/typescript-5.9.3.tgz",
"integrity": "sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==",
"license": "Apache-2.0",
"bin": {
"tsc": "bin/tsc",
pages/completed/index.html
+48 -41
View File
@@ -11,50 +11,57 @@
<a href="/" class="trianta">TRIANTA</a>
<p>Function over form by design</p>
</div>
<div id="navigation">
<a href="https://www.github.com/trimutex">GitHub</a>
<a href="https://lab.trianta.dev/Trianta">Projects</a>
<a href="/completed">Completed</a>
<a href="/current">Current</a>
<a href="/other">Other</a>
<a href="/contact">Contact</a>
</div>
<h2>Completed Projects</h2>
<div class="card reserve">
<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 style="display: flex;">
<nav class="column">
<ul>
<li><a href="https://www.github.com/trimutex">GitHub</a></li>
<li><a href="https://lab.trianta.dev/Trianta">Projects</a></li>
<li><a href="/completed">Completed</a></li>
<li><a href="/current">Current</a></li>
<li><a href="/other">Other</a></li>
<li><a href="/contact">Contact</a></li>
</ul>
</nav>
<div class="column gap"></div>
<div class="column content">
<h2>Completed Projects</h2>
<div class="card reserve">
<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 href="https://lab.trianta.dev/Trianta/trianta.dev/src/branch/main/src/pong.js">View Code</a>
</div>
</div>
<div id="restart" hidden="true">
<button class="button" type="button" onclick = "restartGame()">Restart Game</a>
<div class="card reserve">
<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 href="https://lab.trianta.dev/Trianta/trianta.dev/src/branch/main/src/snake.ts">View Code</a>
</div>
</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 href="https://lab.trianta.dev/Trianta/trianta.dev/src/branch/main/src/pong.js">View Code</a>
</div>
</div>
<div class="card reserve">
<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 href="https://lab.trianta.dev/Trianta/trianta.dev/src/branch/main/src/snake.ts">View Code</a>
</div>
</div>
</div>
</body>
pages/contact/index.html
+18 -10
View File
@@ -11,17 +11,25 @@
<a href="/" class="trianta">TRIANTA</a>
<p>Function over form by design</p>
</div>
<div id="navigation">
<a href="https://www.github.com/trimutex">GitHub</a>
<a href="https://lab.trianta.dev/Trianta">Projects</a>
<a href="/completed">Completed</a>
<a href="/current">Current</a>
<a href="/other">Other</a>
<a href="/contact">Contact</a>
<div style="display: flex;">
<nav class="column">
<ul>
<li><a href="https://www.github.com/trimutex">GitHub</a></li>
<li><a href="https://lab.trianta.dev/Trianta">Projects</a></li>
<li><a href="/completed">Completed</a></li>
<li><a href="/current">Current</a></li>
<li><a href="/other">Other</a></li>
<li><a href="/contact">Contact</a></li>
</ul>
</nav>
<div class="column gap"></div>
<div class="column content">
<h2>Contact Methods</h2>
<p>E-mail: gregcraw2001@gmail.com</p>
<p>Discord: trianta</p>
<p>Matrix: @trimutex:matrix.org</p>
</div>
</div>
<h2>Contact Methods</h2>
<p>E-mail: gregcraw2001@gmail.com</p>
<p>Discord: trianta</p>
</div>
</body>
</html>
pages/current/index.html
+28 -21
View File
@@ -11,27 +11,34 @@
<a href="/" class="trianta">TRIANTA</a>
<p>Function over form by design</p>
</div>
<div id="navigation">
<a href="https://www.github.com/trimutex">GitHub</a>
<a href="https://lab.trianta.dev/Trianta">Projects</a>
<a href="/completed">Completed</a>
<a href="/current">Current</a>
<a href="/other">Other</a>
<a href="/contact">Contact</a>
</div>
<h2>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 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 href="https://github.com/Trimutex/synopsis">View Repository</a>
<div style="display: flex;">
<nav class="column">
<ul>
<li><a href="https://www.github.com/trimutex">GitHub</a></li>
<li><a href="https://lab.trianta.dev/Trianta">Projects</a></li>
<li><a href="/completed">Completed</a></li>
<li><a href="/current">Current</a></li>
<li><a href="/other">Other</a></li>
<li><a href="/contact">Contact</a></li>
</ul>
</nav>
<div class="column gap"></div>
<div class="column content">
<h2>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 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 href="https://github.com/Trimutex/synopsis">View Repository</a>
</div>
</div>
</div>
</div>
</body>
pages/other/index.html
+58 -51
View File
@@ -11,57 +11,64 @@
<a href="/" class="trianta">TRIANTA</a>
<p>Function over form by design</p>
</div>
<div id="navigation">
<a href="https://www.github.com/trimutex">GitHub</a>
<a href="https://lab.trianta.dev/Trianta">Projects</a>
<a href="/completed">Completed</a>
<a href="/current">Current</a>
<a href="/other">Other</a>
<a href="/contact">Contact</a>
</div>
<h2>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 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 href="https://github.com/hyprwm/Hyprland/pull/8323">hyprwm/Hyprland#8323</a>
<a href="https://github.com/hyprwm/Hyprland/pull/8044">hyprwm/Hyprland#8044</a>
<a href="https://github.com/hyprwm/Hyprland/pull/7959">hyprwm/Hyprland#7959</a>
<br>
<a href="https://github.com/hyprwm/Hyprland/pull/7755">hyprwm/Hyprland#7755</a>
<a href="https://github.com/hyprwm/Hyprland/pull/7683">hyprwm/Hyprland#7683</a>
<a href="https://github.com/hyprwm/Hyprland/pull/7633">hyprwm/Hyprland#7633</a>
<br>
<a href="https://github.com/hyprwm/Hyprland/pull/7575">hyprwm/Hyprland#7575</a>
<a href="https://github.com/hyprwm/Hyprland/pull/7458">hyprwm/Hyprland#7458</a>
<a 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 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 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 href="https://lab.trianta.dev/Trianta/n-queens">View Repository</a>
<p>Language: C++11</p>
<p>Tools: CMake</p>
<div style="display: flex;">
<nav class="column">
<ul>
<li><a href="https://www.github.com/trimutex">GitHub</a></li>
<li><a href="https://lab.trianta.dev/Trianta">Projects</a></li>
<li><a href="/completed">Completed</a></li>
<li><a href="/current">Current</a></li>
<li><a href="/other">Other</a></li>
<li><a href="/contact">Contact</a></li>
</ul>
</nav>
<div class="column gap"></div>
<div class="column content">
<h2>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 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 href="https://github.com/hyprwm/Hyprland/pull/8323">hyprwm/Hyprland#8323</a>
<a href="https://github.com/hyprwm/Hyprland/pull/8044">hyprwm/Hyprland#8044</a>
<a href="https://github.com/hyprwm/Hyprland/pull/7959">hyprwm/Hyprland#7959</a>
<br>
<a href="https://github.com/hyprwm/Hyprland/pull/7755">hyprwm/Hyprland#7755</a>
<a href="https://github.com/hyprwm/Hyprland/pull/7683">hyprwm/Hyprland#7683</a>
<a href="https://github.com/hyprwm/Hyprland/pull/7633">hyprwm/Hyprland#7633</a>
<br>
<a href="https://github.com/hyprwm/Hyprland/pull/7575">hyprwm/Hyprland#7575</a>
<a href="https://github.com/hyprwm/Hyprland/pull/7458">hyprwm/Hyprland#7458</a>
<a 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 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 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 href="https://lab.trianta.dev/Trianta/n-queens">View Repository</a>
<p>Language: C++11</p>
<p>Tools: CMake</p>
</div>
</div>
</div>
</div>
</body>