dalfuss/colours.dalfuss.link
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

few tweaks, added colours for jax

Browse source
This commit is contained in:
Sam Dalfuss 2024-12-23 18:54:57 +01:00
parent 740c615d32
commit bc29050fdc
2 changed files with 25 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
css/custom.css
View file

@ -20,18 +20,22 @@ border-radius: 10px;
margin: 10px; margin: 10px;
} }
.white { .light {
color: black; color: black;
} }
a { a {
color: #1BEC99; color: #F5A9B8;
text-decoration: none; text-decoration: none;
transition: color 0.3s; transition: color 0.3s;
} }
a:hover { a:hover {
color: #FD3656; color: #5BCEFA;
}
a:visited {
color: #5BCEFA;
} }
.popup { .popup {
@ -54,3 +58,7 @@ z-index: 1000;
display: block; display: block;
} }
.jax {
color: #A8C5DB;
}

17
index.html
View file

@ -13,11 +13,22 @@
<p>These are the colours <a href="https://dalfuss.link">I</a> use!</p> <p>These are the colours <a href="https://dalfuss.link">I</a> use!</p>
<h2 style="color: #F5A9B8">Dalfuss "Brand" Colours</h2> <h2 style="color: #F5A9B8">Dalfuss "Brand" Colours</h2>
<div class="palette"> <div class="palette">
<div class="color" style="background-color: #f5a9b8;">#F5A9B8</div> <div class="color light" style="background-color: #f5a9b8;">#F5A9B8</div>
<div class="color" style="background-color: #5bcffa;">#5BCFFA</div> <div class="color light" style="background-color: #5bcffa;">#5BCFFA</div>
<div class="color white" style="background-color: #FFFFFF;">#FFFFFF</div> <div class="color light" style="background-color: #FFFFFF;">#FFFFFF</div>
<div class="color" style="background-color: #161618;">#161618</div> <div class="color" style="background-color: #161618;">#161618</div>
</div> </div>
<h2><a class="jax" href="https://dalfuss.net/OCs/jax" target="_blank">Jax P. Nolan</a></h2>
<div class="palette">
<div class="color light" style="background-color: #A8C5DB;">Skin<br>#A8C5DB</div>
<div class="color light" style="background-color: #F5A9B8;">Dyed Hair<br>#F5A9B8</div>
<div class="color" style="background-color: #12354B;">Natural Hair<br>#12354B</div>
<div class="color" style="background-color: #105522;">Eyes<br>#105522</div>
<div class="color" style="background-color: #12404B;">Freckles<br>#12404B</div>
</div>
<script> <script>
const colors = document.querySelectorAll(".color"); const colors = document.querySelectorAll(".color");
const popup = document.getElementById("popup"); const popup = document.getElementById("popup");