appscms-tools-theme 5.1.9 → 5.2.0

data/_layouts/content-tool-ai.html

@@ -221,12 +221,8 @@ assign boxColor = site.data[page.folderName][page.lang][page.fileName].color -%}
                       </p>
                     </div>
                   </div>
-            
-                 
                 
                 </div><div class="user-avatar" id="userAvatar" style="display: none"></div>
-
-               
               </div>
             </div>
           </div>
@@ -286,13 +282,14 @@ assign boxColor = site.data[page.folderName][page.lang][page.fileName].color -%}
           </span>
         </div>
         <div class="submenu expanded" id="{{item.id}}">
-          {%- for i in item.features -%}
-          <div class="submenu-item">
-            <img src="{{i.img}}" alt="" />
-            <a href="{{i.url}}"> <span>{{i.name}}</span></a>
-          </div>
-          {%- endfor -%}
-        </div>
+  {%- for i in item.features -%}
+  <div class="submenu-item {% if page.permalink == i.url %}url-active{% endif %}">
+    <img src="{{i.img}}" alt="" />
+    <a href="{{i.url}}"><span>{{i.name}}</span></a>
+  </div>
+  {%- endfor -%}
+</div>
+
         {%- endfor -%}
       </div>
     </div>
@@ -315,18 +312,19 @@ assign boxColor = site.data[page.folderName][page.lang][page.fileName].color -%}
   <!-- Main Content -->
   <div class="main-content" id="mainContent">
     <div class="container-fluid p-4">
-      <!-- Content Header -->
-      <div class="row align-items-center mb-3">
+     
+
+      <div class="row">
+        <div class="col-lg-7 col-xl-5">
+           <!-- Content Header -->
+      <div class="row align-items-center">
         <div class="col-auto">
           <div class="content-header-icon">💡</div>
         </div>
-        <div class="col">
+       
           <h1 class="content-title">{{pageData.h1}}</h1>
-        </div>
+      
       </div>
-
-      <div class="row">
-        <div class="col-lg-8 col-xl-6">
           <p class="content-description">{{pageData.h2}}</p>
 
           <!-- FORM START -->
@@ -376,8 +374,6 @@ assign boxColor = site.data[page.folderName][page.lang][page.fileName].color -%}
   </div>
 {% endfor %}
 
-
-
             <div class="advanced-options mb-3" data-toggle="collapse" data-target="#advancedOptions">
               <div class="d-flex justify-content-between align-items-center">
                 <span>Advanced Options</span>
@@ -407,161 +403,48 @@ assign boxColor = site.data[page.folderName][page.lang][page.fileName].color -%}
             <!-- Submit -->
             <div class="mt-4">
               <button type="submit" class="w-100 btn-generate">
-                Generate Content
+                ⁺₊✧ Generate content
               </button>
             </div>
+            <div>
+              <button type="button" id="sample-data" class="sample-data">Fill With Sample Data</button>
+            </div>
           </form>
           <!-- FORM END -->
         </div>
-<!-- Quill Editor -->
-        <div class="col-lg-4 col-xl-6">
-          <div id="editor" style="height: 300px; background: #fff"></div>
+        
+        <!-- Quill Editor Column -->
+        <div class="col-lg-5 col-xl-7">
+          <div id="editor" style="height: 100%; background: #fff"></div>
         </div>
+        
       </div>
 
       <!-- Quill.js CDN -->
       <link href="https://cdn.quilljs.com/1.3.6/quill.snow.css" rel="stylesheet" />
       <script src="https://cdn.quilljs.com/1.3.6/quill.min.js"></script>
 
-      <!-- Custom CSS for Copy Button -->
-      <style>
-        .ql-copy {
-          position: relative;
-        }
-        
-        .ql-copy:before {
-          content: "📋";
-          font-size: 14px;
-        }
-        
-        .ql-copy:hover {
-          color: #06c;
-        }
-        
-        /* Tooltip styles */
-        .copy-tooltip {
-          position: absolute;
-          top: -30px;
-          left: 50%;
-          transform: translateX(-50%);
-          background: #333;
-          color: white;
-          padding: 4px 8px;
-          border-radius: 4px;
-          font-size: 12px;
-          white-space: nowrap;
-          opacity: 0;
-          pointer-events: none;
-          transition: opacity 0.3s;
-          z-index: 1000;
-        }
-        
-        .copy-tooltip.show {
-          opacity: 1;
-        }
-        
-        .copy-tooltip::after {
-          content: '';
-          position: absolute;
-          top: 100%;
-          left: 50%;
-          transform: translateX(-50%);
-          border: 4px solid transparent;
-          border-top-color: #333;
-        }
-      </style>
-
-      <!-- Init Quill with Custom Copy Button -->
+      <!-- Initialize Quill Editor (Simple Version) -->
       <script>
-        // Custom copy button handler
-        function copyEditorContent() {
-          const editorContent = quill.getText(); // Get plain text
-          const editorHtml = quill.root.innerHTML; // Get HTML content
-          
-          // Try to copy HTML content first, fallback to plain text
-          if (navigator.clipboard && window.isSecureContext) {
-            // Use modern clipboard API
-            navigator.clipboard.writeText(editorContent).then(() => {
-              showCopyTooltip('Copied!');
-            }).catch(() => {
-              fallbackCopy(editorContent);
-            });
-          } else {
-            // Fallback for older browsers
-            fallbackCopy(editorContent);
-          }
-        }
-
-        // Fallback copy method
-        function fallbackCopy(text) {
-          const textarea = document.createElement('textarea');
-          textarea.value = text;
-          textarea.style.position = 'fixed';
-          textarea.style.left = '-999999px';
-          textarea.style.top = '-999999px';
-          document.body.appendChild(textarea);
-          textarea.focus();
-          textarea.select();
-          
-          try {
-            document.execCommand('copy');
-            showCopyTooltip('Copied!');
-          } catch (err) {
-            showCopyTooltip('Copy failed');
-          }
-          
-          document.body.removeChild(textarea);
-        }
-
-        // Show tooltip
-        function showCopyTooltip(message) {
-          const copyButton = document.querySelector('.ql-copy');
-          let tooltip = copyButton.querySelector('.copy-tooltip');
-          
-          if (!tooltip) {
-            tooltip = document.createElement('div');
-            tooltip.className = 'copy-tooltip';
-            copyButton.appendChild(tooltip);
-          }
-          
-          tooltip.textContent = message;
-          tooltip.classList.add('show');
-          
-          setTimeout(() => {
-            tooltip.classList.remove('show');
-          }, 2000);
-        }
-
-        // Initialize Quill with custom toolbar
+        // Initialize Quill with basic toolbar (NO custom copy button here)
         var quill = new Quill("#editor", {
           theme: "snow",
           placeholder: "Your generated content will appear here...",
           modules: {
-            toolbar: {
-              container: [
-                [{ 'header': [1, 2, 3, false] }],
-                ['bold', 'italic', 'underline', 'strike'],
-                [{ 'list': 'ordered'}, { 'list': 'bullet' }],
-                [{ 'color': [] }, { 'background': [] }],
-                [{ 'align': [] }],
-                ['link'],
-                ['clean'],
-                ['copy'] // Custom copy button
-              ],
-              handlers: {
-                'copy': copyEditorContent
-              }
-            }
+            toolbar: [
+              [{ 'header': [1, 2, 3, false] }],
+              ['bold', 'italic', 'underline', 'strike'],
+              [{ 'list': 'ordered'}, { 'list': 'bullet' }],
+              [{ 'color': [] }, { 'background': [] }],
+              [{ 'align': [] }],
+              ['link'],
+              ['clean']
+            ]
           }
         });
 
-        // Add copy button to toolbar after Quill initialization
-        const toolbar = quill.getModule('toolbar');
-        const copyButton = document.querySelector('.ql-copy');
-        if (copyButton) {
-          copyButton.innerHTML = '📋<span class="copy-tooltip">Copy content</span>';
-          copyButton.title = 'Copy content';
-        }
+        // Make quill globally available
+        window.quill = quill;
       </script>
     </div>
   </div>
@@ -570,7 +453,6 @@ assign boxColor = site.data[page.folderName][page.lang][page.fileName].color -%}
   <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
   <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/4.6.2/js/bootstrap.bundle.min.js"></script>
   
-
   <script>
     function toggleSidebar() {
       const sidebar = document.getElementById("sidebar");

data/assets/css/content-tool-ai.css

@@ -137,10 +137,15 @@ body {
   background-color: #e5e7eb;
   color: #6b7280;
   font-size: 0.75rem;
-  padding: 0.125rem 0.375rem;
-  border-radius: 0.625rem;
+  /* padding: 0.125rem 0.375rem; */
+  border-radius: 50%;
   margin-left: auto;
   margin-right: 0.5rem;
+  height: 24px;
+  width: 24px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
 }
 
 .expand-icon {
@@ -230,16 +235,19 @@ body {
 }
 
 .content-title {
-  font-size: 1.5rem;
-  font-weight: 600;
-  color: #1f2937;
+  color: #32325d;
   margin-bottom: 0;
+  font-size: 1.2rem;
+  font-weight: 700;
+  margin: 7px 0;
 }
 
 .content-description {
   color: #6b7280;
   line-height: 1.6;
   margin-bottom: 2rem;
+  font-size: 14px;
+  margin-top: 10px;
 }
 
 .form-label-custom {
@@ -262,10 +270,10 @@ body {
 }
 
 .advanced-options {
-  background: #f9fafb;
-  border: 1px solid #e5e7eb;
-  border-radius: 0.375rem;
-  padding: 1rem;
+  background: #fff;
+  border: 1px solid #cad1d7;
+  border-radius: 0.25rem;
+  padding: 0.625rem 0.75rem;
   cursor: pointer;
   transition: background-color 0.2s ease;
 }
@@ -574,7 +582,6 @@ a:hover {
   border-radius: 4px;
   font-size: 16px;
   cursor: pointer;
-  margin-bottom: 15px;
 }
 
 .forgot-password {
@@ -1093,8 +1100,19 @@ textarea {
 .form-label {
   display: block;
   margin-bottom: 8px;
-  font-weight: 500;
-  color: #2d3748;
+  font-weight: 600;
+  color: #000;
+  font-size: 1rem;
+}
+.form-control {
+  background-color: #f8fbff;
+  border: 1px solid #cad1d7;
+  border-radius: 0.25rem;
+  padding: 0.625rem 0.75rem;
+  font-weight: 400;
+  font-size: 16px;
+  height: calc(1.5em + 1.25rem + 2px);
+  margin-bottom: 1.5rem;
 }
 
 .form-input {
@@ -1160,3 +1178,15 @@ textarea {
   color: var(--text-light);
   margin-bottom: 25px;
 }
+.sample-data {
+  width: 100%;
+  color: #6a3dfd;
+  margin: 10px auto;
+  border: 1px solid #0000;
+  background: #fff;
+  font-size: 12px;
+}
+.url-active a span {
+  color: #4701ff !important;
+  font-weight: 600;
+}

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: appscms-tools-theme
 version: !ruby/object:Gem::Version
-  version: 5.1.9
+  version: 5.2.0
 platform: ruby
 authors:
 - vivek-appscms
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2025-07-24 00:00:00.000000000 Z
+date: 2025-07-30 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -64,10 +64,52 @@ files:
 - _data/.DS_Store
 - _data/about/en/about.json
 - _data/aitools/en/ai-article-writer.json
+- _data/aitools/en/all-in-one-social-post.json
 - _data/aitools/en/amazon-product-bullet-points-generator.json
 - _data/aitools/en/amazon-product-description-generator.json
+- _data/aitools/en/blog-conclusion-generator.json
+- _data/aitools/en/blog-content-calendar.json
+- _data/aitools/en/blog-introduction-generator.json
+- _data/aitools/en/blog-outline-generator.json
+- _data/aitools/en/blog-section-generator.json
+- _data/aitools/en/blog-title-generator.json
+- _data/aitools/en/blog-topic-ideas.json
 - _data/aitools/en/brand-name-generator.json
+- _data/aitools/en/caption-generator.json
+- _data/aitools/en/engagement-post-generator.json
+- _data/aitools/en/facebook-post.json
+- _data/aitools/en/hidden-fact-finder.json
+- _data/aitools/en/human-written-blog-post.json
+- _data/aitools/en/instagram-bio-generator.json
+- _data/aitools/en/instagram-caption.json
+- _data/aitools/en/instagram-carousel.json
+- _data/aitools/en/instagram-hashtag-generator.json
+- _data/aitools/en/instagram-name-generator.json
+- _data/aitools/en/instagram-threads-generator.json
+- _data/aitools/en/interactive-content-creator.json
+- _data/aitools/en/linkedin-hashtag-generator.json
+- _data/aitools/en/linkedin-post.json
+- _data/aitools/en/motivational-posts.json
+- _data/aitools/en/pinterest-pin.json
+- _data/aitools/en/platform-specific-content-generator.json
 - _data/aitools/en/product-description.json
+- _data/aitools/en/quick-article-writer.json
+- _data/aitools/en/replies-for-facebook.json
+- _data/aitools/en/replies-for-instagram.json
+- _data/aitools/en/replies-for-linkedin.json
+- _data/aitools/en/replies-for-twitter.json
+- _data/aitools/en/rewrite-article-with-keywords.json
+- _data/aitools/en/script-for-instagram-reel.json
+- _data/aitools/en/script-for-tiktok-video.json
+- _data/aitools/en/seo-optimized-blog-post.json
+- _data/aitools/en/snapchat-caption-maker.json
+- _data/aitools/en/social-media-bio-creator.json
+- _data/aitools/en/social-media-bio-generator.json
+- _data/aitools/en/social-media-calendar.json
+- _data/aitools/en/tiktok-caption.json
+- _data/aitools/en/tiktok-username-generator.json
+- _data/aitools/en/twitter-poll-generator.json
+- _data/aitools/en/twitter-post.json
 - _data/blog/alertbar.yml
 - _data/blog/authors.yml
 - _data/blog/blog.yml
@@ -126,11 +168,6 @@ files:
 - _includes/Usp/usp.html
 - _includes/adblocker.html
 - _includes/adsense/adsense.html
-- _includes/aitools/ai-article-writer.html
-- _includes/aitools/amazon-product-bullet-points-generator.html
-- _includes/aitools/amazon-product-description-generator.html
-- _includes/aitools/brand-name-generator.html
-- _includes/aitools/product-description.html
 - _includes/alternates/alternates.html
 - _includes/appscms/.DS_Store
 - _includes/appscms/category-tabs/category-tabs.html
@@ -558,77 +595,6 @@ files:
 - assets/images/vectorpaint.svg
 - assets/images/video.png
 - assets/instagram.svg
-- assets/js/.DS_Store
-- assets/js/TopScroll.js
-- assets/js/adBlocker.js
-- assets/js/ads.js
-- assets/js/ai-article-writer.js
-- assets/js/amazon-product-bullet-points-generator.js
-- assets/js/amazon-product-bullet-points-generator3.js
-- assets/js/amazon-product-description-generator.js
-- assets/js/append-div.js
-- assets/js/appscms-infographics.js
-- assets/js/appscms-login.js
-- assets/js/appscms-search-home1.js
-- assets/js/appscms-search.js
-- assets/js/appscms-theme.js
-- assets/js/batch.js
-- assets/js/blog-topic-ideas.js
-- assets/js/brand-name-generator.js
-- assets/js/calculator-tooltip.js
-- assets/js/devtools.js
-- assets/js/face-api.js
-- assets/js/face-detection.js
-- assets/js/faceSystem.js
-- assets/js/featureResult.js
-- assets/js/frame.js
-- assets/js/googledrive.js
-- assets/js/homeResult.js
-- assets/js/human-written-blog-post.js
-- assets/js/instagram-caption.js
-- assets/js/instagram-hashtag-generator.js
-- assets/js/instagram-name-generator.js
-- assets/js/manifest.json
-- assets/js/models/age_gender_model-shard1
-- assets/js/models/age_gender_model-weights_manifest.json
-- assets/js/models/face_expression_model-shard1
-- assets/js/models/face_expression_model-weights_manifest.json
-- assets/js/models/face_landmark_68_model-shard1
-- assets/js/models/face_landmark_68_model-weights_manifest.json
-- assets/js/models/face_landmark_68_tiny_model-shard1
-- assets/js/models/face_landmark_68_tiny_model-weights_manifest.json
-- assets/js/models/face_recognition_model-shard1
-- assets/js/models/face_recognition_model-shard2
-- assets/js/models/face_recognition_model-weights_manifest.json
-- assets/js/models/mtcnn_model-shard1
-- assets/js/models/mtcnn_model-weights_manifest.json
-- assets/js/models/ssd_mobilenetv1_model-shard1
-- assets/js/models/ssd_mobilenetv1_model-shard2
-- assets/js/models/ssd_mobilenetv1_model-weights_manifest.json
-- assets/js/models/tiny_face_detector_model-shard1
-- assets/js/models/tiny_face_detector_model-weights_manifest.json
-- assets/js/multiselect.js
-- assets/js/partytown/debug/partytown-atomics.js
-- assets/js/partytown/debug/partytown-media.js
-- assets/js/partytown/debug/partytown-sandbox-sw.js
-- assets/js/partytown/debug/partytown-sw.js
-- assets/js/partytown/debug/partytown-ww-atomics.js
-- assets/js/partytown/debug/partytown-ww-sw.js
-- assets/js/partytown/debug/partytown.js
-- assets/js/partytown/partytown-atomics.js
-- assets/js/partytown/partytown-media.js
-- assets/js/partytown/partytown-sw.js
-- assets/js/perspective.min.js
-- assets/js/photo-effects.json
-- assets/js/product-description.js
-- assets/js/redirectResult.js
-- assets/js/sharePage.js
-- assets/js/testing-batch.js
-- assets/js/theme.js
-- assets/js/usageTracking.js
-- assets/js/usageTrackingEvents.js
-- assets/js/userUsageCount.js
-- assets/js/webvitals.js
 - assets/like.svg
 - assets/linkdin.svg
 - assets/noserverupload.svg

data/assets/js/TopScroll.js

@@ -1,8 +0,0 @@
-const alertbar = document.querySelector('.alertbar')
-window.addEventListener('scroll', () => {
-  if (pageYOffset > 200) {
-    alertbar.style.display = 'block'
-  } else {
-    alertbar.style.display = 'none'
-  }
-})

data/assets/js/adBlocker.js

@@ -1,68 +0,0 @@
-let showPop = false;
-if (
-  !localStorage.getItem("timeDisplayed") ||
-  new Date().getTime() - localStorage.getItem("timeDisplayed") >=
-    60000 * 24 * 60
-) {
-  showPop = true;
-  localStorage.setItem("timeDisplayed", new Date().getTime());
-} else {
-  showPop = false;
-}
-let freeCount = localStorage.getItem("freeCount");
-if (!freeCount) {
-  freeCount = 0;
-}
-localStorage.setItem(
-  "freeCount",
-  Number(freeCount) < 5 ? Number(freeCount) + 1 : 5
-);
-if (freeCount >= 5 || showPop) {
-  $(".nav-tabs a.nav-tab-link").click(function () {
-    $(".nav-tabs  a.nav-tab-link").removeClass("active");
-  });
-
-  const detect = document.querySelector("#detect");
-  const wrapper = document.querySelector(".wrapper");
-  const closePopup = document.getElementsByClassName("closePopup");
-  const extensions = document.querySelector(".extensions");
-
-  const refresh = () => {
-    location.reload();
-  };
-
-  let adsBtn = document.querySelector(".allow-ads-btn");
-  adsBtn.addEventListener("click", () => {
-    extensions.classList.add("showPopUp");
-  });
-
-  let adClasses = [
-    "ad",
-    "ads",
-    "adsbox",
-    "doubleclick",
-    "ad-placement",
-    "ad-placeholder",
-    "adbadge",
-    "BannerAd",
-  ];
-  for (let item of adClasses) {
-    detect.classList.add(item);
-  }
-
-  let getProperty = window.getComputedStyle(detect).getPropertyValue("display");
-  console.log(getProperty);
-  if (!wrapper.classList.contains("showPopUp")) {
-    getProperty == "none"
-      ? wrapper.classList.add("showPopUp")
-      : wrapper.classList.remove("showPopUp");
-  }
-  closePopup[0].addEventListener("click", () => {
-    wrapper.classList.remove("showPopUp");
-    localStorage.setItem("freeCount", 0);
-  });
-  closePopup[1].addEventListener("click", () => {
-    extensions.classList.remove("");
-    localStorage.setItem("freeCount", 0);
-  });
-}

data/assets/js/ads.js

@@ -1,8 +0,0 @@
-;(function (s, u, z, p) {
-  ;(s.src = u), s.setAttribute('data-zone', z), p.appendChild(s)
-})(
-  document.createElement('script'),
-  'https://inklinkor.com/tag.min.js',
-  5225477,
-  document.body || document.documentElement
-)