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

Compare commits

merge into: trianta:recolor
Branches Tags
trianta:main trianta:design trianta:recolor trianta:pong trianta:angular
trianta:v0.2.2 trianta:v0.2.1 trianta:v0.2.0 trianta:v0.1.0
..
pull from: trianta:design
Branches Tags
trianta:main trianta:design trianta:recolor trianta:pong trianta:angular
trianta:v0.2.2 trianta:v0.2.1 trianta:v0.2.0 trianta:v0.1.0

11 Commits
recolor .. design

Author SHA1 Message Date
trianta c8f5ed5c49 contact: fix incorrect userID for Matrix 2026-02-26 10:37:56 -06:00
trianta 83e7fc7684 core: fixup completed page 2026-02-24 09:40:41 -06:00
trianta e16f882db2 html: remove old ul styles 2026-02-24 08:45:24 -06:00
trianta 4efb3a9ade html: cleanup formatting 2026-02-24 08:40:05 -06:00
trianta de3c5f9c7b html: fixup sitemap 2026-02-24 08:30:48 -06:00
trianta 3f4c82be14 html: update quick text 2026-02-24 08:27:30 -06:00
trianta d8605ca7c3 html: add sitemap and improve contact section 2026-02-24 08:25:30 -06:00
trianta 656e850595 html: make links more apparent 2026-02-24 07:46:10 -06:00
trianta 692a5fd775 css: adjust colors again 2026-02-24 07:38:01 -06:00
trianta afb6fec687 html: remove navigation from the side 2026-02-24 07:30:58 -06:00
trianta 2000f8ceef Merge pull request 'recolor website' (#23) from recolor into main 
Reviewed-on: #23
 2026-02-24 07:08:48 -06:00
6 changed files with 205 additions and 189 deletions
Expand all files Collapse all files
default.css
+10 -17
View File
@@ -1,7 +1,7 @@
/*
* text / border: #8c7862
* foreground: #89bea6
* background: #61937c
* foreground: #fbf1c7
* background: #89bea6
*/
@@ -10,7 +10,7 @@ body {
font-optical-sizing: auto;
font-weight: 400;
color: #8c7862;
background: #61937c;
background: #89bea6;
line-height: 1.5;
margin-inline: auto;
margin: 0 auto;
@@ -18,10 +18,11 @@ body {
.inside {
max-width: 60rem;
margin: 0 auto;
margin: 2rem auto;
padding: 2rem 1.5rem;
background: #89bea6;
background: #fbf1c7;
border: 4px solid #8c7862;
border-radius: 14px;
}
nav {
@@ -56,7 +57,7 @@ nav ul {
.trianta {
font-size: 2.5rem !important;
min-width: 12rem;
padding: 0px;
}
.canvas {
@@ -64,7 +65,6 @@ nav ul {
display: inline-block;
width: 60rem;
vertical-align: bottom;
border: solid 4px #8c7862;
}
.stats {
@@ -98,16 +98,11 @@ p {
}
a {
border: solid 2px #8c7862;
border-radius: 12px;
display: inline-block;
margin: 6px;
margin-top: 0px;
max-width: 8rem;
padding: 8px;
text-align: center;
text-decoration: none;
width: 100%;
color: #8c7862;
}
a:hover, a:active {
@@ -146,10 +141,8 @@ a:visited {
margin: 0px auto;
margin-top: 25px;
margin-bottom: 25px;
}
.reserve {
max-height: 800px;
border: 2px solid #8c7862;
padding: 10px 0px;
}
#pong {
index.html
+31 -12
View File
@@ -8,21 +8,40 @@
</head>
<body>
<div class="inside">
<div style="display: flex;">
<a href="/" class="trianta">TRIANTA</a>
<div>
<a href="/" class="trianta">[ TRIANTA ]</a>
<div class="column">
<a href="https://www.github.com/trimutex" alt="GitHub"><i class="nf nf-dev-github"></i></a>
<a href="https://lab.trianta.dev/Trianta" alt="Personal Projects"><i class="nf nf-linux-gitea"></i></a>
<a href="/completed" alt="Completed"><i class="nf nf-dev-javascript"></i></a>
<a href="/current" alt="Current"><i class="nf nf-dev-git_branch"></i></a>
<a href="/other" alt="Other"><i class="nf nf-dev-git_merge"></i></a>
<a href="/contact" alt="Contact"><i class="nf nf-oct-feed_person"></i></a>
<a href="https://www.github.com/trimutex" alt="GitHub">[ <i class="nf nf-dev-github"></i> ]</a>
<a href="https://lab.trianta.dev/Trianta" alt="Personal Projects">[ <i class="nf nf-linux-gitea"></i> ]</a>
<a href="/completed" alt="Completed">[ <i class="nf nf-dev-javascript"></i> ]</a>
<a href="/current" alt="Current">[ <i class="nf nf-dev-git_branch"></i> ]</a>
<a href="/other" alt="Other">[ <i class="nf nf-dev-git_merge"></i> ]</a>
<a href="/contact" alt="Contact">[ <i class="nf nf-oct-feed_person"></i> ]</a>
</div>
</div>
<p>Function over form by design</p>
<div style="display: flex;">
<div class="column gap"></div>
<div class="column content"></div>
<p>Progress Not Perfection</p>
<h2> Welcome! </h2>
<div class="card">
<h3>What is this place?</h3>
<p>My name is Greg, also known as Trianta in online spaces.
This is my personal home page, hosted on my own server hardware.
All of my code is 100% self-produced with no AI (LLM) code.
Enjoy a look around! </p>
<p>If you want to contact me, see my <a href="/contact">[ contact ]</a> page.</p>
</div>
<div class="card">
<h3>Sitemap</h3>
<a href="/completed">[ Completed JavaScript Projects ]</a> .
<a href="/current">[ Current Personal Projects ]</a>
<br>
<a href="/other">[ Other Projects and Contributions ]</a> .
<a href="/contact">[ Contact Methods ]</a> .
<a href="https://lab.trianta.dev/Trianta">[ Gitea ]</a>
<br>
<a href="https://clips.trianta.dev">[ Gaming Clips ]</a> .
<a href="https://draw.trianta.dev">[ Excalidraw ]</a> .
<a href="https://pdf.trianta.dev">[ Stirling-pdf ]</a>
<p>If you want to contact me, see my <a href="/contact">[ contact ]</a> page.</p>
</div>
</div>
</body>
pages/completed/index.html
+16 -22
View File
@@ -4,28 +4,24 @@
<meta charset="utf-8"/>
<title>Trianta</title>
<link rel="stylesheet" href="/default.css" />
<link rel="stylesheet" href="https://www.nerdfonts.com/assets/css/webfont.css">
</head>
<body>
<div class="inside">
<div>
<a href="/" class="trianta">TRIANTA</a>
<p>Function over form by design</p>
<a href="/" class="trianta">[ TRIANTA ]</a>
<div class="column">
<a href="https://www.github.com/trimutex" alt="GitHub">[ <i class="nf nf-dev-github"></i> ]</a>
<a href="https://lab.trianta.dev/Trianta" alt="Personal Projects">[ <i class="nf nf-linux-gitea"></i> ]</a>
<a href="/completed" alt="Completed">[ <i class="nf nf-dev-javascript"></i> ]</a>
<a href="/current" alt="Current">[ <i class="nf nf-dev-git_branch"></i> ]</a>
<a href="/other" alt="Other">[ <i class="nf nf-dev-git_merge"></i> ]</a>
<a href="/contact" alt="Contact">[ <i class="nf nf-oct-feed_person"></i> ]</a>
</div>
<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>
<p>Progress Not Perfection</p>
<h2>Completed JavaScript Projects</h2>
<div class="card">
<div class="canvas">
<canvas width="750" height="585" id="pong"></canvas>
<script src="/public/pong.js"></script>
@@ -40,10 +36,10 @@
<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>
<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="card">
<div class="canvas">
<canvas width="625" height="375" id="snake"></canvas>
<script src="/public/snake.js"></script>
@@ -58,9 +54,7 @@
</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>
<a href="https://lab.trianta.dev/Trianta/trianta.dev/src/branch/main/src/snake.ts">[ View Code ]</a>
</div>
</div>
</div>
pages/contact/index.html
+40 -18
View File
@@ -4,31 +4,53 @@
<meta charset="utf-8"/>
<title>Trianta</title>
<link rel="stylesheet" href="/default.css" />
<link rel="stylesheet" href="https://www.nerdfonts.com/assets/css/webfont.css">
</head>
<body>
<div class="inside">
<div>
<a href="/" class="trianta">TRIANTA</a>
<p>Function over form by design</p>
<a href="/" class="trianta">[ TRIANTA ]</a>
<div class="column">
<a href="https://www.github.com/trimutex" alt="GitHub">[ <i class="nf nf-dev-github"></i> ]</a>
<a href="https://lab.trianta.dev/Trianta" alt="Personal Projects">[ <i class="nf nf-linux-gitea"></i> ]</a>
<a href="/completed" alt="Completed">[ <i class="nf nf-dev-javascript"></i> ]</a>
<a href="/current" alt="Current">[ <i class="nf nf-dev-git_branch"></i> ]</a>
<a href="/other" alt="Other">[ <i class="nf nf-dev-git_merge"></i> ]</a>
<a href="/contact" alt="Contact">[ <i class="nf nf-oct-feed_person"></i> ]</a>
</div>
<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>
</div>
<p>Progress Not Perfection</p>
<div class="card">
<h3>Contact Methods</h3>
<p>E-mail: gregcraw2001@gmail.com</p>
<p>Discord: trianta</p>
<p>Matrix: @trimutex:matrix.org</p>
<p>Matrix: @trianta:matrix.trianta.dev</p>
<p>Discord: @trianta (depreciated)</p>
</div>
<div class="card">
<h3>How do I use Matrix?</h3>
<p>Here's my notes of how to access it:</p>
<h3>Picking a Client</h3>
<p>A client is needed to access the server. As such, here's some listed popular clients:</p>
<p><a href="https://cinny.in">[ Cinny (Personal Choice) ]</a></p>
<p><a href="https://app.element.io">[ Element ]</a></p>
<p><a href="https://commet.chat">[ Commet ]</a></p>
<p><a href="https://matrix.org/ecosystem/clients">[ Clients Listed From Official Site ]</a></p>
<h3>Account Creation</h3>
<p>Once you open a client, you will create an account. Here's info about the details:</p>
<p>+ --- Homeserver --- +</p>
<p>This is which server your account resides</p>
<p>Mine is `matrix.trianta.dev`, other default options exist</p>
<p>+ --- Username / Password --- +</p>
<p>The login details for accessing the account on the above server</p>
<p>+ --- Registration Token --- +</p>
<p>A password for account creation on a server if enabled</p>
<p>The default options normally don't have this</p>
<p>If you want the token for my server, contact me another way first!</p>
<h3>Welcome In!</h3>
<p>Mess around with it, `Add Space` (the plus icon) is the equivalent of creating a server in Discord.</p>
<p>Accounts are able to connect to spaces that exist in other servers if the server enables it (known as federation).</p>
<p>My Contact: `@trianta:matrix.trianta.dev`</p>
<p>My Space Invite: <a href="https://matrix.to/#/#core:matrix.trianta.dev">#core:matrix.trianta.dev</a></p>
</div>
</div>
</body>
pages/current/index.html
+14 -20
View File
@@ -4,41 +4,35 @@
<meta charset="utf-8"/>
<title>Trianta</title>
<link rel="stylesheet" href="/default.css" />
<link rel="stylesheet" href="https://www.nerdfonts.com/assets/css/webfont.css">
</head>
<body>
<div class="inside">
<div>
<a href="/" class="trianta">TRIANTA</a>
<p>Function over form by design</p>
<a href="/" class="trianta">[ TRIANTA ]</a>
<div class="column">
<a href="https://www.github.com/trimutex" alt="GitHub">[ <i class="nf nf-dev-github"></i> ]</a>
<a href="https://lab.trianta.dev/Trianta" alt="Personal Projects">[ <i class="nf nf-linux-gitea"></i> ]</a>
<a href="/completed" alt="Completed">[ <i class="nf nf-dev-javascript"></i> ]</a>
<a href="/current" alt="Current">[ <i class="nf nf-dev-git_branch"></i> ]</a>
<a href="/other" alt="Other">[ <i class="nf nf-dev-git_merge"></i> ]</a>
<a href="/contact" alt="Contact">[ <i class="nf nf-oct-feed_person"></i> ]</a>
</div>
<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>
<p>Progress Not Perfection</p>
<h2>Active 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>
<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>
<a href="https://github.com/Trimutex/synopsis">[ View Repository ]</a>
</div>
</div>
</body>
pages/other/index.html
+26 -32
View File
@@ -4,59 +4,55 @@
<meta charset="utf-8"/>
<title>Trianta</title>
<link rel="stylesheet" href="/default.css" />
<link rel="stylesheet" href="https://www.nerdfonts.com/assets/css/webfont.css">
</head>
<body>
<div class="inside">
<div>
<a href="/" class="trianta">TRIANTA</a>
<p>Function over form by design</p>
<a href="/" class="trianta">[ TRIANTA ]</a>
<div class="column">
<a href="https://www.github.com/trimutex" alt="GitHub">[ <i class="nf nf-dev-github"></i> ]</a>
<a href="https://lab.trianta.dev/Trianta" alt="Personal Projects">[ <i class="nf nf-linux-gitea"></i> ]</a>
<a href="/completed" alt="Completed">[ <i class="nf nf-dev-javascript"></i> ]</a>
<a href="/current" alt="Current">[ <i class="nf nf-dev-git_branch"></i> ]</a>
<a href="/other" alt="Other">[ <i class="nf nf-dev-git_merge"></i> ]</a>
<a href="/contact" alt="Contact">[ <i class="nf nf-oct-feed_person"></i> ]</a>
</div>
<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>
<p>Progress Not Perfection</p>
<h2>Other Projects and Contributions</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>
<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>
<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>
<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>
<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>
<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>
<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>
<a href="https://github.com/Trimutex/cloudcare">[ View Repository ]</a>
<p>Languages: Python, Bash</p>
<p>Libraries: PyTorch</p>
<p>Tools: Conda</p>
@@ -64,12 +60,10 @@
<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>
<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>
</html>