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

recolor website #23

Merged
trianta merged 14 commits from recolor into main 2026-02-24 07:08:48 -06:00
Conversation 0 Commits 14 Files Changed 2
+21 -65
2 changed files with 21 additions and 65 deletions
Download Patch File Download Diff File Expand all files Collapse all files
default.css
+13 -55
View File
@@ -1,59 +1,16 @@
/* /*
* base text: #06CDFF * text / border: #8c7862
* important text: #8200FF * foreground: #89bea6
* background: #03001C * background: #61937c
*/ */
/* 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 { body {
font-family: "Noto Sans Symbols", sans-serif; font-family: "Departure Mono", sans-serif;
font-optical-sizing: auto; font-optical-sizing: auto;
font-weight: 400; font-weight: 400;
color: #504945; color: #8c7862;
background: #fbf1c7; background: #61937c;
line-height: 1.5; line-height: 1.5;
margin-inline: auto; margin-inline: auto;
margin: 0 auto; margin: 0 auto;
@@ -63,6 +20,8 @@ body {
max-width: 60rem; max-width: 60rem;
margin: 0 auto; margin: 0 auto;
padding: 2rem 1.5rem; padding: 2rem 1.5rem;
background: #89bea6;
border: 4px solid #8c7862;
} }
nav { nav {
@@ -96,7 +55,6 @@ nav ul {
} }
.trianta { .trianta {
color: #d79921 !important;
font-size: 2.5rem !important; font-size: 2.5rem !important;
min-width: 12rem; min-width: 12rem;
} }
@@ -106,7 +64,7 @@ nav ul {
display: inline-block; display: inline-block;
width: 60rem; width: 60rem;
vertical-align: bottom; vertical-align: bottom;
border: solid 4px #d79921; border: solid 4px #8c7862;
} }
.stats { .stats {
@@ -122,7 +80,7 @@ h1 {
} }
h2 { h2 {
border: solid 2px #d79921; border: solid 2px #8c7862;
margin: auto; margin: auto;
padding: 8px; padding: 8px;
text-align: center; text-align: center;
@@ -140,7 +98,7 @@ p {
} }
a { a {
border: solid 2px #d79921; border: solid 2px #8c7862;
border-radius: 12px; border-radius: 12px;
display: inline-block; display: inline-block;
margin: 6px; margin: 6px;
@@ -166,7 +124,7 @@ a.button {
} }
a:visited { a:visited {
border: solid 2px #d79921; color: #8c7862;
} }
@keyframes hover { @keyframes hover {
@@ -196,5 +154,5 @@ a:visited {
#pong { #pong {
margin: 6px; margin: 6px;
background: #03001C; background: #61937c;
} }
index.html
+8 -10
View File
@@ -3,22 +3,20 @@
<head> <head>
<meta charset="utf-8"/> <meta charset="utf-8"/>
<title>Trianta</title> <title>Trianta</title>
<link rel="stylesheet" href="/default.css" /> <link rel="stylesheet" href="/default.css">
<style> <link rel="stylesheet" href="https://www.nerdfonts.com/assets/css/webfont.css">
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Symbols:wght@100..900&display=swap');
</style>
</head> </head>
<body> <body>
<div class="inside"> <div class="inside">
<div style="display: flex;"> <div style="display: flex;">
<a href="/" class="trianta">TRIANTA</a> <a href="/" class="trianta">TRIANTA</a>
<div class="column"> <div class="column">
<a href="https://www.github.com/trimutex" alt="GitHub"></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"></a> <a href="https://lab.trianta.dev/Trianta" alt="Personal Projects"><i class="nf nf-linux-gitea"></i></a>
<a href="/completed" alt="Completed"></a> <a href="/completed" alt="Completed"><i class="nf nf-dev-javascript"></i></a>
<a href="/current" alt="Current"></a> <a href="/current" alt="Current"><i class="nf nf-dev-git_branch"></i></a>
<a href="/other" alt="Other"></a> <a href="/other" alt="Other"><i class="nf nf-dev-git_merge"></i></a>
<a href="/contact" alt="Contact">󰀄</a> <a href="/contact" alt="Contact"><i class="nf nf-oct-feed_person"></i></a>
</div> </div>
</div> </div>
<p>Function over form by design</p> <p>Function over form by design</p>