appscms-tools-theme 3.6.8 → 3.6.9

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 18a339812bdf8cbc4a8c2434eb9c19e296f5743ec0ebceafc573f490ba6abe10
-  data.tar.gz: 44733df1d1a19472cf747c9ae7923bc7bed26b1d9fbeba025602f523c1f3f52a
+  metadata.gz: 2e86c3f9fbbf0db4f006e59c96c4cc9dc9aed42a92bdd595540b104c76da6949
+  data.tar.gz: 93da8132c7906b34228959713485f8eb802bd0a22dd1ef773a73dc112baf6f92
 SHA512:
-  metadata.gz: 840487e54f3b56e0b97525a0bdd44b9bdbbb7932ed5f24a0788a0542760ba7f1fd65e7bcf7740c4767375bfe5052b076925d1085a18255ff7882ecbbf772d48d
-  data.tar.gz: 97d381946e058c694ed9c7d92a729471636a2ab8fe15bb796e7d9397b05c6963c974121094d2de6136bbe90468047142d2cbce7c02770ac0cc0b1ff7c712d518
+  metadata.gz: 966bd5dc1cbf86b8204c6827e25b281e04cbfbbc500b2819d53587c60a2e383bc0cc2a035fea09eb26c7a0808571f6974f4f88e43b8c4adb2969c62f0705011a
+  data.tar.gz: '038c3ed8a87fa31c1503efade699257844c12f2512e8e1a77aa8953af13634f1cd07b69670198b844528e0b948ca74f3b918a2b594e5cc2dede32cb73116be02'

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

@@ -35,24 +35,16 @@
   ],
   "infographics": [
     {
-      "image": "https://images.unsplash.com/photo-1454496522488-7a8e488e8606?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=876&q=80",
-      "description": "this is image description"
+      "image": "/assets/images/1.webp",
+      "description": "How to set alarm on wake me up at 4:45 am tool"
     },
     {
-      "image": "https://images.unsplash.com/photo-1619266465172-02a857c3556d?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1031&q=80",
-      "description": "this is image description"
+      "image": "/assets/images/2.webp",
+      "description": "5 benefits of using wake me up at 4:45 am tool"
     },
     {
-      "image": "https://images.unsplash.com/photo-1454496522488-7a8e488e8606?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=876&q=80",
-      "description": "this is image description"
-    },
-    {
-      "image": "https://images.unsplash.com/photo-1454496522488-7a8e488e8606?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=876&q=80",
-      "description": "this is image description"
-    },
-    {
-      "image": "https://cdn-infographic.pressidium.com/wp-content/uploads/2022/11/The-Changing-Ages-Of-The-Workforce-480x460.png",
-      "description": "this is image description"
+      "image": "/assets/images/3.webp",
+      "description": "Additional features of wake me up at 4:45 am tool"
     }
   ],
   "TEXTUAL_CONTENT": [

data/_includes/infographics/infographics.html

@@ -1,13 +1,65 @@
+<style>
+    /* Reset default browser styles */
+   
+    .infographic {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      margin: 50px auto;
+      max-width: 800px;
+    }
+    .infographic-item {
+      flex-basis: 30%;
+      text-align: center;
+    }
+
+    .infographic-item img {
+      max-width: 100%;
+      height: auto;
+      border-radius: 8px;
+      margin-bottom: 10px;
+    }
+
+    .infographic-item h3 {
+      font-size: 20px;
+      margin-bottom: 10px;
+    }
+
+    .infographic-item p {
+      font-size: 16px;
+    }
+
+    @media (max-width: 600px) {
+      .infographic {
+        flex-wrap: wrap;
+      }
+
+      .infographic-item {
+        flex-basis: 100%;
+        margin-bottom: 30px;
+      }
+    }
+  </style>
 <div class="infographics_section">
-    <h3 class="text-center w-100 mb-3"><b>Infographics Section</b></h3>
-    <div class="slider">
+    <h3 class="text-center w-100 mb-5"><b>Other useful information</b></h3>
+    <div class="infographic">
+        {%- for item in featureData.infographics -%}
+        <div class="infographic-item">
+            <img src="{{item.image}}" alt="Image 1">
+            <p class="infographic-desc">{{item.description | capitalize }}</p>
+        </div>
+            {%- endfor -%}
+    </div>
+
+
+    <!-- <div class="slider">
         <div class="row">
             <div class="col-md-12 mx-auto">
                 <div id="carousel">
                     {%- for item in featureData.infographics -%}
                     <div class="slide">
                         <img src="{{item.image}}" alt="Photo1" />
-                        <p class="infographics-desc">{{item.description | capitalize }}</p>
+                     <p class="infographics-desc">{{item.description | capitalize }}</p>
                     </div>
                     {%- endfor -%}
                 </div>
@@ -15,15 +67,15 @@
         </div>
         <button class="btn-slide prev"><i class="fas fa-3x fa-chevron-circle-left"></i></button>
         <button class="btn-slide next"><i class="fas fa-3x fa-chevron-circle-right"></i></button>
-    </div>
-    <div class=" dots-container">
+    </div> 
+    <div class="dots-container">
         {%- for item in featureData.infographics -%}
         <span class="dot active" data-slide="{{ forloop.index0 }}"></span>
         {%- endfor -%}
-    </div>
+    </div> -->
 </div>
 
-<script>
+<!-- <script>
     function Slider() {
         const carouselSlides = document.querySelectorAll('.slide');
         const btnPrev = document.querySelector('.prev');
@@ -68,4 +120,4 @@
         });
     };
     Slider();
-</script>
+</script> -->

data/_layouts/batch.html

@@ -13,8 +13,8 @@ layout: feature
             <div class="d-flex justify-content-center align-items-center ">
                 <div id="Inputbox" class="boxes">
                     <img height="21px" width="21px"
-                        src="https://d33wubrfki0l68.cloudfront.net/b69837ed98eb2fdc6b59ae85db395367c5d19dbb/f7ef6/assets/images/add.svg">
-                    <span class='ml-1'>Upload Image</span>
+                        src="/assets/images/add.svg">
+                    <span class='ml-1'>CHOOSE FILE</span>
                 </div>
                 <div class="file-pick-dropdown">
                     <i class="fas arrow-sign fa-angle-down"></i>

data/_layouts/photo-effects-home.html

@@ -57,7 +57,6 @@ layout: feature
                     {%- else -%}
                     {%- assign photoEffectsData = site.data.photoeffects -%}
                     {%- for item in photoEffectsData -%}
-
                     <div class="col-md-3 px-0">
                         <a class="photo-card" href="{{item.url}}">
                             <div>

data/assets/css/tools.css

@@ -1605,8 +1605,8 @@ ol li::marker {
 
 .infographics_section .infographics-desc {
   position: absolute;
-  color: #fff;
-  bottom: 30px;
+  color: #000;
+  bottom: 0;
 }
 
 .infographics_section .slider {
@@ -1628,10 +1628,10 @@ ol li::marker {
   transition: transform 1s;
 }
 
-.infographics_section .slide img {
-  width: 100%;
+.infographics_section  .slide img {
+  width: 200px;
   height: 100%;
-  object-fit: cover;
+  /* object-fit: contain; */
 }
 
 .infographics_section button {
@@ -1640,7 +1640,7 @@ ol li::marker {
 }
 
 .infographics_section button .fas {
-  color: #fff;
+  color:#000;
 }
 
 .infographics_section .btn-slide {