dalfuss
/
oc.dalfuss.link
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

gallery now opened by clicking on image instead of the icon

This commit is contained in:
dalfuss 2025-03-02 16:00:34 +01:00
parent b198faae7c
commit eea4ba3f3d
2 changed files with 19 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
Jax.html
View File

@ -41,7 +41,14 @@
<div class="col-sm-5"> <div class="col-sm-5">
<!--image--> <!--image-->
<div class="card bg-faded character-image character-image-jax"> <div class="card bg-faded character-image character-image-jax image-credit-icon">
<a href="./img/jax.png" class="character-image character-image-jax lightbox" data-caption="Art by @river_stubs@instagram.com" data-group="gallery">
<!--Image credit-->
<span class="image-credit">
<i class="fa-solid fa-image"></i>
</span>
</a>
<!--top-right decor--> <!--top-right decor-->
<div class="p-2 decor-tr"></div> <div class="p-2 decor-tr"></div>
@ -49,16 +56,10 @@
<!--Bottom-left decor--> <!--Bottom-left decor-->
<div class="p-2 decor-bl"></div> <div class="p-2 decor-bl"></div>
<!--Image credit-->
<span class="image-credit">
<a href="./img/jax.png" class="lightbox image-credit-icon"
data-caption="Art by @river_stubs@instagram.com" data-group="gallery">
<i class="fa-solid fa-image"></i>
</a>
</span>
</div> </div>
</div> </div>
<!-- /// End Character image /// --> <!-- /// End Character image /// -->
<!-- /// Info section /// --> <!-- /// Info section /// -->

9
css/custom.css
View File

@ -170,12 +170,15 @@ small {
letter-spacing: 2px; letter-spacing: 2px;
} }
.image-credit-icon { .image-credit-icon, .image-credit-icon a {
color: #42769E; color: #42769E;
font-size: 20px; font-size: 20px;
border-radius: 15px; border-radius: 15px;
} }
.image-credit-icon:hover, .image-credit-icon a:hover {
color: #f5a9b8;
}
.character-name { .character-name {
font-size: 2.5em; font-size: 2.5em;
font-weight: bold; font-weight: bold;
@ -279,3 +282,7 @@ small {
.character-info:hover .spoiler { .character-info:hover .spoiler {
opacity: 1; opacity: 1;
} }
.test11 {
display: block;
}