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
* important text: #8200FF
* background: #03001C
* text / border: #8c7862
* foreground: #89bea6
* 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 {
font-family: "Noto Sans Symbols", sans-serif;
font-family: "Departure Mono", sans-serif;
font-optical-sizing: auto;
font-weight: 400;
color: #504945;
background: #fbf1c7;
color: #8c7862;
background: #61937c;
line-height: 1.5;
margin-inline: auto;
margin: 0 auto;
@@ -63,6 +20,8 @@ body {
max-width: 60rem;
margin: 0 auto;
padding: 2rem 1.5rem;
background: #89bea6;
border: 4px solid #8c7862;
}
nav {
@@ -96,7 +55,6 @@ nav ul {
}
.trianta {
color: #d79921 !important;
font-size: 2.5rem !important;
min-width: 12rem;
}
@@ -106,7 +64,7 @@ nav ul {
display: inline-block;
width: 60rem;
vertical-align: bottom;
border: solid 4px #d79921;
border: solid 4px #8c7862;
}
.stats {
@@ -122,7 +80,7 @@ h1 {
}
h2 {
border: solid 2px #d79921;
border: solid 2px #8c7862;
margin: auto;
padding: 8px;
text-align: center;
@@ -140,7 +98,7 @@ p {
}
a {
border: solid 2px #d79921;
border: solid 2px #8c7862;
border-radius: 12px;
display: inline-block;
margin: 6px;
@@ -166,7 +124,7 @@ a.button {
}
a:visited {
border: solid 2px #d79921;
color: #8c7862;
}
@keyframes hover {
@@ -196,5 +154,5 @@ a:visited {
#pong {
margin: 6px;
background: #03001C;
background: #61937c;
}
index.html
+8 -10
View File
@@ -3,22 +3,20 @@
<head>
<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>
<link rel="stylesheet" href="/default.css">
<link rel="stylesheet" href="https://www.nerdfonts.com/assets/css/webfont.css">
</head>
<body>
<div class="inside">
<div style="display: flex;">
<a href="/" class="trianta">TRIANTA</a>
<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>
<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>