appscms-tools-theme 3.8.5 → 3.8.6

data/_layouts/appscms-download.html

@@ -28,7 +28,7 @@
                 </div>
               
               </div>
-              <div class="col-lg-7 col-md-9 col-sm-10 col-10 py-4 text-center mx-auto">
+              <div class="col-lg-7 col-md-9 col-sm-11 text-center mx-auto">
                 <img id="rating-img" loading='lazy' src="/assets/images/rating.png" alt="rating-img" {%- if
                   site.crossorigin -%} crossorigin {%- endif -%}>
                 <div class="rating-tool" style="border: none;">
@@ -116,15 +116,15 @@
                   }))
                 </script>
               </div>
-              <div class="try-more-features ">
+              <div class="try-more-features mt-4 ">
                 <h2 class="appscms-heading"> {{downloadData.tryfeatureheading | default: 'You can also
                   try
                   These features'
                   }} </h2>
-                <div class="feature-showcase ">
+                <div class="feature-showcase row">
                   {%- if downloadData.recommendedfeatures -%}
                   {%- for item in downloadData.recommendedfeatures -%}
-                  <div>
+                  <div class="col-md-4 col-sm-6 col-6">
 
                     <a class="px-2 feature-showcase-div w-100 d-flex justify-content-between " href="{{item.url}}">
                       <img src="{{item.logo}}" loading="lazy" alt="feature-logo" {%- if site.crossorigin -%}
@@ -139,19 +139,17 @@
                 </div>
               </div>
             </div>
-            <div class="row w-100  px-3">
-              <div class="col-12">
-                {%- if downloadData.recommendedsitesheading -%}
-                <p class="appscms-heading my-5">{{downloadData.recommendedsitesheading}}</p>
-                {%- else -%}
-                <p class="appscms-heading my-5">Try our other sites for safe processing of you files ! </p>
-                {%- endif -%}
-              </div>
 
+            {%- if downloadData.recommendedsitesheading -%}
+            <p class="appscms-heading col-12">{{downloadData.recommendedsitesheading}}</p>
+            {%- else -%}
+            <p class="appscms-heading col-12">Try our other sites for safe processing of you files ! </p>
+            {%- endif -%}
+            <div class="row w-100  px-3 website-showcases">
               {%- if downloadData.recommendedsites -%}
               {%- assign recommendedsitesData = downloadData.recommendedsites -%}
               {%- for item in recommendedsitesData -%}
-              <div class="col-md-4">
+              <div class="col-md-4 col-sm-6 col-6">
                 <div class="website-showcase">
                 <img loading='lazy' class="website-img" src="{{item.logo}}" alt="{{item.name}} logo" {%- if
                   site.crossorigin -%} crossorigin="anonymous" {%- endif -%}> <a target="_blank"
@@ -159,7 +157,7 @@
               </div>
               {%- endfor -%}
               {%- else -%}
-              <div class="col-md-4">
+              <div class="col-md-4 col-sm-6 col-6">
                 <div class="website-showcase">
                 <img loading='lazy' class="website-img"
                   src="https://d33wubrfki0l68.cloudfront.net/0623ca017395ac8b757b16b645ff38a89963b01b/a43c6/assets/logo.svg"
@@ -167,7 +165,7 @@
                   target="_blank" href="https://safepdfkit.com">Safepdfkit.com</a>
               </div>
               </div>
-              <div class="col-md-4">
+              <div class="col-md-4 col-sm-6 col-6">
                 <div class="website-showcase">
                 <img class="website-img" loading='lazy'
                   src="https://d33wubrfki0l68.cloudfront.net/796c1a01dae9c2d10224fd72a820156974b26ab1/3b885/assets/images/logo.png"
@@ -175,7 +173,7 @@
                   target="_blank" href="https://safeaudiokit.com">safeaudiokit.com</a>
               </div>
               </div>
-              <div class="col-md-4">
+              <div class="col-md-4 col-sm-6 col-6">
                 <div class="website-showcase">
                 <img class="website-img" loading="lazy"
                   src="https://d33wubrfki0l68.cloudfront.net/ab0207d780c019c54db62b002396bc8c3fddddaf/9abb9/assets/safevideokit.svg"
@@ -183,7 +181,7 @@
                   target="_blank" href="https://safevideokit.com">safevideokit.com</a>
               </div>
               </div>
-              <div class="col-md-4 ">
+              <div class="col-md-4 col-sm-6 col-6 ">
                 <div class="website-showcase">
                 <img loading='lazy' class="website-img"
                   src="https://d33wubrfki0l68.cloudfront.net/2e37a1020563aa528471da7425b8e58343e2baf7/a186c/picture.png"
@@ -191,7 +189,7 @@
                   target="_blank" href="https://safeimagekit.com/">safeimagekit.com</a>
               </div>
               </div>
-              <div class="col-md-4">
+              <div class="col-md-4 col-sm-6 col-6">
                 <div class="website-showcase">
                 <img loading='lazy' class="website-img"
                   src="https://d33wubrfki0l68.cloudfront.net/74bf3f3836d56b30d16137169cd4c28bf15494ed/11962/js/pt.png"
@@ -199,7 +197,7 @@
                   target="_blank" href="https://safezipkit.com/">safezipkit.com</a>
               </div>
               </div>
-              <div class="col-md-4">
+              <div class="col-md-4 col-sm-6 col-6">
                 <div class="website-showcase">
                 <img loading='lazy' class="website-img"
                   src="https://d33wubrfki0l68.cloudfront.net/325cdfad7de6cae4a03aecfadc70b38af754cbd0/d87f9/assets/images/logo.png"
@@ -210,14 +208,14 @@
                 </a>
               </div>
               </div>
-              <div class="col-md-4">
+              <div class="col-md-4 col-sm-6 col-6">
                 <div class="website-showcase">
                 <img loading='lazy' class="website-img" src="/assets//images/safevideoconverter.svg"
                   alt="safevideoconverter logo" {%- if site.crossorigin -%} crossorigin="anonymous" {%- endif -%}> <a
                   target="_blank" href="https://safevideoconverter.com/">safevideoconverter.com</a>
               </div>
               </div>
-              <div class="col-md-4">
+              <div class="col-md-4 col-sm-6 col-6">
                 <div class="website-showcase">
                 <img loading='lazy' class="website-img"
                   src="https://d33wubrfki0l68.cloudfront.net/c8fef6be5192b9fa57b8503c6ad93befa361926d/a66d0/picture.svg"
@@ -243,8 +241,9 @@
 
  
   <div class="download-social-share">
+    <div class="container">
     <div class="row">
-    <div class="col-md-9 mx-auto">
+    <div class="col-md-12 mx-auto">
       <div class="row">
     <div class="col-md-8">
       <p class=" share-heading mb-0 " >
@@ -267,7 +266,7 @@
 <a  id=" {{share.type}}" href="{{ link }}" data-toggle="tooltip"
       onclick="window.open(this.href, 'pop-up', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0'); return false;"
       data-placement="top" title="{{ share.type }}" aria-label="{{ share.type }}">
-      <i class="fa-fw {{ share.icon }} mb-0 py-3"></i>
+      <i class="fa-fw {{ share.icon }} mb-0"></i>
       </a>
       {% endfor %}
     </div>
@@ -280,9 +279,10 @@
 </div>
 </div>
 </div>
+</div>
 
 {% include appscms/footer/footer.html %}
-  {% include script.html %}
+  {% include appscms/scripts/script.html %}
 
 </body>
 

data/_layouts/appscms-feature.html

@@ -7,12 +7,26 @@ assign boxColor = site.data[page.folderName][page.lang][page.fileName].color -%}
   {%- include appscms/head/head.html -%}
   <body>
     {%- include appscms/navbars/navbar.html -%} {%- include
-    appscms/navbars/toolbar.html -%} {%- include appscms/headings/headings.html
-    -%} {%- include appscms/uploadbutton/uploadbutton.html -%} {%- include
+    appscms/navbars/toolbar.html -%} {%- include bookmark.html -%} {%- if
+    site.safeui -%}
+    <div
+      class="alert alert-{{featureData.variant | default: 'primary'}} fade show text-center"
+      role="alert"
+      id="safeui-alert"
+    >
+      <div class="container">
+        {%- if featureData.alertmsg -%} {{featureData.alertmsg}} {%- else -%} We
+        do not upload any files to server, hence your data is 100% secure. {%-
+        endif -%}
+      </div>
+    </div>
+    {%- endif -%} {%- include appscms/headings/headings.html -%} {%- include
+    appscms/uploadbutton/uploadbutton.html -%} {%- include
     appscms/featurehighlight/featurehighlight.html -%} {%- include
     appscms/howto/howto.html -%} {%- include appscms/faq/faq.html -%} {%-
     include appscms/recent-posts/recent-posts.html -%}
-    <!-- {%- include appscms/extras/traffic-count.html -%} -->
+    <!-- {%- include
+    appscms/extras/traffic-count.html -%} -->
     {%- include appscms/extras/ratings.html -%} {%- include
     appscms/footer/products.html -%} {%- include appscms/footer/footer.html -%}
     {%- include appscms/scripts/script.html -%}

data/_layouts/appscms-home.html

@@ -6,15 +6,30 @@ assign boxColor = site.data[page.folderName][page.lang][page.fileName].color -%}
   {%- include appscms/head/head.html -%}
   <body>
     {%- include appscms/navbars/navbar.html -%} {%- include
-    appscms/navbars/toolbar.html -%} {%- include appscms/headings/headings.html
-    -%}
-    <!-- {%- include appscms/searchbar/searchbar.html -%} -->
+    appscms/navbars/toolbar.html -%} {%- if homeData.nofileupload -%}
+    <div
+      id="safeui-alert"
+      class="alert alert-{{homeData.variant | default: 'primary'}} fade show text-center"
+      role="alert"
+    >
+      <div class="container">
+        {%- if homeData.alertmsg -%} {{homeData.alertmsg}} {%- else -%} We do
+        not upload any files to server, hence your data is 100% secure. {%-
+        endif -%}
+      </div>
+    </div>
+    {%- endif -%} {%- include appscms/headings/headings.html -%} {%- include
+    appscms/searchbar/searchbar.html -%}
+    <!-- {%- include
+    appscms/category-tabs/category-tabs.html -%} -->
     {%- include appscms/home/feature-boxes.html -%}
     <div class="appcms-home-content-box" id="appcms-home-content-box">
       {{ content }}
     </div>
     {%- include appscms/recent-posts/recent-posts.html -%}
-    <!-- {%- include appscms/extras/traffic-count.html -%} -->
+    <!--     
+    {%- include
+    appscms/extras/traffic-count.html -%}  -->
     {%- include appscms/footer/products.html -%} {%- include
     appscms/footer/footer.html -%} {%- include appscms/scripts/script.html -%}
   </body>

data/_layouts/appscms-video.html

@@ -0,0 +1,33 @@
+---
+layout: appscms-feature
+---
+
+{%- assign fileData = site.data[page.folderName][page.lang][page.fileName] -%}
+<div class="container mt-4 pt-5 mt-5">
+  <div class="row">
+    <div class="col-md-6 mb-5" id="left-section">
+      <div>
+        {%- assign h1 = fileData.H1 | replace: "$variable", page.value -%}
+        <h1 class="video-h1">
+          {%- for word in h1-%} {%- if forloop.first == true -%} {{word |
+          capitalize }} {%- else -%} {{word}} {%- endif -%} {%- endfor -%}
+        </h1>
+      </div>
+      {%- assign h2 = fileData.H2 | replace: "$variable", page.value -%}
+      <div>
+        <h2 class="video-h2">
+          {%- for word in h2 -%} {%- if forloop.first == true -%} {{word |
+          capitalize }} {%- else -%} {{word}} {%- endif -%} {%- endfor -%}
+        </h2>
+      </div>
+      <div class="d-flex justify-content-left mt-4">
+        <button class="upload-redirect">Upload Your Video</button>
+      </div>
+    </div>
+    <div class="col-md-6">
+      <div class="right-section mb-5">
+        <img src="/assets/images/video.png" alt="alt" />
+      </div>
+    </div>
+  </div>
+</div>

data/assets/css/appscms-feature.css

@@ -1,17 +1,12 @@
-/* upload page  css*/
-
 .nav-tool-bar {
   position: sticky;
   top: 0;
   width: 100%;
   z-index: 999;
 }
-
-/* uplaod section */
-
 .appscms-upload-section {
   height: 300px;
-  border: 2px dotted #484848;
+  border: 2px dashed #484848;
   padding: 20px;
   border-radius: 20px;
   display: flex;
@@ -50,12 +45,9 @@
   width: 60px;
   background-color: rgb(146, 146, 146);
 }
-
-/* feature section */
 .appscms-feature-image {
   max-width: 75px;
 }
-
 .appscms-feature-title {
   font-size: 17px;
   margin-top: 15px;
@@ -77,9 +69,12 @@
 }
 .appscms-howto-heading {
   /* margin-top: 40px; */
-  font-size: 2.5rem;
+  font-size: 25px;
   font-weight: 500;
 }
+.how-to-video-wrapper iframe {
+  width: 100%;
+}
 
 .appscms-howto-steps {
   font-size: 1rem;
@@ -93,18 +88,22 @@
 }
 
 .faq-item {
-  margin-bottom: 40px;
+  box-shadow: 5px 2px 8px rgba(0, 0, 0, 0.1);
+  margin-bottom: 15px;
+  background: white;
+  padding: 1.5rem;
+  border-radius: 7px;
 }
 
 .faq-question {
-  font-size: 27px;
+  font-size: 22px;
   font-weight: 500;
-  line-height: 194%;
+
   margin-bottom: 10px;
 }
 
 .faq-answer {
-  font-size: 17px;
+  font-size: 15px;
   font-weight: normal;
   margin-bottom: 20px;
 }
@@ -148,72 +147,54 @@
 }
 
 @media (max-width: 768px) {
-  .heading {
-    padding-top: 0px;
-    text-align: center;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-  }
-  .heading h1 {
-    font-weight: 600;
-    font-size: 30px;
+  .upload-btn {
+    width: 268px;
+    padding: 15px;
+    border-radius: 50px;
+    font-size: 20px;
+    height: auto;
   }
-  .heading h2 {
-    width: 80vw;
-    font-size: 11px;
-    text-align: center;
+  .upload-from-drives img {
+    height: 40px;
+    width: 42px;
   }
-  .appscms-upload-section-container {
-    padding: 0;
-    position: relative;
-    bottom: 30px;
+  .drag-msg {
+    display: none;
   }
   .appscms-upload-section {
-    height: 0;
-    border: none;
+    height: 100px;
     background-color: transparent;
-    justify-content: center;
-    align-items: center;
-    flex-direction: column;
     box-shadow: none;
+    border: none;
   }
-  .appscms-upload-icon {
+  .appscms-upload-icon,
+  .or-in-upload {
     display: none;
   }
-  .appscms-upload-section > *:not(form) {
-    display: none;
+  .rating-tool {
+    flex-direction: column;
+    display: flex;
+    gap: 15px;
+    height: auto;
+    padding: 15px 0px;
   }
-  .upload-btn {
+  .heading {
+    padding-top: 0px;
+    text-align: center;
     display: flex;
-    justify-content: center;
     align-items: center;
-    text-align: center;
-    color: white;
-    border-radius: 27px;
-    width: 200px;
-    height: 78px;
-    font-size: 20px;
-  }
-
-  /* featuer section media query */
-
-  .appscms-feature-image {
-    width: 30px;
-    height: 30px;
+    justify-content: center;
   }
-  .appscms-feature-title {
-    font-size: 14px;
+  .heading h1 {
     font-weight: 600;
+    font-size: 30px;
   }
-  .appscms-feature-description {
-    font-size: 12px;
+  .heading h2 {
+    width: 80vw;
+    font-size: 11px;
+    text-align: center;
   }
 
-  /* how to section */
-  .appscms-howto-image {
-    display: none;
-  }
   .appscms-how-to-section {
     border-radius: 0px;
     background-color: transparent;
@@ -239,7 +220,7 @@
   /* faq section */
   .faq-question {
     font-size: 20px;
-    margin-bottom: 5px;
+    margin-bottom: 18px;
   }
 
   .faq-answer {
@@ -250,113 +231,55 @@
   .faq-answer-list {
     font-size: 11px;
   }
-
-  /* ratins */
-  .ratings {
-    /* gap: 2px; */
-    /* padding: 2px; */
-    /* background: transparent; */
-    box-shadow: none !important;
-  }
-  .appsms-user-rating-count {
-    /* font-size: 16px !important; */
-  }
-  .appsms-user-total-count {
-    display: none;
-  }
-  .ratings span {
-    /* font-size: 13px; */
-    padding: 4px;
-  }
-  .raing-votes {
-    /* font-size: 13px !important; */
-    color: rgb(84, 84, 84);
-    /* display: none; */
-  }
 }
-@media (max-width: 478px) {
-  body {
-    background-color: rgb(248, 248, 248);
-  }
-  .ratings {
-    /* gap: 2px; */
-    /* padding: 2px; */
-    /* background: transparent; */
-    box-shadow: none !important;
-  }
 
-  /* mobile screen feaure section media query */
-  .appscms-feature-image {
-    width: 30px;
-    height: 30px;
-  }
-  .appscms-feature-title {
-    font-size: 12px;
-    font-weight: 600;
-  }
-  .appscms-feature-description {
-    font-size: 11px;
-  }
-  .appscms-feature-description .card-text {
-    display: none;
-  }
-  .appscms-feature-description .card {
-    text-align: center;
-  }
-  .appscms-feature-description .card-img-top {
-    display: block;
-    margin: 0 auto;
-  }
-  .appscms-feature-description .card-body {
-    text-align: center;
-  }
-  .appscms-feature-description .card-title {
-    margin-top: 10px;
-    margin-bottom: 0;
-  }
-  /* how to section mobile */
-  .appscms-how-to-section {
-    border-radius: 0px;
-    background-color: transparent;
-    box-shadow: none;
-  }
-  .appscms-howto-heading {
-    text-align: center;
-    margin-top: 0px;
-    font-size: 20px;
-    font-weight: 500;
-    background-color: white;
-    width: 100vw;
-  }
+.upload-redirect {
+  padding: 13px 1.5em 14px 1.5em;
+  color: #fff;
+  background-color: #5c5ce0;
+  border-color: #5c5ce0;
+  border-radius: 27px;
+  font-size: 18px;
+  font-weight: 600;
+  border: none;
+}
 
-  .appscms-howto-steps {
-    font-size: 12px;
-    font-weight: normal;
-    line-height: 200%;
-  }
+#left-section {
+  display: flex;
+  flex-direction: column;
+  align-items: baseline;
+  justify-content: center;
+}
 
-  /* faq section media query */
-  /* recent posts */
-  .appscms-recentposts {
-    font-size: 25px;
-  }
-  /* rating section */
+.right-section img {
+  width: 90%;
+}
 
-  .appsms-user-rating-count {
-    /* font-size: 16px !important; */
-  }
-  .appsms-user-total-count {
-    display: none;
-  }
-  .ratings span {
-    /* font-size: 13px; */
-    padding: 4px;
-  }
-  .raing-votes {
-    /* font-size: 13px !important; */
-    color: rgb(84, 84, 84);
-    display: none;
-  }
+#left-section h1,
+#left-section h2 {
+  text-align: left;
+  width: 100%;
 }
 
-/* faq section media queries */
+.video-h1,
+.audio-h1 {
+  font-weight: 600;
+  font-size: 53px;
+}
+.toaster {
+  top: 150px;
+  padding: 12px 20px;
+  color: #fff;
+  display: inline-block;
+  box-shadow: 0 3px 6px -1px rgb(0 0 0 / 12%),
+    0 10px 36px -4px rgb(77 96 232 / 30%);
+  background: var(--primary-color);
+  position: fixed;
+  transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
+  border-radius: 2px;
+  right: 0px;
+  cursor: pointer;
+  text-decoration: none;
+  max-width: calc(50% - 20px);
+  z-index: 2147483647;
+}