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

added colours for Aidan Leahy, minor fixes

Browse source
This commit is contained in:
Sam Dalfuss 2024-12-24 23:30:45 +01:00
parent bc29050fdc
commit b6adecfec6
2 changed files with 17 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
css/custom.css
View file

@ -58,7 +58,14 @@ z-index: 1000;
display: block; display: block;
} }
.fa-link {
color: #545454;
}
.jax { .jax {
color: #A8C5DB; color: #a8c5db;
}
.aidan {
color: #216240;
} }

9
index.html
View file

@ -6,6 +6,7 @@
<title>colours.dalfuss.link</title> <title>colours.dalfuss.link</title>
<link rel="stylesheet" href="https://cdn.simplecss.org/simple.min.css"> <link rel="stylesheet" href="https://cdn.simplecss.org/simple.min.css">
<link rel="stylesheet" href="./css/custom.css"> <link rel="stylesheet" href="./css/custom.css">
<script src="https://kit.fontawesome.com/14a35c233c.js" crossorigin="anonymous"></script>
</head> </head>
<body> <body>
<div class="popup" id="popup"> Copied color: <span id="popupText"></span> </div> <div class="popup" id="popup"> Copied color: <span id="popupText"></span> </div>
@ -19,7 +20,7 @@
<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> <h2 class="jax">Jax P. Nolan <a href="https://dalfuss.net/OCs/jax" target="_blank"><i class="fas fa-link fa-2xs"></i></a></h2>
<div class="palette"> <div class="palette">
<div class="color light" style="background-color: #A8C5DB;">Skin<br>#A8C5DB</div> <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 light" style="background-color: #F5A9B8;">Dyed Hair<br>#F5A9B8</div>
@ -28,6 +29,12 @@
<div class="color" style="background-color: #12404B;">Freckles<br>#12404B</div> <div class="color" style="background-color: #12404B;">Freckles<br>#12404B</div>
</div> </div>
<h2 class="aidan">Aidan Leahy <!--<a href="https://dalfuss.net/OCs/aidan" target="_blank"><i class="fas fa-link fa-2xs"></i></a>--></h2>
<div class="palette">
<div class="color light" style="background-color: #93ABBE;">Skin<br>#93ABBE</div>
<div class="color" style="background-color: #216240;">Hair<br>#216240</div>
<div class="color" style="background-color: #2BA2E6;">Eyes<br>#2BA2E6</div>
</div>
<script> <script>
const colors = document.querySelectorAll(".color"); const colors = document.querySelectorAll(".color");