More colors!

This commit is contained in:
Bingus_Violet 2024-02-13 09:11:34 -06:00
parent 9191de9bc1
commit 9b5e4d093b
3 changed files with 23 additions and 10 deletions

View file

@ -76,6 +76,14 @@
"Godot Engine": "#64B5F6", "Godot Engine": "#64B5F6",
"javascript": "yellow", "javascript": "yellow",
"NodeJS": "limegreen", "NodeJS": "limegreen",
"Violet": "rgb(200, 150, 255)" "Violet": "rgb(200, 150, 255)",
"Youtube": "rgb(255, 0, 0)",
"Fedi": "rgb(175, 125, 200)",
"Matrix": "limegreen",
"Codeberg": "rgb(0, 255, 255)",
"Docker": "blue",
"Github": "white",
"Steam": "lightgray",
"Univerter": "rgb(200, 175, 255)"
} }
} }

View file

@ -40,32 +40,33 @@
<a class="chip" href="https://codeberg.org/bingus_violet/steamrpc">SteamRPC</a> <a class="chip" href="https://codeberg.org/bingus_violet/steamrpc">SteamRPC</a>
</div> </div>
</div> </div>
<div class="grid-child"> <div class="grid-child">
<div> <div>
<h3>Social Media</h3> <h3>Social Media</h3>
<a class="chip" href="https://www.youtube.com/channel/UChcrBJNJLZucy3TPyGyAY2g">Youtube</a> <a class="chip" href="https://www.youtube.com/channel/UChcrBJNJLZucy3TPyGyAY2g">Youtube: <span style="color: white;">{Violet}'s Fiasco</span></a>
<a class="chip" href="https://ko-fi.com/bingus_violet" style="color: rgb(255, 100, 100);">Ko-fi</a> <a class="chip" href="https://ko-fi.com/bingus_violet" style="color: rgb(255, 100, 100);">Ko-fi: <span style="color: white;">Bingus_{Violet}</span></a>
<a class="chip" href="https://void.lgbt/bingus_violet" rel="me">Fedi</a> <a class="chip" href="https://void.lgbt/bingus_violet" rel="me">Fedi: <span style="color: white;">bingus_violet&ZeroWidthSpace;@void.lgbt</span></a>
</div> </div>
</div> </div>
<div class="grid-child"> <div class="grid-child">
<div> <div>
<h3>Chat</h3> <h3>Chat</h3>
<a class="chip" href="https://matrix.to/#/@bingus_violet:catgirl.cloud">Matrix</a> <a class="chip" href="https://matrix.to/#/@bingus_violet:catgirl.cloud">Matrix: <span style="color: white;">@bingus_violet:&ZeroWidthSpace;catgirl.cloud</span></a>
</div> </div>
</div> </div>
<div class="grid-child"> <div class="grid-child">
<div> <div>
<h3>Coding</h3> <h3>Coding</h3>
<a class="chip" href="https://codeberg.org/Bingus_violet">Codeberg</a> <a class="chip" href="https://codeberg.org/Bingus_violet">Codeberg: <span style="color: white;">bingus_violet</span></a>
<a class="chip" href="https://hub.docker.com/u/bingusviolet">Docker</a> <a class="chip" href="https://hub.docker.com/u/bingusviolet">Docker: <span style="color: white;">bingusviolet</span></a>
<a class="chip" href="https://github.com/violets-puragtory">Github</a> <a class="chip" href="https://github.com/violets-puragtory">Github: <span style="color: white;">violets-puragtory</span></a>
</div> </div>
</div> </div>
<div class="grid-child"> <div class="grid-child">
<div> <div>
<h3>Games</h3> <h3>Games</h3>
<a class="chip" href="https://steamcommunity.com/id/violet-The-Thigh-high-obtainer/">Steam</a> <a class="chip" href="https://steamcommunity.com/id/violet-The-Thigh-high-obtainer/">Steam: <span style="color: white;">{Violet}</span></a>
</div> </div>
</div> </div>
</main> </main>

View file

@ -55,7 +55,7 @@ h3 {
padding: 10px; padding: 10px;
} }
@media screen and (min-width: 450px) { @media screen and (min-width: 650px) {
.grid-container { .grid-container {
display: grid; display: grid;
grid-template-columns: 1fr 1fr; grid-template-columns: 1fr 1fr;
@ -90,6 +90,10 @@ h3 {
text-decoration: none; text-decoration: none;
} }
/* span {
text-decoration: none;
} */
.chip:hover { .chip:hover {
background-color: rgb(10, 0, 25); background-color: rgb(10, 0, 25);
transform: scale(1); transform: scale(1);