appscms-tools-theme 4.8.8 → 4.9.0

data/_layouts/appscms-batch.html

@@ -5,11 +5,7 @@ layout: appscms-feature
 <div class="container-fluid mt-4">
   {%- assign boxColor =
   site.data[page.folderName][page.lang][page.fileName].color -%}
-  <div
-    class="custom-box"
-    style=" padding-top: 0px"
-    data-color="{{boxColor}}"
-  >
+  <div class="custom-box" style="padding-top: 0px" data-color="{{boxColor}}">
     <div style="display: none" id="file-loader">
       <img
         src="/assets/images/spinner.gif"
@@ -44,7 +40,6 @@ layout: appscms-feature
           />
           <span class="ml-1">CHOOSE FILES</span>
         </div>
-    
       </div>
       <p id="dropfile" class="text-dark">or drop your image here</p>
     </div>

data/_layouts/appscms-home.html

@@ -37,7 +37,9 @@ assign boxColor = site.data[page.folderName][page.lang][page.fileName].color -%}
     appscms/howto/howto.html -%} {%- if pageData.infographics.size > 0 -%} {%-
     include appscms/infographics/infographics.html -%} {%- endif -%} {%- include
     appscms/faq/faq.html -%} {%- include appscms/usp/usp.html -%} {%- if
-    pageData.posts.size > 0 -%} {%- include
+    pageData.posts.size > 0 -%}
+    {%- include appscms/reviews/trustpilot.html -%}
+    {%- include
     appscms/customblog/pageRelatedPosts.html -%} {%- else -%} {%- if
     categories.size > 0 or tags.size > 0 -%} {%- include
     appscms/recent-posts/related_categories_post.html -%} {%- else -%} {%-

data/_layouts/feature-1.html

@@ -267,7 +267,9 @@
   </section>
   {%- endif -%} {%- endif -%} {%- include share/socialshare.html -%} {%-
   include Rating/rating.html -%} {%- if featureData.infographics.size > 0 -%}
-  {%- include infographics/infographics.html -%} {%- endif -%} {%- assign
+  {%- include infographics/infographics.html -%} {%- endif -%}
+  {%- include appscms/reviews/trustpilot.html -%}
+  {%- assign
   langen = "en" -%} {%- if site.data[folder][langen][file].categories -%} {%
   assign categories= site.data[folder][langen][file].categories %} {%- else
   -%} {% assign categories= page.categories %} {%- endif -%} {%- if

data/_layouts/home-1.html

@@ -179,6 +179,7 @@
     </section>
     {%- endif -%}
     {%- endif -%}
+    {%- include appscms/reviews/trustpilot.html -%}
     {%- include Rating/rating.html -%}
     {% include footer/index.html %}
     {% include script.html %}

data/assets/css/appscms-feature.css

@@ -1,398 +0,0 @@
-.nav-tool-bar {
-  position: sticky;
-  top: 0;
-  width: 100%;
-  z-index: 999;
-}
-.appscms-upload-section {
-  height: 290px;
-  border: 2px dashed #484848;
-  padding: 20px;
-  border-radius: 20px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  background-color: white;
-  gap: 10px;
-}
-.upload-btn {
-  text-align: center;
-  background-color: rgb(29, 22, 232);
-  color: white;
-  border-radius: 10px;
-  width: 195px;
-  height: 41px;
-  padding: 10px;
-  cursor: pointer;
-}
-.appscms-upload-section {
-  display: flex;
-  flex-direction: column;
-  box-shadow: 1px 4px 10px rgba(0, 0, 0, 0.17);
-}
-
-.or-in-upload {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  font-size: 13px;
-}
-.line-in-upload {
-  height: 1.5px;
-  width: 60px;
-  background-color: rgb(146, 146, 146);
-}
-.appscms-feature-image {
-  max-width: 75px;
-}
-.appscms-feature-title {
-  font-size: 17px;
-  margin-top: 15px;
-  font-weight: 600;
-  margin-bottom: 0.5rem;
-}
-
-.appscms-feature-description {
-  font-size: 14px;
-  line-height: 22px;
-  margin-bottom: 0;
-}
-
-/* how to section */
-.appscms-how-to-section {
-  border-radius: 10px;
-  background-color: #f4f5ff;
-  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
-}
-.appscms-howto-heading {
-  /* margin-top: 40px; */
-  font-size: 25px;
-  font-weight: 500;
-}
-.how-to-video-wrapper {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  height: 100%;
-}
-
-.appscms-howto-steps {
-  font-size: 1rem;
-  font-weight: normal;
-  line-height: 200%;
-}
-
-/* faq section */
-.faq-section {
-  text-align: left;
-}
-
-.faq-item {
-  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: 25px;
-  font-weight: 500;
-
-  margin-bottom: 10px;
-}
-
-.faq-answer {
-  font-size: 16px;
-  font-weight: normal;
-  margin-bottom: 20px;
-}
-
-.faq-answer-list {
-  font-size: 17px;
-  font-weight: normal;
-  margin-left: 20px;
-}
-
-/* recent posts */
-.appscms-recentposts {
-  font-size: 30px;
-}
-
-/* rating section */
-.ratings {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  background-color: rgb(252, 252, 252);
-  border-radius: 50px;
-  height: 70px;
-  /* color: #000000; */
-}
-
-.appsms-user-rating-count {
-  font-size: 25px;
-  font-weight: 600;
-}
-.appsms-user-total-count {
-  position: relative;
-  right: 20px;
-  top: 2px;
-}
-
-@media (max-width: 768px) {
-  .upload-btn {
-    width: 268px;
-    padding: 15px;
-    border-radius: 50px;
-    font-size: 20px;
-    height: auto;
-  }
-  .upload-from-drives img {
-    height: 40px;
-    width: 40px;
-  }
-  .drag-msg {
-    display: none;
-  }
-  .appscms-upload-section {
-    height: 100px;
-    margin-top: 20px;
-    background-color: transparent;
-    box-shadow: none;
-    border: none;
-  }
-  .appscms-upload-icon,
-  .or-in-upload {
-    display: none;
-  }
-  .rating-tool {
-    flex-direction: column;
-    display: flex;
-    gap: 15px;
-    height: auto;
-    padding: 15px 0px;
-  }
-  .heading {
-    padding-top: 70px;
-    text-align: center;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-  }
-  .heading h1 {
-    font-weight: 600;
-    font-size: 30px;
-  }
-  .heading h2 {
-    width: 80vw;
-    font-size: 14px;
-    text-align: center;
-  }
-
-  .appscms-how-to-section {
-    border-radius: 0px;
-    background-color: transparent;
-    box-shadow: none;
-  }
-  .appscms-howto-heading {
-    text-align: center;
-    margin-top: 40px;
-    font-size: 23px;
-    font-weight: 500;
-  }
-
-  .appscms-howto-steps {
-    font-size: 12px;
-    font-weight: normal;
-    line-height: 200%;
-  }
-  /* recent posts */
-  .appscms-recentposts {
-    font-size: 25px;
-  }
-
-  /* faq section */
-  .faq-question {
-    font-size: 22px;
-    margin-bottom: 18px;
-  }
-
-  .faq-answer {
-    font-size: 18px;
-    margin-bottom: 2px;
-  }
-
-  .faq-answer-list {
-    font-size: 11px;
-  }
-}
-
-.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;
-}
-
-#left-section {
-  display: flex;
-  flex-direction: column;
-  align-items: baseline;
-  justify-content: center;
-}
-
-.right-section img {
-  width: 90%;
-}
-
-#left-section h1,
-#left-section h2 {
-  text-align: left;
-  width: 100%;
-}
-
-.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;
-}
-.inforgraphics_section {
-  width: 100%;
-  padding: 50px 0px 50px 0px;
-  border-top: 1px solid rgb(224, 224, 224);
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-}
-
-.inforgraphics_section .wrapper {
-  display: flex;
-  max-width: 90%;
-  position: relative;
-}
-
-.inforgraphics_section .wrapper i {
-  top: 50%;
-  height: 44px;
-  width: 44px;
-  color: #343f4f;
-  cursor: pointer;
-  font-size: 1.15rem;
-  position: absolute;
-  text-align: center;
-  line-height: 44px;
-  background: #eee;
-  border-radius: 50%;
-  transform: translateY(-50%);
-  transition: transform 0.1s linear;
-}
-
-.inforgraphics_section .wrapper i:active {
-  transform: translateY(-50%) scale(0.9);
-}
-
-.inforgraphics_section .wrapper i:hover {
-  background: #f2f2f2;
-}
-
-.inforgraphics_section .wrapper i:first-child {
-  left: 0px;
-  display: none;
-  z-index: 999;
-}
-
-.inforgraphics_section .wrapper i:last-child {
-  right: 0px;
-}
-
-.carousel {
-  display: flex;
-  max-width: 100%;
-  overflow-x: scroll;
-  scroll-snap-type: x mandatory;
-  scroll-behavior: smooth;
-}
-
-.carousel-inner {
-  display: flex;
-  flex-wrap: nowrap;
-  justify-content: center;
-}
-@media screen and (max-width: 768px) {
-  .carousel-inner {
-    justify-content: normal;
-  }
-}
-.slide {
-  flex: 0 0 calc(100% / 3);
-  scroll-snap-align: start;
-  padding: 20px;
-}
-
-.carousel img {
-  width: 100%;
-  object-fit: contain;
-  max-width: 100%;
-  height: auto;
-  border-radius: 8px;
-}
-
-.carousel-inner p {
-  text-align: center;
-  margin: 10px 0;
-  font-size: 14px;
-  white-space: normal;
-  word-wrap: break-word;
-}
-
-@media screen and (max-width: 768px) {
-  .inforgraphics_section .wrapper {
-    max-width: 100%;
-  }
-
-  .carousel-inner p {
-    font-size: 20px;
-  }
-
-  .inforgraphics_section .wrapper i:first-child {
-    left: 0;
-    z-index: 99;
-  }
-
-  .inforgraphics_section .wrapper i:last-child {
-    right: 0;
-    z-index: 99;
-    display: block !important;
-  }
-
-  .carousel {
-    overflow-x: hidden;
-  }
-
-  .slide {
-    flex: 0 0 100%;
-    margin-right: 0;
-  }
-}