From 5f2138b742335a47acd91bed0a59b6470e35150f Mon Sep 17 00:00:00 2001
From: dev sp <dev2@ns1.cicdhosting.com>
Date: Tue, 2 Jan 2024 15:53:25 +0000
Subject: [PATCH] non-mandatory imgae in tick v3

---
 src/pages/cross/v1.astro | 68 ++++++++++++++++++++--------------------
 src/pages/tick/v3.astro  |  4 ++-
 2 files changed, 37 insertions(+), 35 deletions(-)

diff --git a/src/pages/cross/v1.astro b/src/pages/cross/v1.astro
index 9317d0a..534e76d 100644
--- a/src/pages/cross/v1.astro
+++ b/src/pages/cross/v1.astro
@@ -189,40 +189,40 @@ import Layout from "../../layouts/Layout.astro";
 <style>
     @import url('https://fonts.googleapis.com/css2?family=Lobster&family=Quicksand:wght@500;700&display=swap');
     input[type="checkbox"]{
-    -webkit-appearance: initial;
-    appearance: initial;
-    border: 1px solid gray;
-    border-radius: 5px;
-    /* background: gray; */
-    width: 40px;
-    height: 40px;
-    
-    position: relative;
-}
-input[type="checkbox"]:checked {
-    background: blue;
-}
-input[type="checkbox"]:checked:after {
-    content: "X";
-    color: #fff;
-    border: none;
-    position: absolute;
-    left: 50%;
-    top: 50%;
-    -webkit-transform: translate(-50%,-50%);
-    -moz-transform: translate(-50%,-50%);
-    -ms-transform: translate(-50%,-50%);
-    transform: translate(-50%,-50%);
-    /*
-     * If you want to fully change the check appearance, use the following:
-     * content: " ";
-     * width: 100%;
-     * height: 100%;
-     * background: blue;
-     * top: 0;
-     * left: 0;
-     */
-}
+        -webkit-appearance: initial;
+        appearance: initial;
+        border: 1px solid gray;
+        border-radius: 5px;
+        /* background: gray; */
+        width: 40px;
+        height: 40px;
+        
+        position: relative;
+    }
+    input[type="checkbox"]:checked {
+        background: blue;
+    }
+    input[type="checkbox"]:checked:after {
+        content: "X";
+        color: #fff;
+        border: none;
+        position: absolute;
+        left: 50%;
+        top: 50%;
+        -webkit-transform: translate(-50%,-50%);
+        -moz-transform: translate(-50%,-50%);
+        -ms-transform: translate(-50%,-50%);
+        transform: translate(-50%,-50%);
+        /*
+        * If you want to fully change the check appearance, use the following:
+        * content: " ";
+        * width: 100%;
+        * height: 100%;
+        * background: blue;
+        * top: 0;
+        * left: 0;
+        */
+    }
     body{
         font-family: Quicksand;
     }
diff --git a/src/pages/tick/v3.astro b/src/pages/tick/v3.astro
index a80b37d..96c442a 100644
--- a/src/pages/tick/v3.astro
+++ b/src/pages/tick/v3.astro
@@ -89,7 +89,9 @@ import Layout from "../../layouts/Layout.astro";
             document.getElementById('descImage').src = assetsURL + gameData.descript_img;
             for (let i = 1; i <= 3; i++) {
                 const imageId = `image${i}`;
-                document.getElementById(imageId).src = assetsURL + gameData[imageId];
+                if(gameData[imageId]){
+                    document.getElementById(imageId).src = assetsURL + gameData[imageId];
+                }
             }
         });