contact: add matrix

npm: update packages
css: move to new colorscheme
2026-02-13 23:51:26 -06:00 · 2026-02-12 12:10:01 -06:00 · 2026-02-02 04:20:06 -06:00 · 2024-12-30 00:03:44 -06:00 · 2024-12-29 22:23:00 -06:00 · 2024-12-29 22:18:56 -06:00
7 changed files with 255 additions and 153 deletions
@@ -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;
+    font-family: "Noto Sans Symbols", sans-serif;
-    color: #06CDFF;
+    font-optical-sizing: auto;
-    background: #03001C;
+    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: #d79921 !important;
-    color: #06CDFF !important;
+    font-size: 2.5rem !important;
-    border: none !important;
+    min-width: 12rem;
    margin: -1rem;
 }
 .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 #d79921;
    border: solid 2px #06CDFF;
    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;
+    border: solid 2px #d79921;
    color: #8200FF;
 }
@keyframes hover {
@@ -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 id="navigation">
+        </div>
-            <a href="https://www.github.com/trimutex">GitHub</a>
+        <p>Function over form by design</p>
-            <a href="https://lab.trianta.dev/Trianta">Projects</a>
+        <div style="display: flex;">
-            <a href="/completed">Completed</a>
+            <div class="column gap"></div>
-            <a href="/current">Current</a>
+            <div class="column content"></div>
            <a href="/other">Other</a>
            <a href="/contact">Contact</a>
        </div>
    </div>
 </body>
@@ -13,9 +13,9 @@
      }
    },
    "node_modules/typescript": {
-      "version": "5.6.3",
+      "version": "5.9.3",
-      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.6.3.tgz",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.9.3.tgz",
-      "integrity": "sha512-hjcS1mhfuyi4WW8IWtjP7brDrG2cuDZukyrYrSauoXGNgx0S7zceP07adYkJycEr56BOUTNPzbInooiN3fn1qw==",
+      "integrity": "sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==",
      "license": "Apache-2.0",
      "bin": {
        "tsc": "bin/tsc",
@@ -11,14 +11,19 @@
            <a href="/" class="trianta">TRIANTA</a>
            <p>Function over form by design</p>
        </div>
-        <div id="navigation">
+        <div style="display: flex;">
-            <a href="https://www.github.com/trimutex">GitHub</a>
+            <nav class="column">
-            <a href="https://lab.trianta.dev/Trianta">Projects</a>
+                <ul>
-            <a href="/completed">Completed</a>
+                    <li><a href="https://www.github.com/trimutex">GitHub</a></li>
-            <a href="/current">Current</a>
+                    <li><a href="https://lab.trianta.dev/Trianta">Projects</a></li>
-            <a href="/other">Other</a>
+                    <li><a href="/completed">Completed</a></li>
-            <a href="/contact">Contact</a>
+                    <li><a href="/current">Current</a></li>
-        </div>
+                    <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">
@@ -57,5 +62,7 @@
                    </div>
                </div>
            </div>
        </div>
    </div>
 </body>
 </html>
@@ -11,17 +11,25 @@
            <a href="/" class="trianta">TRIANTA</a>
            <p>Function over form by design</p>
        </div>
-        <div id="navigation">
+        <div style="display: flex;">
-            <a href="https://www.github.com/trimutex">GitHub</a>
+            <nav class="column">
-            <a href="https://lab.trianta.dev/Trianta">Projects</a>
+                <ul>
-            <a href="/completed">Completed</a>
+                    <li><a href="https://www.github.com/trimutex">GitHub</a></li>
-            <a href="/current">Current</a>
+                    <li><a href="https://lab.trianta.dev/Trianta">Projects</a></li>
-            <a href="/other">Other</a>
+                    <li><a href="/completed">Completed</a></li>
-            <a href="/contact">Contact</a>
+                    <li><a href="/current">Current</a></li>
-        </div>
+                    <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>
    </div>
 </body>
 </html>
@@ -11,14 +11,19 @@
            <a href="/" class="trianta">TRIANTA</a>
            <p>Function over form by design</p>
        </div>
-        <div id="navigation">
+        <div style="display: flex;">
-            <a href="https://www.github.com/trimutex">GitHub</a>
+            <nav class="column">
-            <a href="https://lab.trianta.dev/Trianta">Projects</a>
+                <ul>
-            <a href="/completed">Completed</a>
+                    <li><a href="https://www.github.com/trimutex">GitHub</a></li>
-            <a href="/current">Current</a>
+                    <li><a href="https://lab.trianta.dev/Trianta">Projects</a></li>
-            <a href="/other">Other</a>
+                    <li><a href="/completed">Completed</a></li>
-            <a href="/contact">Contact</a>
+                    <li><a href="/current">Current</a></li>
-        </div>
+                    <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>
@@ -34,5 +39,7 @@
                    <a href="https://github.com/Trimutex/synopsis">View Repository</a>
                </div>
            </div>
        </div>
    </div>
 </body>
 </html>
@@ -11,14 +11,19 @@
            <a href="/" class="trianta">TRIANTA</a>
            <p>Function over form by design</p>
        </div>
-        <div id="navigation">
+        <div style="display: flex;">
-            <a href="https://www.github.com/trimutex">GitHub</a>
+            <nav class="column">
-            <a href="https://lab.trianta.dev/Trianta">Projects</a>
+                <ul>
-            <a href="/completed">Completed</a>
+                    <li><a href="https://www.github.com/trimutex">GitHub</a></li>
-            <a href="/current">Current</a>
+                    <li><a href="https://lab.trianta.dev/Trianta">Projects</a></li>
-            <a href="/other">Other</a>
+                    <li><a href="/completed">Completed</a></li>
-            <a href="/contact">Contact</a>
+                    <li><a href="/current">Current</a></li>
-        </div>
+                    <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>
@@ -64,5 +69,7 @@
                    <p>Tools: CMake</p>
                </div>
            </div>
        </div>
    </div>
 </body>
 </html>
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