appscms-tools-theme 4.6.0 → 4.6.2

data/_includes/appscms/customblog/pageRelatedPosts.html

@@ -21,16 +21,21 @@
                     {%- endif -%}
                     {% 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/{{ post.url }}" aria-label="{{post.title}}">
+                        <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
                                     -%}>
                         </a>
                         <div class="card-body">
-                            <a class="text-decoration-none text-dark" href="/blog/{{ post.url }}" 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">
@@ -40,12 +45,13 @@
                                 {% endif %}
 
                                 <div class="author-meta">
-                                    <a class="post-name" target="_blank" href="/blog/">{{authorName}}</a>
+                                    <a class="post-name" target="_blank" href="/authors/{{authorName |downcase |replace:' ','-'}}">{{ authorName }}</a>
                                     {% assign path_parts = post.path | split: '/' %}
-                                    {% assign date_parts = path_parts[1] | split: '-' %}
+                                    {% assign filename = path_parts[1] %}
+                                    {% assign date_parts = filename | split: '-' %}
                                     {% assign year = date_parts[0] %}
                                     {% assign month = date_parts[1] %}
-                                    {% assign day = date_parts[2] | split: '-' | first %}
+                                    {% assign day = date_parts[2] %}
                                     <div class="post-date">{{ day }}-{{ month }}-{{ year }}</div>
                                 </div>
 

data/assets/css/appscms-theme.css

@@ -1,4 +1,3 @@
-
 * {
   box-sizing: border-box;
   font-family: "Inter", sans-serif;
@@ -10,9 +9,13 @@ body {
   -webkit-font-smoothing: antialiased;
   font-family: var(--font-family);
   overflow-x: hidden;
-  background: radial-gradient(circle,rgba(168,237,223,.13) 0,rgba(166,143,248,.14) 50%);
+  background: radial-gradient(
+    circle,
+    rgba(168, 237, 223, 0.13) 0,
+    rgba(166, 143, 248, 0.14) 50%
+  );
 }
-.text-dark{
+.text-dark {
   color: #000 !important;
 }
 /* appscms navbar */
@@ -145,7 +148,6 @@ body {
   background-color: var(--white-color);
 }
 
-
 .list-item-dropdown-heading {
   font-weight: 600;
   font-size: 13px;
@@ -198,7 +200,7 @@ body {
 }
 
 @media (max-width: 768px) {
-  .list-item-dropdown .toolbar-link{
+  .list-item-dropdown .toolbar-link {
     color: #fff;
   }
   .close-nav-ham {
@@ -288,7 +290,6 @@ body {
     max-height: 200px;
   }
 
-
   .arrow-svg {
     display: block;
   }
@@ -494,7 +495,7 @@ body {
   background-color: rgba(255, 255, 255, 0.494);
 }
 
-.contenttool-img-wrap-blog{
+.contenttool-img-wrap-blog {
   padding: 14px;
 }
 .appscms-blog-cards {
@@ -503,22 +504,21 @@ body {
   border-radius: 10px !important;
   /* max-width: 340px; */
   /* min-width: 300px; */
-
 }
-.card-title{
+.card-title {
   font-size: 16px;
 }
 
-.card-img-top{
+.card-img-top {
   height: auto;
 }
-.card-footer{
+.card-footer {
   border: none !important;
   border-radius: 10px !important;
   background: white;
 }
 
-.post-read-more{
+.post-read-more {
   font-size: 13px;
   display: flex;
   align-items: center;
@@ -528,8 +528,6 @@ body {
   flex-direction: column;
 }
 
-
-
 /* recent post blog heading */
 
 /* author in blog */
@@ -629,7 +627,7 @@ body {
   margin-bottom: 0;
   text-decoration: none;
   display: flex;
-  
+
   align-items: center;
   padding: 9px 9px;
   color: #1e1e1e;
@@ -717,7 +715,7 @@ body {
     /* min-width: 300px; */
   }
 
-  .appscms-blog-cards  .extrapaddingforimg img {
+  .appscms-blog-cards .extrapaddingforimg img {
     height: auto;
     border-radius: 10px 10px 0px 0px;
   }
@@ -750,7 +748,7 @@ body {
     text-transform: capitalize;
     text-decoration: none;
   }
-  
+
   .post-date {
     color: #000;
     font-size: 14px;
@@ -973,7 +971,8 @@ body {
   margin: 40px 0;
 }
 
-.rating-tool #rating-img,#rating-img {
+.rating-tool #rating-img,
+#rating-img {
   height: 1px;
   width: 1px;
   filter: brightness(100);
@@ -990,7 +989,6 @@ body {
   padding: 6px;
 }
 
-
 .rating-tool .rating-stars {
   color: #9d9d9d !important;
   display: flex;
@@ -1305,11 +1303,10 @@ body {
   background: #f4f5ff;
   border-radius: 3px;
 }
-.post-read-more{
+.post-read-more {
   font-size: 13px;
 }
 
-
 .how-to-video .youtube-play-btn-wrapper {
   position: absolute;
   top: -4%;
@@ -1334,7 +1331,7 @@ body {
   font-size: 23px;
   font-weight: bold;
 }
-.appscms-loader{
+.appscms-loader {
   display: flex;
   width: 100%;
   align-items: center;
@@ -1450,12 +1447,10 @@ body {
   box-shadow: 0 3px 6px 0 rgb(0 0 0 / 14%);
 }
 
-
-
 #Inputbox:hover,
 #dropbox:hover,
 #filepicker:hover {
-  transition: all .5s linear;
+  transition: all 0.5s linear;
   background-color: #000;
 }
 
@@ -1497,7 +1492,7 @@ body {
 
 .feature-content-box {
   max-width: 900px;
-  margin: auto
+  margin: auto;
 }
 
 .boxes {
@@ -1533,7 +1528,6 @@ body {
   border-radius: 2px;
 }
 
-
 .ready {
   text-transform: uppercase;
   color: #fff;
@@ -1570,8 +1564,8 @@ body {
   border: 2px solid currentColor;
   border-right-color: transparent;
   border-radius: 50%;
-  -webkit-animation: .75s linear infinite spinner-border;
-  animation: .75s linear infinite spinner-border;
+  -webkit-animation: 0.75s linear infinite spinner-border;
+  animation: 0.75s linear infinite spinner-border;
   /* padding-right: 1rem; */
   position: relative;
   left: 20px;
@@ -1615,7 +1609,7 @@ body {
 }
 
 .add-more-files-button:hover {
-  color: #fff !important
+  color: #fff !important;
 }
 
 .add-more-files-button {
@@ -1632,7 +1626,6 @@ body {
   position: absolute;
   top: -28px;
   padding: 9px 20px;
-
 }
 
 .add-more-files-button img {
@@ -1730,7 +1723,6 @@ body {
   height: 54px;
 }
 
-
 .options-panel {
   box-shadow: 0 2px 4px rgb(0 0 0 / 20%);
   border-radius: 4px;
@@ -1793,7 +1785,7 @@ body {
   /* margin-bottom: 20px; */
   text-align: center;
   /* border-radsius: 50px; */
-  background: var(--primary-color) ;
+  background: var(--primary-color);
   font-size: 15px;
   color: #fff;
   font-weight: 700;
@@ -1844,14 +1836,12 @@ body {
   .download-icon {
     display: none;
   }
-
 }
 @media (max-width: 992px) {
   .appscms-sidebar-right,
   .appscms-sidebar-left {
     display: none;
   }
-  
 }
 .appscms-sidebar-right,
 .appscms-sidebar-left {
@@ -1878,7 +1868,6 @@ body {
   }
 }
 @media screen and (min-width: 1920px) {
-  
   .appscms-sidebar-left {
     left: 300px !important;
   }
@@ -1887,7 +1876,7 @@ body {
   }
 }
 
-.appscms-loader{
+.appscms-loader {
   display: none;
 }
 /* CSS for the table design */
@@ -1958,51 +1947,62 @@ body {
     -webkit-overflow-scrolling: touch;
     -ms-overflow-style: -ms-autohiding-scrollbar;
   }
-
- 
 }
 
-.scroll-left svg,.scroll-right svg{
+.scroll-left svg,
+.scroll-right svg {
   cursor: pointer;
   position: absolute;
   top: 8px;
 }
-.scroll-left svg{
+.scroll-left svg {
   left: -10px;
 }
-.scroll-right svg{
+.scroll-right svg {
   right: -10px;
 }
-<style>
 #download-button {
-position: relative;
+  position: relative;
 }
 
 .button-loader {
-position: absolute;
-top: 50%;
-left: 19%;
-transform: translate(-50%, -50%);
-border: 4px solid #ffffff;
-border-top: 4px solid var(--primary-color);
-border-radius: 50%;
-width: 24px;
-height: 24px;
-animation: spin 1s linear infinite;
-display: none;
+  position: absolute;
+  top: 50%;
+  left: 19%;
+  transform: translate(-50%, -50%);
+  border: 4px solid #ffffff;
+  border-top: 4px solid var(--primary-color);
+  border-radius: 50%;
+  width: 24px;
+  height: 24px;
+  animation: spin 1s linear infinite;
+  display: none;
 }
 
 @keyframes spin {
-0% { transform: translate(-50%, -50%) rotate(0deg); }
-100% { transform: translate(-50%, -50%) rotate(360deg); }
+  0% {
+    transform: translate(-50%, -50%) rotate(0deg);
+  }
+  100% {
+    transform: translate(-50%, -50%) rotate(360deg);
+  }
 }
 
 #download-button.loading .button-loader {
-display: block; /* Show the loader when button has loading class */
+  display: block; /* Show the loader when button has loading class */
 }
 #processing-btn {
   position: relative;
 }
 #processing-btn .button-loader {
   left: 9%;
-}
+}
+
+input[type="text"]:focus,
+input[type="number"]:focus,
+select:focus {
+  border-color: #1d16e884 !important;
+  outline: 0 !important;
+  box-shadow: 0 0 0 0.2rem #1d16e840 !important;
+  outline: none !important;
+}

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: appscms-tools-theme
 version: !ruby/object:Gem::Version
-  version: 4.6.0
+  version: 4.6.2
 platform: ruby
 authors:
 - vivek-appscms
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2024-05-21 00:00:00.000000000 Z
+date: 2024-05-29 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll