From eea4ba3f3d40323c9fc5102035aa45c88aae5359 Mon Sep 17 00:00:00 2001
From: dalfuss <login@dalfuss.net>
Date: Sun, 2 Mar 2025 16:00:34 +0100
Subject: [PATCH] gallery now opened by clicking on image instead of the icon

---
 Jax.html       | 21 +++++++++++----------
 css/custom.css |  9 ++++++++-
 2 files changed, 19 insertions(+), 11 deletions(-)

diff --git a/Jax.html b/Jax.html
index 4c4e7f1..dcfa91b 100644
--- a/Jax.html
+++ b/Jax.html
@@ -41,24 +41,25 @@
             <div class="col-sm-5">
 
                 <!--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-->
                     <div class="p-2 decor-tr"></div>
 
                     <!--Bottom-left decor-->
                     <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>
+
             <!-- /// End Character image /// -->
 
             <!-- /// Info section /// -->
diff --git a/css/custom.css b/css/custom.css
index a0a4732..b05703a 100644
--- a/css/custom.css
+++ b/css/custom.css
@@ -170,12 +170,15 @@ small {
   letter-spacing: 2px;
 }
 
-.image-credit-icon {
+.image-credit-icon, .image-credit-icon a {
   color: #42769E;
   font-size: 20px;
   border-radius: 15px;
 }
 
+.image-credit-icon:hover, .image-credit-icon a:hover {
+  color: #f5a9b8;
+}
 .character-name {
   font-size: 2.5em;
   font-weight: bold;
@@ -278,4 +281,8 @@ small {
 
 .character-info:hover .spoiler {
   opacity: 1;
+}
+
+.test11 {
+  display: block;
 }
\ No newline at end of file