appscms-tools-theme 4.9.7 → 4.9.9

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: a55fca8856cf9e7d90a961c26bb0e769350f52f08a9f6c8d362c4899913ecdc3
-  data.tar.gz: f9ce64ec4906cb67d1be7c9ca47f722bdc6434e9288ac511f1018d9204e2f363
+  metadata.gz: 77077be30078f5cdcdf699ae245f6b31e0d5e14f94dbd34562b631de11ae83aa
+  data.tar.gz: 31134090f09b375a8d3f4eda101587b712a62be08d9b22d4e8229e307e00ce04
 SHA512:
-  metadata.gz: ebabf50236b1aafc4b9b010976c9e1607078a5641855d37b0f37ba2ccc8c3daa6a41ee6e4a4b5c911f2a0a5ac57d0f4bc8db3e4492c5bfa114d4a33cfef3bba7
-  data.tar.gz: 6eb7468d786eb8364ee0436643463f3c79792febb1a87b07738be58acecb1795eceb43a661c329aab3ab12beff077188eab8d735f5efa9eef1806d93388bafc7
+  metadata.gz: 65c68aca35073b283a7e0322750fe2a43f0ab092eb053ee404a08aa3c0a9394d697e350795c410269f90bf899915e49016125f145c8965dfa1eb5d727fc80f8f
+  data.tar.gz: ab56cdf2130296edd4d85c4b635d18e8d63a25319ec2bdf0d2690321a82b2c6e816aca07eb99e1fbb630922a9d1dbac9e5bdc76b83252ba8f91a0d2368169622

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

@@ -60,7 +60,16 @@
       "content": "Setalarmforme.com is a cloud and web based application. You do not need to install any software to use Setalarmforme.com while setting alarms for $variable minutes from now."
     }
   ],
-
+  "HOW_TO_CONTENT": {
+    "logoImageUrl": "/assets/pdf.svg",
+    "heading": "How to set alarm for \"Preview\" minutes:",
+    "steps": [
+      "Click on set alarm \"Preview\" ",
+      "Set $variable minutes for alarm.",
+      "Choose sound of your choice.",
+      "Click submit to set alarm, that's it !."
+    ]
+  },
   "FAQ": [
     {
       "question": "How many seconds from now, will the alarm ring ?",
@@ -201,7 +210,7 @@
       "USP_FACTOR": "USP_FACTOR"
     }
   ],
-  "author": "aditya thakur",
+  "author": "lakshmi",
   "contributors": [
     {
       "name": "Debosmita Bedajna"
@@ -211,6 +220,12 @@
     },
     {
       "name": "RK Shree"
+    },
+    {
+      "name": "Bandana"
+    },
+    {
+      "name": "Manpreet Singh"
     }
   ]
 }

data/_data/header/hi/data.json

@@ -1,6 +1,6 @@
 {
-    "navbarBrandText": "",
-    "navbarBrandLogo": "/assets/images/logo.png",
+  "navbarBrandText": "",
+  "navbarBrandLogoSvg": "<svg height='40' width='180' xmlns:x='http://ns.adobe.com/Extensibility/1.0/' xmlns:i='http://ns.adobe.com/AdobeIllustrator/10.0/' xmlns:graph='http://ns.adobe.com/Graphs/1.0/' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Layer_1' x='0px' y='0px' viewBox='0 0 250 50' style='enable-background:new 0 0 250 50;' xml:space='preserve'><style type='text/css'>.st0{fill:#1C0DC8;}.st1{clip-path:url(#SVGID_1_);fill:url(#SVGID_2_);}.st2{fill:#FFFFFF;}</style><metadata><sfw xmlns='http://ns.adobe.com/SaveForWeb/1.0/'><slices></slices><slicesourcebounds bottomleftorigin='true' height='46.5' width='216' x='1.4' y='-48.2'></slicesourcebounds></sfw></metadata><g><g><path class='st0' d='M55.6,33.2c-1-0.4-1.8-1-2.3-1.8s-0.9-1.7-0.9-2.8h4.4c0.1,0.6,0.3,1.1,0.6,1.4c0.4,0.3,0.8,0.5,1.4,0.5    c0.6,0,1.1-0.1,1.4-0.4c0.4-0.3,0.5-0.7,0.5-1.2c0-0.4-0.1-0.8-0.4-1c-0.3-0.3-0.6-0.5-1-0.7c-0.4-0.2-1-0.4-1.7-0.6    c-1.1-0.3-2-0.7-2.7-1c-0.7-0.3-1.3-0.8-1.8-1.5c-0.5-0.7-0.7-1.5-0.7-2.6c0-1.6,0.6-2.8,1.7-3.7c1.1-0.9,2.6-1.3,4.4-1.3    c1.9,0,3.4,0.4,4.5,1.3c1.1,0.9,1.7,2.1,1.8,3.7h-4.4c0-0.5-0.2-1-0.6-1.3s-0.8-0.5-1.4-0.5c-0.5,0-0.9,0.1-1.2,0.4    c-0.3,0.3-0.5,0.6-0.5,1.1c0,0.5,0.3,1,0.8,1.3c0.5,0.3,1.3,0.6,2.4,1c1.1,0.4,2,0.7,2.7,1.1s1.3,0.8,1.8,1.5    c0.5,0.6,0.7,1.5,0.7,2.5c0,1-0.2,1.8-0.7,2.6c-0.5,0.8-1.2,1.4-2.1,1.9s-2,0.7-3.3,0.7C57.7,33.8,56.6,33.6,55.6,33.2z'></path><path class='st0' d='M67.5,23.3c0.5-1,1.2-1.8,2.1-2.4c0.9-0.6,1.9-0.8,3-0.8c0.9,0,1.8,0.2,2.5,0.6c0.7,0.4,1.3,0.9,1.6,1.5v-1.9    h4.1v13.4h-4.1v-1.9c-0.4,0.6-1,1.1-1.7,1.5c-0.7,0.4-1.5,0.6-2.5,0.6c-1.1,0-2.1-0.3-3-0.9c-0.9-0.6-1.6-1.4-2.1-2.4    c-0.5-1-0.8-2.3-0.8-3.6C66.8,25.6,67,24.4,67.5,23.3z M75.9,24.6c-0.6-0.6-1.3-0.9-2.1-0.9c-0.8,0-1.5,0.3-2.1,0.9    c-0.6,0.6-0.9,1.4-0.9,2.4c0,1,0.3,1.8,0.9,2.4c0.6,0.6,1.3,0.9,2.1,0.9c0.8,0,1.5-0.3,2.1-0.9c0.6-0.6,0.9-1.4,0.9-2.4    C76.8,26,76.5,25.1,75.9,24.6z'></path><path class='st0' d='M90.6,23.7h-2.2v10h-4.1v-10h-1.5v-3.4h1.5v-0.4c0-1.6,0.5-2.9,1.4-3.8c0.9-0.9,2.3-1.3,4.2-1.3    c0.3,0,0.5,0,0.7,0v3.5c-0.8,0-1.3,0.1-1.7,0.3c-0.3,0.3-0.5,0.8-0.5,1.5v0.1h2.2V23.7z'></path><path class='st0' d='M105.1,28h-9.3c0.1,0.8,0.3,1.5,0.8,1.9c0.5,0.4,1.1,0.7,1.7,0.7c1,0,1.7-0.4,2.1-1.3h4.4    c-0.2,0.9-0.6,1.7-1.2,2.4s-1.3,1.3-2.2,1.7c-0.9,0.4-1.9,0.6-3,0.6c-1.3,0-2.5-0.3-3.5-0.8c-1-0.6-1.8-1.4-2.4-2.4    s-0.9-2.3-0.9-3.6c0-1.4,0.3-2.6,0.9-3.6c0.6-1,1.4-1.8,2.4-2.4c1-0.6,2.2-0.8,3.5-0.8c1.3,0,2.4,0.3,3.5,0.8    c1,0.5,1.8,1.3,2.4,2.3c0.6,1,0.9,2.2,0.9,3.5C105.1,27.1,105.1,27.5,105.1,28z M100.9,25.7c0-0.7-0.2-1.3-0.7-1.7    c-0.5-0.4-1.1-0.6-1.8-0.6c-0.7,0-1.3,0.2-1.7,0.6c-0.5,0.4-0.8,1-0.9,1.7H100.9z'></path><path class='st0' d='M111.4,16.8v16.8h-4.1V16.8H111.4z'></path><path class='st0' d='M135.4,21.7c1,1,1.5,2.4,1.5,4.2v7.8h-4.1v-7.3c0-0.9-0.2-1.5-0.7-2c-0.5-0.5-1.1-0.7-1.9-0.7    s-1.4,0.2-1.9,0.7c-0.5,0.5-0.7,1.1-0.7,2v7.3h-4.1v-7.3c0-0.9-0.2-1.5-0.7-2c-0.5-0.5-1.1-0.7-1.9-0.7c-0.8,0-1.4,0.2-1.9,0.7    c-0.5,0.5-0.7,1.1-0.7,2v7.3h-4.1V20.3h4.1V22c0.4-0.6,1-1,1.6-1.3c0.7-0.3,1.4-0.5,2.3-0.5c1,0,1.9,0.2,2.7,0.6    c0.8,0.4,1.4,1,1.9,1.8c0.5-0.7,1.1-1.3,1.9-1.8s1.7-0.7,2.6-0.7C133.1,20.1,134.5,20.6,135.4,21.7z'></path><path class='st0' d='M139.8,23.3c0.5-1,1.2-1.8,2.1-2.4c0.9-0.6,1.9-0.8,3-0.8c0.9,0,1.8,0.2,2.5,0.6c0.7,0.4,1.3,0.9,1.6,1.5    v-1.9h4.1v13.4H149v-1.9c-0.4,0.6-1,1.1-1.7,1.5c-0.7,0.4-1.5,0.6-2.5,0.6c-1.1,0-2.1-0.3-3-0.9c-0.9-0.6-1.6-1.4-2.1-2.4    c-0.5-1-0.8-2.3-0.8-3.6C139,25.6,139.2,24.4,139.8,23.3z M148.2,24.6c-0.6-0.6-1.3-0.9-2.1-0.9c-0.8,0-1.5,0.3-2.1,0.9    c-0.6,0.6-0.9,1.4-0.9,2.4c0,1,0.3,1.8,0.9,2.4c0.6,0.6,1.3,0.9,2.1,0.9c0.8,0,1.5-0.3,2.1-0.9c0.6-0.6,0.9-1.4,0.9-2.4    C149,26,148.7,25.1,148.2,24.6z'></path><path class='st0' d='M163.7,20.7c0.7,0.4,1.3,0.9,1.6,1.5v-1.9h4.1v13.4c0,1.2-0.2,2.3-0.7,3.3c-0.5,1-1.2,1.8-2.2,2.4    s-2.2,0.9-3.7,0.9c-2,0-3.6-0.5-4.8-1.4c-1.2-0.9-1.9-2.2-2.1-3.8h4.1c0.1,0.5,0.4,0.9,0.9,1.2c0.5,0.3,1.1,0.4,1.8,0.4    c0.8,0,1.5-0.2,2-0.7s0.8-1.3,0.8-2.3v-1.9c-0.4,0.6-1,1.1-1.7,1.5c-0.7,0.4-1.5,0.6-2.5,0.6c-1.1,0-2.1-0.3-3-0.9    c-0.9-0.6-1.6-1.4-2.1-2.4c-0.5-1-0.8-2.3-0.8-3.6c0-1.4,0.3-2.6,0.8-3.6c0.5-1,1.2-1.8,2.1-2.4c0.9-0.6,1.9-0.8,3-0.8    C162.1,20.1,162.9,20.3,163.7,20.7z M164.5,24.6c-0.6-0.6-1.3-0.9-2.1-0.9c-0.8,0-1.5,0.3-2.1,0.9c-0.6,0.6-0.9,1.4-0.9,2.4    c0,1,0.3,1.8,0.9,2.4c0.6,0.6,1.3,0.9,2.1,0.9c0.8,0,1.5-0.3,2.1-0.9c0.6-0.6,0.9-1.4,0.9-2.4C165.3,26,165,25.1,164.5,24.6z'></path><path class='st0' d='M184.9,28h-9.3c0.1,0.8,0.3,1.5,0.8,1.9c0.5,0.4,1.1,0.7,1.7,0.7c1,0,1.7-0.4,2.1-1.3h4.4    c-0.2,0.9-0.6,1.7-1.2,2.4s-1.3,1.3-2.2,1.7c-0.9,0.4-1.9,0.6-3,0.6c-1.3,0-2.5-0.3-3.5-0.8c-1-0.6-1.8-1.4-2.4-2.4    s-0.9-2.3-0.9-3.6c0-1.4,0.3-2.6,0.9-3.6c0.6-1,1.4-1.8,2.4-2.4c1-0.6,2.2-0.8,3.5-0.8c1.3,0,2.4,0.3,3.5,0.8    c1,0.5,1.8,1.3,2.4,2.3c0.6,1,0.9,2.2,0.9,3.5C185,27.1,185,27.5,184.9,28z M180.8,25.7c0-0.7-0.2-1.3-0.7-1.7    c-0.5-0.4-1.1-0.6-1.8-0.6c-0.7,0-1.3,0.2-1.7,0.6c-0.5,0.4-0.8,1-0.9,1.7H180.8z'></path><path class='st0' d='M195.3,33.7l-4.1-5.6v5.6h-4.1V15.9h4.1v9.8l4.1-5.4h5.1l-5.6,6.7l5.6,6.7H195.3z'></path><path class='st0' d='M202.3,18.3c-0.5-0.4-0.7-0.9-0.7-1.6c0-0.6,0.2-1.2,0.7-1.6s1-0.6,1.8-0.6c0.7,0,1.3,0.2,1.7,0.6    s0.7,1,0.7,1.6c0,0.6-0.2,1.1-0.7,1.6s-1,0.6-1.7,0.6C203.3,18.9,202.8,18.7,202.3,18.3z M206.1,20.3v13.4H202V20.3H206.1z'></path><path class='st0' d='M216.5,30.2v3.5h-2.1c-1.5,0-2.6-0.4-3.5-1.1c-0.8-0.7-1.2-1.9-1.2-3.6v-5.3h-1.6v-3.4h1.6V17h4.1v3.3h2.7    v3.4h-2.7v5.4c0,0.4,0.1,0.7,0.3,0.9c0.2,0.2,0.5,0.3,1,0.3H216.5z'></path></g><g><g><defs><path id='SVGID_4_' d='M8.3,10.3c-0.8,1.1-0.8,4.6-0.8,11.4v3.4c0,12,9.1,17.9,14.8,20.4c1.5,0.7,2.3,1,4.5,1s2.9-0.4,4.5-1      C36.9,43,46,37.2,46,25.1v-3.4c0-6.8,0-10.3-0.8-11.4c-0.8-1.1-4-2.2-10.4-4.4l-1.2-0.4c-3.4-1.1-5-1.7-6.7-1.7      c-1.7,0-3.4,0.5-6.7,1.7l-1.2,0.4C12.3,8,9.2,9.2,8.3,10.3z'></path></defs><clipPath id='SVGID_1_'><use xlink:href='#SVGID_4_' style='overflow:visible;'></use></clipPath><linearGradient id='SVGID_2_' gradientUnits='userSpaceOnUse' x1='4.2901' y1='45.9056' x2='40.5632' y2='14.204' gradientTransform='matrix(1 0 0 -1 0 52)'><stop offset='0' style='stop-color:#4F00E8'></stop><stop offset='0.2561' style='stop-color:#4B01E6'></stop><stop offset='0.489' style='stop-color:#4003E1'></stop><stop offset='0.7129' style='stop-color:#2E06D9'></stop><stop offset='0.9299' style='stop-color:#140BCD'></stop><stop offset='1' style='stop-color:#0A0DC8'></stop></linearGradient><rect x='1.4' y='1.7' class='st1' width='48.2' height='45.7'></rect></g></g><g><path class='st2' d='M24.6,17c-0.5-0.5-0.8-1.1-0.8-1.9s0.3-1.4,0.8-1.9c0.5-0.5,1.2-0.8,2.1-0.8c0.9,0,1.6,0.3,2.1,0.8    c0.4,0.4,0.8,1,0.8,1.7c0.1,0.9-0.3,1.8-1,2.3c-0.5,0.4-1.2,0.7-2,0.7C25.9,17.8,25.1,17.5,24.6,17z M29.2,20.2v14.9    c0,0.4-0.3,0.6-0.6,0.6h-3.7c-0.4,0-0.6-0.3-0.6-0.6V20.2c0-0.4,0.3-0.6,0.6-0.6h3.7C28.9,19.5,29.2,19.8,29.2,20.2z'></path></g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g></svg>",
     "megaMenu": {
       "nav-link-name": "Tools",
       "dropdown": [{

data/_data/review/trustpilot.json

@@ -1,30 +1,29 @@
 {
-    "reviews": [
-      { 
-        "name": "Alice Johnson",
-        "title": "Excellent Image Editing Tool",
-        "review": "Safeimagekit is a lifesaver for quick and secure image editing. Love the variety of tools!"
-      },
-      { 
-        "name": "Michael Lee",
-        "title": "Very Easy to Use",
-        "review": "Super simple to resize and adjust images. No need to download anything; works seamlessly online!"
-      },
-      { 
-        "name": "Sophia Martinez",
-        "title": "Great for Quick Edits",
-        "review": "Perfect for quick edits without compromising privacy. Highly recommend Safeimagekit."
-      },
-      { 
-        "name": "David Kim",
-        "title": "Fast and Reliable",
-        "review": "Impressed by the speed and reliability of Safeimagekit. Great for editing on the go without extra downloads."
-      }
-    ],
-    "title":"Over 5 Million Users Enjoy Using Our Applications monthly.",
-    "description":"Join a thriving community of creators who rely on our safeimagekit.com Tools.",
-    "rated": 4.1,
-    "numberOfReviews": "320",
-    "trustpilotReviewLink": "https://www.trustpilot.com/review/safeimagekit.com"
-  }
-  
+  "reviews": [
+    {
+      "name": "Alice Johnson",
+      "title": "Excellent Image Editing Tool",
+      "review": "Safeimagekit is a lifesaver for quick and secure image editing. Love the variety of tools!"
+    },
+    {
+      "name": "Michael Lee",
+      "title": "Very Easy to Use",
+      "review": "Super simple to resize and adjust images. No need to download anything; works seamlessly online!"
+    },
+    {
+      "name": "Sophia Martinez",
+      "title": "Great for Quick Edits",
+      "review": "Perfect for quick edits without compromising privacy. Highly recommend Safeimagekit."
+    },
+    {
+      "name": "David Kim",
+      "title": "Fast and Reliable",
+      "review": "Impressed by the speed and reliability of Safeimagekit. Great for editing on the go without extra downloads."
+    }
+  ],
+  "title": "Over 5 Million Users Enjoy Using Our Applications monthly.",
+  "description": "Join a thriving community of creators who rely on our safeimagekit.com Tools.",
+  "rated": 4.1,
+  "numberOfReviews": "320",
+  "trustpilotReviewLink": "https://www.trustpilot.com/review/safeaudiokit.com"
+}

data/_includes/Atest.html

@@ -0,0 +1,248 @@
+<script src="https://d3js.org/d3.v4.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/venn.js/0.2.20/venn.min.js"></script>
+<style>
+  #venn {
+    margin: 20px auto;
+    width: 800px;
+    height: 600px;
+  }
+
+  .controls {
+    margin-bottom: 20px;
+  }
+
+  canvas {
+    display: none;
+  }
+</style>
+<div class="controls">
+  <label for="setCount">Number of sets:</label>
+  <select id="setCount" onchange="updateControls()">
+    <option value="2" selected>2</option>
+    <option value="3">3</option>
+    <option value="4">4</option>
+    <option value="5">5</option>
+    <option value="6">6</option>
+    <option value="7">7</option>
+    <option value="8">8</option>
+  </select>
+
+  <div id="setInputs"></div>
+
+  <label for="transparency">Transparency (0 to 1):</label>
+  <input type="number" id="transparency" value="0.4" step="0.1" min="0" max="1">
+
+  <label for="fontColor">Font Color:</label>
+  <input type="color" id="fontColor" value="#000000">
+
+  <button onclick="updateVenn()">Update Venn Diagram</button>
+  <button onclick="downloadVenn('png')">Download PNG</button>
+  <button onclick="downloadVenn('jpg')">Download JPG</button>
+</div>
+
+<div id="venn"></div>
+
+<canvas id="canvas"></canvas>
+<script>
+  let sets = [
+    { sets: ['A'], size: 12 },
+    { sets: ['B'], size: 12 },
+    { sets: ['A', 'B'], size: 2 }
+  ];
+
+  // Render the initial Venn diagram
+  const chart = venn.VennDiagram();
+  const div = d3.select("#venn").datum(sets).call(chart);
+
+  function updateControls() {
+    const setCount = parseInt(document.getElementById("setCount").value, 10);
+    const setInputs = document.getElementById("setInputs");
+
+    // Reset inputs
+    setInputs.innerHTML = '';
+
+    // Add inputs for individual set sizes
+    for (let i = 0; i < setCount; i++) {
+      const setLabel = String.fromCharCode(65 + i); // A, B, C, etc.
+      setInputs.innerHTML += `
+        <div>
+          <label for="set${setLabel}">Set ${setLabel} size:</label>
+          <input type="number" id="set${setLabel}" value="12">
+        </div>`;
+    }
+
+    // Add input for intersections if applicable
+    if (setCount > 1) {
+      setInputs.innerHTML += `
+        <div>
+          <label for="intersections">Intersection sizes (comma-separated):</label>
+          <input type="text" id="intersections" placeholder="e.g., 20,15,10">
+        </div>`;
+    }
+
+    // If 4 sets are selected, set default values
+    if (setCount === 4) {
+      document.getElementById("setA").value = 12;
+      document.getElementById("setB").value = 12;
+      document.getElementById("setC").value = 12;
+      document.getElementById("setD").value = 12;
+      document.getElementById("intersections").value = "2,2,2,1,2,2,3,3,3,3";
+    }
+
+    if (setCount === 5) {
+      document.getElementById("setA").value = 20;
+      document.getElementById("setB").value = 20;
+      document.getElementById("setC").value = 20;
+      document.getElementById("setD").value = 20;
+      document.getElementById("setE").value = 20;
+      document.getElementById("intersections").value = "5,5,5,5,5,5,5,5,5,5,3,3,3,3,3,3,3,3,3,3,2,2,2,2,2,1";
+    }
+    if (setCount === 6) {
+      document.getElementById("setA").value = 20;
+      document.getElementById("setB").value = 20;
+      document.getElementById("setC").value = 20;
+      document.getElementById("setD").value = 20;
+      document.getElementById("setE").value = 20;
+      document.getElementById("setF").value = 20;
+
+      // Set intersection values as specified
+      document.getElementById("intersections").value = "5,5,5,5,5,5,5,5,5,5,5,5,5,5,5,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,1,1,1,1,1,1,1";
+    }
+    if (setCount === 7) {
+      document.getElementById("setA").value = 20;
+      document.getElementById("setB").value = 20;
+      document.getElementById("setC").value = 20;
+      document.getElementById("setD").value = 20;
+      document.getElementById("setE").value = 20;
+      document.getElementById("setF").value = 20;
+      document.getElementById("setG").value = 20;
+
+      document.getElementById("intersections").value =
+        "7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,6,6,6,6,6,6,6,6,6,6,6,6,6,6,6,6,6,6,6,6,6,6,6,6,6,6,6,6,6,6,6,6,6,6,6,5,5,5,5,5,5,5,5,5,5,5,5,5,5,5,5,5,5,5,5,5,5,5,5,5,5,5,5,5,5,5,5,5,5,5,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,3,3,3,3,3,3,3,2";
+    }
+    if (setCount === 8) {
+      document.getElementById("setA").value = 20;
+      document.getElementById("setB").value = 20;
+      document.getElementById("setC").value = 20;
+      document.getElementById("setD").value = 20;
+      document.getElementById("setE").value = 20;
+      document.getElementById("setF").value = 20;
+      document.getElementById("setG").value = 20;
+      document.getElementById("setH").value = 20;
+
+      document.getElementById("intersections").value =
+        "8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,6,6,6,6,6,6,6,6,6,6,6,6,6,6,6,6,6,6,6,6,6,6,6,6,6,6,6,6,6,6,6,6,6,6,6,6,6,6,6,6,6,6,6,6,6,6,6,6,6,6,6,6,6,6,6,6,6,6,6,6,6,6,6,6,6,6,6,6,6,6,5,5,5,5,5,5,5,5,5,5,5,5,5,5,5,5,5,5,5,5,5,5,5,5,5,5,5,5,5,5,5,5,5,5,5,5,5,5,5,5,5,5,5,5,5,5,5,5,5,5,5,5,5,5,5,5,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,3,3,3,3,3,3,3,3,2";
+    }
+  }
+
+  function updateVenn() {
+    const setCount = parseInt(document.getElementById("setCount").value, 10);
+    const transparency = parseFloat(document.getElementById("transparency").value);
+    const fontColor = document.getElementById("fontColor").value;
+    const updatedSets = [];
+
+    // Add individual sets
+    for (let i = 0; i < setCount; i++) {
+      const setLabel = String.fromCharCode(65 + i); // A, B, C, etc.
+      const setSize = parseInt(document.getElementById(`set${setLabel}`).value || "12", 10);
+      updatedSets.push({ sets: [setLabel], size: setSize });
+    }
+
+    // Add intersections based on the set count
+    if (setCount > 1) {
+      const intersectionInput = document.getElementById("intersections");
+      if (intersectionInput && intersectionInput.value.trim() !== '') {
+        const intersectionSizes = intersectionInput.value.split(',').map(Number);
+        let index = 0;
+
+        // Generate all combinations of sets for intersections
+        for (let i = 2; i <= setCount; i++) { // Only generate combinations of size >= 2
+          const combinations = getCombinations(
+            Array.from({ length: setCount }, (_, k) => String.fromCharCode(65 + k)),
+            i
+          );
+          combinations.forEach(combo => {
+            if (index < intersectionSizes.length) {
+              updatedSets.push({ sets: combo, size: intersectionSizes[index++] });
+            }
+          });
+        }
+      } else {
+        // Default pairwise intersections if no input is provided
+        for (let i = 0; i < setCount - 1; i++) {
+          for (let j = i + 1; j < setCount; j++) {
+            const setA = String.fromCharCode(65 + i);
+            const setB = String.fromCharCode(65 + j);
+            updatedSets.push({ sets: [setA, setB], size: 2 }); // Default size for pairwise intersections
+          }
+        }
+      }
+    }
+
+    sets = updatedSets;
+    d3.select("#venn").datum(sets).call(chart);
+
+    // Update transparency and font color
+    d3.selectAll(".venn-circle path").style("fill-opacity", transparency);
+    d3.selectAll(".venn-circle text").style("fill", fontColor);
+  }
+
+  // Helper function to generate combinations
+  function getCombinations(array, size) {
+    function combine(input, length, start, result) {
+      if (length === 0) return [result];
+      const combinations = [];
+      for (let i = start; i <= input.length - length; i++) {
+        combinations.push(...combine(input, length - 1, i + 1, result.concat(input[i])));
+      }
+      return combinations;
+    }
+    return combine(array, size, 0, []);
+  }
+
+  function downloadVenn(format) {
+    const svg = document.querySelector("#venn svg");
+    const canvas = document.getElementById("canvas");
+    const ctx = canvas.getContext("2d");
+    const serializer = new XMLSerializer();
+    const svgString = serializer.serializeToString(svg);
+    const img = new Image();
+
+    const svgBlob = new Blob([svgString], { type: "image/svg+xml;charset=utf-8" });
+    const url = URL.createObjectURL(svgBlob);
+
+    img.onload = function () {
+      canvas.width = svg.getBoundingClientRect().width;
+      canvas.height = svg.getBoundingClientRect().height;
+      ctx.clearRect(0, 0, canvas.width, canvas.height);
+      ctx.drawImage(img, 0, 0);
+      URL.revokeObjectURL(url);
+
+      const link = document.createElement("a");
+      link.download = `venn-diagram.${format}`;
+      link.href = canvas.toDataURL(`image/${format}`);
+      link.click();
+    };
+
+    img.src = url;
+  }
+
+  // Add tooltips
+  div.selectAll(".venn-circle")
+    .on("mouseover", function (d) {
+      d3.select(this).select("path").style("fill-opacity", 0.6);
+      const tooltip = d3.select("body").append("div").attr("class", "tooltip")
+        .style("position", "absolute")
+        .style("background", "#fff")
+        .style("border", "1px solid #ccc")
+        .style("padding", "5px")
+        .style("z-index", 10)
+        .text(`${d.sets.join(' & ')}: ${d.size}`);
+
+      tooltip.style("left", `${d3.event.pageX + 5}px`).style("top", `${d3.event.pageY + 5}px`);
+    })
+    .on("mouseout", function () {
+      d3.select(this).select("path").style("fill-opacity", parseFloat(document.getElementById("transparency").value));
+      d3.select(".tooltip").remove();
+    });
+</script>

data/_includes/appscms/customblog/pageRelatedPosts.html

@@ -22,30 +22,40 @@
                     {% for post in blogData %}
                     {%- include authors/authors.html-%}
                     {% assign title = post.title %}
-{% assign title_lower = title | downcase %}
-{% assign title_hyphenated = title_lower | replace: ' ', '-' %}
-{% assign blogUrl = title_hyphenated | replace: '!', '' | replace: '?', '' | replace: ',', '' | replace: '.', '' | replace: ';', '' | replace: ':', '' | replace: '&', '' | replace: '@', '' | replace: '#', '' | replace: '$', '' | replace: '%', '' | replace: '^', '' | replace: '*', '' | replace: '(', '' | replace: ')', '' | replace: '+', '' | replace: '=', '' | replace: '{', '' | replace: '}', '' | replace: '[', '' | replace: ']', '' | replace: '|', '' | replace: '\\', '' | replace: '/', '' | replace: '<', '' | replace: '>', '' | replace: '~', '' | replace: '`', '' | replace: '"', '' | replace: "'", '' %}
-
-                    <div class="{%- if site.monumetricId and page.url != '/' and page.lang == " en" -%} col-md-6 mb-4 card-group {%-
-                        else -%} col-lg-4 col-md-6 mb-4 card-group  {%- endif -%} ">
-                        <div class="card h-100 appscms-blog-cards">
-                        <a class="extrapaddingforimg" href="/blog/{{ blogUrl }}" aria-label="{{post.title}}">
-                                <img src="{{ post.image }}" loading="lazy" class="card-img-top" height="250"
-                                    width="100%" alt="{{post.title}}" {%- if site.crossorigin -%} crossorigin {%- endif
-                                    -%}>
+                    {% assign title_lower = title | downcase %}
+                    {% assign title_hyphenated = title_lower | replace: ' ', '-' %}
+                    {% assign blogUrl = title_hyphenated | replace: '!', '' | replace: '?', '' | replace: ',', '' |
+                    replace: '.', '' | replace: ';', '' | replace: ':', '' | replace: '&', '' | replace: '@', '' |
+                    replace: '#', '' | replace: '$', '' | replace: '%', '' | replace: '^', '' | replace: '*', '' |
+                    replace: '(', '' | replace: ')', '' | replace: '+', '' | replace: '=', '' | replace: '{', '' |
+                    replace: '}', '' | replace: '[', '' | replace: ']', '' | replace: '|', '' | replace: '\\', '' |
+                    replace: '/', '' | replace: '<', '' | replace: '>' , '' | replace: '~' , '' | replace: '`' , '' |
+                        replace: '"' , '' | replace: "'" , '' %} 
+                        
+                        
+                        {%- assign ActualUrl = post.url | default: blogUrl -%}
+                        <div
+                        class="{%- if site.monumetricId and page.url != '/' and page.lang == " en" -%} col-md-6 mb-4
+                        card-group {%- else -%} col-lg-4 col-md-6 mb-4 card-group {%- endif -%} ">
+                        <div class=" card h-100 appscms-blog-cards">
+                        <a class="extrapaddingforimg" href="/blog/{{ ActualUrl }}" aria-label="{{post.title}}">
+                            <img src="{{ post.image }}" loading="lazy" class="card-img-top" height="250" width="100%"
+                                alt="{{post.title}}" {%- if site.crossorigin -%} crossorigin {%- endif -%}>
                         </a>
                         <div class="card-body">
-                            <a class="text-decoration-none text-dark" href="/blog/{{ blogUrl }}" class="anchor_link" aria-label="{{post.title}}">
+                            <a class="text-decoration-none text-dark" href="/blog/{{ blogUrl }}" class="anchor_link"
+                                aria-label="{{post.title}}">
                                 <h4 class="card-title mb-4 text-left">{{ post.title }}</h4>
                             </a>
                             <div class="wrapfooter">
                                 {% if post.author %}
-                                    <img class="author-thumb" loading="lazy" src="{{ image }}" alt="{{ authorName }}"
-                                        {%- if site.crossorigin -%} crossorigin {%- endif -%}>
+                                <img class="author-thumb" loading="lazy" src="{{ image }}" alt="{{ authorName }}" {%- if
+                                    site.crossorigin -%} crossorigin {%- endif -%}>
                                 {% endif %}
 
                                 <div class="author-meta">
-                                    <a class="post-name" target="_blank" href="/authors/{{authorName |downcase |replace:' ','-'}}">{{ authorName }}</a>
+                                    <a class="post-name" target="_blank"
+                                        href="/authors/{{authorName |downcase |replace:' ','-'}}">{{ authorName }}</a>
                                     {% assign path_parts = post.path | split: '/' %}
                                     {% assign filename = path_parts[1] %}
                                     {% assign date_parts = filename | split: '-' %}
@@ -57,13 +67,13 @@
 
                             </div>
                         </div>
-                    </div>
                 </div>
-                {% endfor %}
-                {%- if site.monumetricId and page.url != '/' and page.lang == "en" -%}
             </div>
+            {% endfor %}
+            {%- if site.monumetricId and page.url != '/' and page.lang == "en" -%}
         </div>
-        {%- endif -%}
+    </div>
+    {%- endif -%}
     </div>
     </div>
 </section>

data/_includes/appscms/featurePageAuthors/featurePageAuthors.html

@@ -49,7 +49,8 @@
             Contributors
           </h4>
           <div class="d-flex justify-content-center w-100" style="gap: 10px">
-            {%- for contributor in contributors -%} {%- assign
+            {%- for contributor in contributors -%}
+            {%- assign
             featureContributorData = contributor.name | split: " " -%} {%-
             assign featureContributorData = featureContributorData.first |
             downcase -%} {%- assign collectionData = [featureContributorData]