More colors!
This commit is contained in:
parent
9191de9bc1
commit
9b5e4d093b
3 changed files with 23 additions and 10 deletions
10
config.json
10
config.json
|
@ -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)"
|
||||||
}
|
}
|
||||||
}
|
}
|
|
@ -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​@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:​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>
|
||||||
|
|
|
@ -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);
|
||||||
|
|
Loading…
Reference in a new issue