appscms-tools-theme 4.6.3 → 4.6.5

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: a5f6a95de967871083445ecddb7d4608160a54bfaed72ada0ca405e8fbfa54b3
-  data.tar.gz: a14041ae59eb6584ebece3a1b7afa6f480316b3d92f9592698d68291837214ab
+  metadata.gz: ab5dfda2e2eb73077b21353d39af8d23d1b9863c748d0a3859e27f472bc6a5eb
+  data.tar.gz: 0e4d75f32f4e4cf17d8b2af8af64b1f94d34ebfa3d093065654a038594820323
 SHA512:
-  metadata.gz: 7d6b09481d0c4096c23b484486fed59c77a45e3788f01adb3021fa5293c580cc0289570136349c35434985c467843871a522de6b5b93e0a8fb7b0af44e225851
-  data.tar.gz: ea89a40d775ee7ceddf3ca1a4b6092aeb389cf793e4acbffa0f3f7c71acfc83c4f3f4d7aa70b9f2a5858d40740f3e4c98f90711857c6990690ee188c4e7f86b2
+  metadata.gz: aa50c66b61e17f36f6cfd8f36d8954577f85d8b818e63479766f8a36ca62f380d0c9f2fbe509bd6dacfbc0f97922ce373ab8a7722b736f819c0ba6b1c4372d80
+  data.tar.gz: 97178496db62993218d49c38b0a62daae6ba3800e5e2837b6d95097cb5a36e4c76656ee62da558b53516c983d7aadaf407ec2200a9458791c6afc560c4efef9e

data/_data/feature/en/compress-pdf.json

@@ -108,7 +108,20 @@
   "jscdns": [
     "<script crossorigin='anonymous'  src=\"/assets/js/googledrive.js\"></script>"
   ],
-  "infographics": [],
+  "infographics": [
+    {
+      "image": "/uploads/info.png",
+      "description": "How to set alarm on wake me up at 4:45 am tool"
+    },
+    {
+      "image": "/uploads/info.png",
+      "description": "5 benefits of using wake me up at 4:45 am tool"
+    },
+    {
+      "image": "/uploads/info.png",
+      "description": "Additional features of wake me up at 4:45 am tool"
+    }
+  ],
   "posts": [
     {
       "tags": ["ok"],

data/_includes/appscms/infographics/infographics.html

@@ -22,16 +22,16 @@
     height: auto;
   }
   .close1 {
-  position: absolute;
-  top: 10px;
-  right: 10px;
-  font-size: 24px;
-  color: #fff;
-  cursor: pointer;
-}
-.close1:hover {
-  color: #ccc;
-}
+    position: absolute;
+    top: 10px;
+    right: 10px;
+    font-size: 24px;
+    color: #fff;
+    cursor: pointer;
+  }
+  .close1:hover {
+    color: #ccc;
+  }
 </style>
 <div class="inforgraphics_section">
   <h3 class="text-center w-100 mb-5"><b>Other useful information</b></h3>
@@ -61,23 +61,23 @@
   <span class="close1" onclick="closeModal1()">&times;</span>
   <div class="modal1-content1">
     <div class="modal1-body">
-      <img id="modal1Image" src="" alt="Image">
+      <img id="modal1Image" src="" alt="Image" />
     </div>
   </div>
 </div>
 <script>
-   function openModal1(imageSrc) {
-    var modal1 = document.getElementById('imageModal1');
-    var modal1Img = document.getElementById('modal1Image');
+  function openModal1(imageSrc) {
+    var modal1 = document.getElementById("imageModal1");
+    var modal1Img = document.getElementById("modal1Image");
     modal1.style.display = "block";
     modal1Img.src = imageSrc;
   }
   function closeModal1() {
-    var modal1 = document.getElementById('imageModal1');
+    var modal1 = document.getElementById("imageModal1");
     modal1.style.display = "none";
   }
-  document.addEventListener('click', function(event) {
-    var modal1 = document.getElementById('imageModal1');
+  document.addEventListener("click", function (event) {
+    var modal1 = document.getElementById("imageModal1");
     if (event.target === modal1) {
       closeModal1();
     }
@@ -158,9 +158,3 @@
   // document.addEventListener("mouseup", dragStop);
   // carousel.addEventListener("touchend", dragStop);
 </script>
-
-
-
-
-
-

data/_includes/infographics/infographics.html

@@ -65,12 +65,15 @@
     flex: 0 0 calc(100% / 3);
     scroll-snap-align: start;
     padding: 20px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
   }
 
   .carousel img {
-    width: 100%;
     object-fit: contain;
-    max-width: 100%;
+
     height: auto;
     border-radius: 8px;
   }
@@ -159,8 +162,8 @@
   if (numImages > 3) {
     arrowIcons[1].style.display = "block";
   } else {
-    arrowIcons[0].style.display = "none";
-    arrowIcons[1].style.display = "none";
+    // arrowIcons[0].style.display = "none";
+    // arrowIcons[1].style.display = "none";
   }
 
   let isDragStart = false,
@@ -180,7 +183,7 @@
       let firstImgWidth = firstImg.clientWidth + 40;
       const scrollAmount = icon.id === "left" ? -firstImgWidth : firstImgWidth;
       carousel.scrollBy({
-        left: scrollAmount,
+        left: "100vw",
         behavior: "smooth",
       });
       setTimeout(() => showHideIcons(), 60); // calling showHideIcons after 60ms

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: appscms-tools-theme
 version: !ruby/object:Gem::Version
-  version: 4.6.3
+  version: 4.6.5
 platform: ruby
 authors:
 - vivek-appscms
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2024-06-15 00:00:00.000000000 Z
+date: 2024-06-17 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll