appscms-tools-theme 3.8.6 → 3.8.8

data/assets/css/appscms-feature.css

@@ -283,3 +283,117 @@
   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: 700px;
+  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: 700px;
+  overflow-x: scroll;
+  scroll-snap-type: x mandatory;
+  scroll-behavior: smooth;
+}
+
+.carousel-inner {
+  display: flex;
+  flex-wrap: nowrap;
+}
+
+.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;
+    /* margin-left: 14px; */
+    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;
+  }
+}

data/assets/css/appscms-theme.css

@@ -386,13 +386,22 @@ body {
   display: flex;
   align-items: center;
 }
+
 .appscms-tool .tool-top .tool-img {
-  padding: 24px;
-  padding-right: 13px;
+  padding: 0px;
+  margin-right: 21px;
+  background: white;
+  border-radius: 300px;
+  margin-left: 20px;
+  height: 60px;
+  width: 60px;
+  display: flex;
+  align-items: center;
 }
 .appscms-tool .tool-top .tool-img img {
-  height: 62px;
-  width: 62px;
+  filter: invert(1);
+  height: 37px;
+  width: 72px;
   border-radius: 50%;
 }
 .appscms-tool .tool-text {
@@ -676,6 +685,13 @@ body {
 
 /* Medium devices (desktops) */
 @media (max-width: 768px) {
+  .appscms-tool .tool-top .tool-img img {
+    filter: invert(0);
+  }
+  .appscms-tool .tool-top .tool-img {
+    justify-content: center;
+    background: unset;
+  }
   .appscms-tool {
     box-shadow: none;
     margin-bottom: 25px;
@@ -691,7 +707,6 @@ body {
   }
   .appscms-tool .tool-img {
     padding: 0px !important;
-    filter: invert(1);
   }
   .appscms-tool .tool-img img {
     height: 37px !important;
@@ -760,7 +775,7 @@ body {
 }
 .appscms-footer {
   background-color: var(--while-color);
-  padding: 10px;
+  padding: 44px 10px 10px 10px;
   border-top: 1px solid rgb(148, 148, 148);
 }
 
@@ -939,3 +954,203 @@ body {
 .audio-h2 {
   font-size: 22px;
 }
+.shareModal {
+  display: none;
+  position: fixed;
+  z-index: 100000000000;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  overflow: auto;
+  background-color: rgba(0, 0, 0, 0.5);
+}
+
+.shareModal .share-modal-content {
+  background-color: #fefefe;
+  margin: 15% auto;
+  padding: 20px;
+  /* border: 1px solid #888; */
+  width: 70%;
+  height: 200px;
+  text-align: center;
+}
+
+.shareModal .close-share-modal {
+  color: #aaa;
+  float: right;
+  display: none;
+  font-size: 28px;
+  font-weight: bold;
+}
+.shareModal h5 {
+  color: #000;
+  padding-top: 10px;
+  font-weight: 700;
+}
+.shareModal .close-share-modal:hover,
+.shareModal .close-share-modal:focus {
+  color: black;
+  text-decoration: none;
+  cursor: pointer;
+}
+
+.share-modal-social {
+  display: flex;
+  gap: 30px;
+  height: 100%;
+  padding-bottom: 60px;
+  align-items: center;
+  justify-content: center;
+}
+.share-modal-social a {
+  color: #000;
+}
+.share-modal-social a i {
+  font-size: 30px;
+}
+
+.authors-list {
+  border-top: 1px solid rgb(224, 224, 224);
+  margin-top: 100px;
+  padding: 100px;
+}
+.authors-list a {
+  color: var(--dark-gray);
+}
+.featurePageAuthor {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  justify-content: center;
+}
+
+.featurePageAuthor .author-meta {
+  width: 500px;
+  margin: 0 auto;
+  padding-bottom: 5rem;
+}
+
+.featurePageAuthor .author-meta .authorName {
+  font-size: 20px;
+  padding: 1rem 0px;
+  font-weight: 900;
+  text-align: center;
+}
+
+.featurePageAuthor .author-img {
+  width: 100px;
+  height: 100px;
+  border-radius: 100%;
+}
+
+.featurePageAuthor .author_bio {
+  font-size: 16px;
+}
+
+@media (max-width: 768px) {
+  .authors-list {
+    padding: 25px;
+  }
+
+  .featurePageAuthor .author-meta {
+    width: 100%;
+  }
+}
+.contributor {
+  width: 100px;
+}
+.contributor .contributor-name {
+  font-size: 13px;
+  margin-top: 8px;
+  text-transform: capitalize;
+}
+.infographics_section {
+  width: 100%;
+  padding: 50px 0px 50px 0px;
+  border-top: 1px solid rgb(224, 224, 224);
+}
+
+.infographics_section .infographics-desc {
+  position: absolute;
+  color: #000;
+  bottom: 0;
+}
+
+.infographics_section .slider {
+  position: relative;
+  max-width: 40rem;
+  height: 26.625rem;
+  margin: 0 auto;
+  overflow: hidden;
+}
+
+.infographics_section .slide {
+  position: absolute;
+  top: 0;
+  width: 100%;
+  height: 26.625rem;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  transition: transform 1s;
+}
+
+.infographics_section .slide img {
+  width: 200px;
+  height: 100%;
+  /* object-fit: contain; */
+}
+
+.infographics_section button {
+  background: none;
+  border: none;
+}
+
+.infographics_section button .fas {
+  color: #000;
+}
+
+.infographics_section .btn-slide {
+  position: absolute;
+  top: 50%;
+  z-index: 10;
+
+  height: 5.5rem;
+  width: 5.5rem;
+  cursor: pointer;
+}
+
+.infographics_section .prev {
+  left: 3rem;
+  transform: translate(-50%, -50%);
+}
+
+.infographics_section .next {
+  right: 3rem;
+  transform: translate(50%, -50%);
+}
+
+.infographics_section .dots-container {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  position: relative;
+}
+
+.infographics_section .dot {
+  width: 25px;
+  height: 5px;
+  margin: 15px 5px;
+  border-radius: 0.5rem;
+  background: rgba(39, 39, 39, 0.5);
+  cursor: pointer;
+}
+
+.infographics_section .dot.active {
+  background: #272727;
+}
+.slide img:hover {
+  transform: scale(1.4);
+  transition: cubic-bezier(0.165, 0.84, 0.44, 1);
+}

data/assets/images/digipaint.svg

@@ -0,0 +1,7 @@
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<!-- Uploaded to: SVG Repo, www.svgrepo.com, Transformed by: SVG Repo Mixer Tools -->
+<svg width="64px" height="64px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" stroke="#ffffff">
+<g id="SVGRepo_bgCarrier" stroke-width="0"/>
+<g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"/>
+<g id="SVGRepo_iconCarrier"> <path d="M10 6H14.8C15.9201 6 16.4802 6 16.908 6.21799C17.2843 6.40973 17.5903 6.71569 17.782 7.09202C18 7.51984 18 8.07989 18 9.2V14M2 6H6M18 18V22M22 18L9.2 18C8.07989 18 7.51984 18 7.09202 17.782C6.71569 17.5903 6.40973 17.2843 6.21799 16.908C6 16.4802 6 15.9201 6 14.8V2" stroke="#ffffff" stroke-width="1.9200000000000004" stroke-linecap="round" stroke-linejoin="round"/> </g>
+</svg>

data/assets/js/appscms-search.js

@@ -6,63 +6,63 @@ const features= [
     "name": "Appscms feature",
     "description": "Appscms feature layout with new design",
     "color": "#1A2EE7",
-    "icon": "/assets/images/digipaint.jpg",
+    "icon": "/assets/images/digipaint.svg",
     "url": "/appscms-feature"
   },
   {
     "name": "Appscms feature",
     "description": "Appscms feature layout with new design",
     "color": "#1A2EE7",
-    "icon": "/assets/images/digipaint.jpg",
+    "icon": "/assets/images/digipaint.svg",
     "url": "/appscms-feature"
   },
   {
     "name": "Appscms feature",
     "description": "Appscms feature layout with new design",
     "color": "#1A2EE7",
-    "icon": "/assets/images/digipaint.jpg",
+    "icon": "/assets/images/digipaint.svg",
     "url": "/appscms-feature"
   },
   {
     "name": "Appscms feature",
     "description": "Appscms feature layout with new design",
     "color": "#1A2EE7",
-    "icon": "/assets/images/digipaint.jpg",
+    "icon": "/assets/images/digipaint.svg",
     "url": "/appscms-feature"
   },
   {
     "name": "Appscms home",
     "description": "Appscms feature layout with new design",
     "color": "#1A2EE7",
-    "icon": "/assets/images/digipaint.jpg",
+    "icon": "/assets/images/digipaint.svg",
     "url": "/appscms-feature"
   },
   {
     "name": "Appscms home",
     "description": "Appscms feature layout with new design",
     "color": "#1A2EE7",
-    "icon": "/assets/images/digipaint.jpg",
+    "icon": "/assets/images/digipaint.svg",
     "url": "/appscms-feature"
   },
   {
     "name": "Appscms home",
     "description": "Appscms feature layout with new design",
     "color": "#1A2EE7",
-    "icon": "/assets/images/digipaint.jpg",
+    "icon": "/assets/images/digipaint.svg",
     "url": "/appscms-feature"
   },
   {
     "name": "Appscms home",
     "description": "Appscms feature layout with new design",
     "color": "#1A2EE7",
-    "icon": "/assets/images/digipaint.jpg",
+    "icon": "/assets/images/digipaint.svg",
     "url": "/appscms-feature"
   },
   {
     "name": "Appscms home",
     "description": "Appscms feature layout with new design",
     "color": "#1A2EE7",
-    "icon": "/assets/images/digipaint.jpg",
+    "icon": "/assets/images/digipaint.svg",
     "url": "/appscms-feature"
   }
 ]

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: appscms-tools-theme
 version: !ruby/object:Gem::Version
-  version: 3.8.6
+  version: 3.8.8
 platform: ruby
 authors:
 - vivek-appscms
@@ -110,10 +110,15 @@ files:
 - _includes/adsense/adsense.html
 - _includes/alternates/alternates.html
 - _includes/appscms/category-tabs/category-tabs.html
+- _includes/appscms/customblog/pageRelatedPosts.html
+- _includes/appscms/customblog/recentposts.html
+- _includes/appscms/customblog/relatedBlogs.html
+- _includes/appscms/customblog/relatedposts.html
 - _includes/appscms/extras/ratings.html
 - _includes/appscms/extras/recent-posts.html
 - _includes/appscms/extras/traffic-count.html
 - _includes/appscms/faq/faq.html
+- _includes/appscms/featurePageAuthors/featurePageAuthors.html
 - _includes/appscms/featurehighlight/featurehighlight.html
 - _includes/appscms/footer/footer.html
 - _includes/appscms/footer/products.html
@@ -122,9 +127,11 @@ files:
 - _includes/appscms/headings/headings.html
 - _includes/appscms/home/feature-boxes.html
 - _includes/appscms/howto/howto.html
+- _includes/appscms/infographics/infographics.html
 - _includes/appscms/navbars/navbar.html
 - _includes/appscms/navbars/toolbar.html
-- _includes/appscms/recent-posts/recent-posts.html
+- _includes/appscms/recent-posts/recent_posts.html
+- _includes/appscms/recent-posts/related_categories_post.html
 - _includes/appscms/scripts/script.html
 - _includes/appscms/searchbar/searchbar.html
 - _includes/appscms/uploadbutton/uploadbutton.html
@@ -180,6 +187,7 @@ files:
 - _layouts/appscms-contact.html
 - _layouts/appscms-disclaimer.html
 - _layouts/appscms-download.html
+- _layouts/appscms-feature-result.html
 - _layouts/appscms-feature.html
 - _layouts/appscms-help.html
 - _layouts/appscms-home.html
@@ -396,7 +404,7 @@ files:
 - assets/images/cross.svg
 - assets/images/debosmita.jpeg
 - assets/images/digiball.jpg
-- assets/images/digipaint.jpg
+- assets/images/digipaint.svg
 - assets/images/document.png
 - assets/images/download.png
 - assets/images/dropbox.png