appscms-tools-theme 4.1.1 → 4.1.3

data/_includes/appscms/howto/howto.html

@@ -7,29 +7,26 @@
         <div class="col-md-6 appscms-howto-image">
           {%- if pageData.HOW_TO_CONTENT.YoutubeVideoUrl.size > 0 -%}
           <div class="how-to-video-wrapper">
-            {% assign video_url = pageData.HOW_TO_CONTENT.YoutubeVideoUrl %} {%
-            assign params = video_url | split: "?" | last | split: "&" %} {% for
-            param in params %} {% if param contains "v=" %} {% assign video_id =
-            param | split: "=" | last %} {% endif %} {% endfor %} {%- if
-            site.monumetricId -%}
-            <iframe
-              class="youtubeVideoPlayer"
-              width="100%"
-              height="60%"
-              src="https://www.youtube.com/embed/{{video_id}}?autoplay=1&mute=1"
-              allowfullscreen
-            >
-            </iframe>
-            {%- else -%}
-            <iframe
-              class="youtubeVideoPlayer"
-              width="100%"
-              height="100%"
-              src="https://www.youtube.com/embed/{{video_id}}?autoplay=1&mute=1"
-              allowfullscreen
-            >
-            </iframe>
-            {%- endif -%}
+            {% assign video_url = pageData.HOW_TO_CONTENT.YoutubeVideoUrl %}
+                            {% assign video_id = "" %}
+                            {% if video_url contains "youtu.be/" %}
+                            {% assign parts = video_url | split: "/" %}
+                            {% assign video_id = parts[3] %}
+                            {% elsif video_url contains "youtube.com/watch" %}
+                            {% assign params = video_url | split: "?" | last | split: "&" %}
+                            {% for param in params %}
+                            {% if param contains "v=" %}
+                            {% assign video_id = param | split: "=" | last %}
+                            {% endif %}
+                            {% endfor %}
+                            {% endif %}
+                          
+                            <div class="how-to-video h-100 w-100"  data-videoid="{{video_id}}">
+                                <img class="youtubeVideoPlayer" width="100%" height="100%"  id="thumbnail-img" alt="thumbnail-img" />
+                                <div class="youtube-play-btn-wrapper">
+                                    <button class="play-btn btn btn-primary" onClick="loadVideo()">►</button>
+                                </div>
+                            </div>
           </div>
           {%- else -%}
           <div class="how-to-img-wrapper">
@@ -70,3 +67,32 @@
     {%- endif -%}
   </div>
 </div>
+
+<script>
+    let videoContainer = document.querySelector('.how-to-video');
+    let thumbnail = document.getElementById('thumbnail-img');
+    let videoId =videoContainer.getAttribute("data-videoid")
+    let thumbnailUrl = 'https://img.youtube.com/vi/' + videoId + '/maxresdefault.jpg';
+    console.log(videoId)
+
+    // Function to load video
+    function loadVideo() {
+        videoContainer.innerHTML = '<iframe loading="lazy" class="youtubeVideoPlayer" width="100%" height="100%" src="https://www.youtube.com/embed/' + videoId + '?autoplay=1&mute=1" allowfullscreen></iframe>';
+    }
+    // Function to handle lazy loading of the thumbnail
+    function lazyLoadThumbnail(entries, observer) {
+        entries.forEach(entry => {
+            if (entry.isIntersecting) {
+                // Load thumbnail when it becomes visible
+                thumbnail.src = thumbnailUrl;
+                // Stop observing once loaded
+                observer.unobserve(entry.target);
+            }
+        });
+    }
+    // Set up the Intersection Observer
+    var observer = new IntersectionObserver(lazyLoadThumbnail, { threshold: 0.1 });
+    observer.observe(thumbnail);
+    // Optionally, you can add an event listener to trigger video loading on click or other interactions
+    thumbnail.addEventListener('click', loadVideo);
+</script>

data/_includes/appscms/navbars/navbar.html

@@ -8,7 +8,7 @@
       <div class="col-11 mx-auto">
       <div class="appscms-navbar-nav">
         {%- if siteData.navbarBrandLogoSvg -%}
-        <a href="/"> {{siteData.navbarBrandLogoSvg}} </a>
+        <a href="/" aria-label="home-page"> {{siteData.navbarBrandLogoSvg}} </a>
         {%- elsif siteData.navbarBrandText -%}
         <span> {{siteData.navbarBrandText}}
         {%- else -%}

data/_includes/appscms/navbars/toolbar.html

@@ -43,32 +43,7 @@
             class="appscms-toolbar-list-item-span d-flex justify-content-between"
           >
             {{item.categoryName}}
-            <svg
-              class="arrow-svg"
-              fill="#fff"
-              width="12px"
-              hegiht="12px"
-              version="1.1"
-              id="Capa_1"
-              xmlns="http://www.w3.org/2000/svg"
-              xmlns:xlink="http://www.w3.org/1999/xlink"
-              viewBox="0 0 30.727 30.727"
-              xml:space="preserve"
-            >
-              <g id="SVGRepo_bgCarrier" stroke-width="0"></g>
-              <g
-                id="SVGRepo_tracerCarrier"
-                stroke-linecap="round"
-                stroke-linejoin="round"
-              ></g>
-              <g id="SVGRepo_iconCarrier">
-                <g>
-                  <path
-                    d="M29.994,10.183L15.363,24.812L0.733,10.184c-0.977-0.978-0.977-2.561,0-3.536c0.977-0.977,2.559-0.976,3.536,0 l11.095,11.093L26.461,6.647c0.977-0.976,2.559-0.976,3.535,0C30.971,7.624,30.971,9.206,29.994,10.183z"
-                  ></path>
-                </g>
-              </g>
-            </svg>
+         
           </span>
 
           <ul class="list-item-dropdown">

data/_includes/appscms/recent-posts/recent_posts.html

@@ -66,10 +66,10 @@
                             ezoid="0.04631063861662277"
                         /></span>
                         <div class="author-meta">
-                          <span class="post-name"
-                            ><a target="_blank" href="/blog"
+                         
+                            <a target="_blank" href="/blog"
                               >{{authorName}}</a
-                            ></span
+                            >
                           ><br />
                           <p class="post-date mb-0">
                             {{post.date | date_to_string }}

data/_includes/appscms/recent-posts/related_categories_post.html

@@ -6,7 +6,7 @@
             <div class="row">
                 <div class="col-md-9 mx-auto">
                     {%- endif -%}
-                    <h2 class="pt-5 pb-0 related_post_heading mb-3">You might also like</h2>
+                    <p class="pt-5 pb-0 related_post_heading mb-3">You might also like</p>
                     {%- if site.monumetricId and page.url != '/' and page.lang == "en" -%}
 
                 </div>
@@ -79,7 +79,7 @@
                                     <h4 class="card-title mb-4 text-left">{{ post.title }}</h4>
                                 </a>
                             </div>
-                            <div class="card-footer bg-white">
+                         
                                 <div class="wrapfooter">
                                     {% if post.author %}
                                     <span class="meta-footer-thumb">
@@ -90,16 +90,13 @@
                                     {% endif %}
 
                                     <span class="author-meta">
-                                        <span class="post-name">
+                                        
                                             <a target="_blank" href="/blog">{{authorName}}</a>
-                                        </span><br>
+                                        <br>
                                         <span class="post-date">{{post.date | date_to_string }}</span>
                                     </span>
-                                    <span class="post-read-more"><a class="text-dark" href="{{ post.url }}"
-                                            title="Read Story">Read
-                                            More</a></span>
+                                    
                                 </div>
-                            </div>
                         </div>
                     </div>
                     {% assign maxRelatedCounter = maxRelatedCounter | plus: 1 %}
@@ -160,8 +157,6 @@
                             <a class="text-decoration-none text-dark" href="{{ post.url }}" class="anchor_link">
                                 <h4 class="card-title mb-4 text-left">{{ post.title }}</h4>
                             </a>
-                        </div>
-                        <div class="card-footer bg-white">
                             <div class="wrapfooter">
                                 {% if post.author %}
                                 <span class="meta-footer-thumb">
@@ -175,11 +170,12 @@
                                     </span><br>
                                     <span class="post-date">{{post.date | date_to_string }}</span>
                                 </span>
-                                <span class="post-read-more"><a class="text-dark" href="{{ post.url }}"
-                                        title="Read Story">Read
-                                        More</a></span>
+                               
                             </div>
                         </div>
+                      
+                            
+                    
                     </div>
                 </div>
                 {%- endif -%}

data/_includes/appscms/scripts/script.html

@@ -117,7 +117,10 @@ replace: "$fileName", page.fileName | replace: "$lang", page.lang | replace:
   crossorigin="anonymous"
   referrerpolicy="no-referrer"
 />
-{%- endif -%} {%- if page.layout == "appscms-feature" -%}
+{%- endif -%} 
+{%- include google-analytics.html
+  -%} 
+<!-- {%- if page.layout == "appscms-feature" -%}
 <script>
   const toaster = document.querySelector(".toaster");
   if (
@@ -135,4 +138,4 @@ replace: "$fileName", page.fileName | replace: "$lang", page.lang | replace:
     toaster.style.display = "none";
   }, 10000);
 </script>
-{%- endif -%}
+{%- endif -%} -->

data/_includes/appscms/searchbar/searchbar.html

@@ -11,7 +11,7 @@
             placeholder="Search the tool you are looking for"
             style="width: 50%"
           />
-          <button type="submit" class="btn btn-link btn-search">
+          <div class="btn btn-link btn-search">
             <svg
               height="22px"
               width="22px"
@@ -28,7 +28,8 @@
                 fill="#000000"
               />
             </svg>
-          </button>
+            
+          </div>
         </div>
       </form>
     </div>

data/_includes/appscms/uploadbutton/uploadbutton.html

@@ -4,7 +4,7 @@
 <div class="container appscms-upload-section-container">
   <div class="row">
     <div
-      class="col-xxl-4 col-lg-6 col-md-8 col-sm-10 offset-md-1 offset-sm-0 py-md-5 pt-md-3 pt-md pt-sm-3 mx-auto"
+      class="col-xxl-4 col-lg-6 col-md-8 col-sm-10 offset-md-1 offset-sm-0 mx-auto"
     >
       <div class="appscms-upload-section">
         <div class="appscms-upload-icon">
@@ -31,14 +31,14 @@
             id="google-drive"
             height="32px"
             width="34px"
-            src="/assets/gdrive.png"
+            src="/assets/images/drive.svg"
             alt="googledrive"
           />
           <img
             id="dropbox"
-            height="32px"
-            width="34px"
-            src="/assets/dropbox.png"
+            height="35px"
+            width="35px"
+            src="/assets/images/dropbox.svg"
             alt="dropbox"
           />
         </div>

data/_includes/authors/authors.html

@@ -1,117 +1,41 @@
-{% assign ankita = "Ankita&&/assets/images/Ankita.webp&&Ankita has majored in
-Applied Communication studies, with over 4 years of experience content writing.
-She is an expert at word games and freqently shares her thoughts on word games,
-and many other topics.&&https://twitter.com/roy93anki" | split: '&&' %} {%
-assign keshav = "Keshav Agarwal&&/assets/images/keshav.webp&&Keshav Agarwal is
-an aspiring Android developer with keen interest in computers, technology and
-development. He also has a knack of writing and loves to share his knowledge
-with the help of his posts.&&https://mobile.twitter.com/KeshavA76099697" |
-split: '&&' %} {% assign anushka = "Anushka
-Guha&&/assets/images/Anushka.webp&&Anushka is an aspiring Instrumentation
-engineer who thrives on good music, books and travelling. She has been creating
-content on all of this and often shares her thoughts on the technicalities
-behind various file formats and their processing.
-&&https://twitter.com/its_anushka_" | split: '&&' %} {% assign paavan = "Thandra
-Paavan Kumar&&/assets/images/paavan.webp&&Paavan Kumar is an enthusiastic
-nanotech engineer who has a keen intererst in micro and nano science with a good
-sense of content creation on diverse topics and often shares his thoughts and
-helps those he can. He have a knack of writing essays,stories and
-poems.&&https://twitter.com/PaavanThandra" | split: '&&' %} {% assign thandra =
-"Thandra Paavan Kumar&&/assets/images/paavan.webp&&Paavan Kumar is an
-enthusiastic nanotech engineer who has a keen intererst in micro and nano
-science with a good sense of content creation on diverse topics and often shares
-his thoughts and helps those he can. He have a knack of writing essays,stories
-and poems.&&https://twitter.com/PaavanThandra" | split: '&&' %} {% assign
-arjyahi = "Arjyahi Bhattacharya&&/assets/images/Arjyahi.webp&&Arjyahi is a Data
-Science and Machine Learning enthusiast who loves music, books, photography, and
-philosophy. She also loves nature and animals. She enjoys reading and sharing
-information on various topics involving her knacks&&https://twitter.com/arjyahi"
-| split: '&&' %} {% assign nikita = "Nikita
-Gupta&&/assets/images/Nikita.webp&&Nikita is an aspiring MBA graduate, who loves
-creating content. She loves reading and watching anime. She is into other
-languages and currently learning Spanish, French and Japanese. Her favourite
-timepass is solving sudokus. &&N/A" | split: '&&' %} {% assign alka = "Alka
-Bisht&&/assets/images/Alka.webp&&Alka Bisht is an experienced content writer
-with a penchnat for writing compellinmg content within technical and non-
-technical areas. As a content writer her goals include providing the best
-content throughout her writing journey.&&N/A" | split: '&&' %} {% assign
-siddhika = "Siddhika Prajapati&&/assets/images/siddhika.jpeg&&Siddhika Prajapati
-is an English Honors graduate and postgraduate in journalism. A freelance writer
-and a nutritionist, she is a fashion, fitness, art, tech, culture and travel
-writer, who loves to explore and experiment through words with an add-on of
-personal touch. Her enthusiasm for fashion, lifestyle, tech and fitness is what
-prompts her to write regularly.&&N/A" | split: '&&' %} {% assign krutika =
-"Krutika&&/assets/images/krutika.jpeg&&I am from an IT background along with
-being a techno geek, a writer is hidden in me. You can found me with my laptop
-either coding or writing journals.&&N/A" | split: '&&' %} {% assign shubhangi =
-"Shubhangi Singh&&/assets/images/sona.jpeg&&I am pursuing a degree in computer
-science and love reading. I am also a BTS Army and enjoy anime and K-dramas. My
-favourite pastime is reading on Wattpad.&&N/A" | split: '&&' %} {% assign balark
-= "Balark Singhal&&/assets/images/balark.jpeg&&I am a poet and a writer, a few
-of them also got published in some anthologies like Brave Heart of the
-motherland, and Scarlet Wings.I love to write Shayari and poetries and also in
-my free time I like to do skating, swimming and read books.&&N/A" | split: '&&'
-%} {% assign udit = "Udit Agarwal&&/assets/images/udit.jpg&&Udit Agarwal is a
-Digital Marketer and a Content Marketing Specialist, He enjoys technical as well
-as non-technical writing. His passion and urge for gaining new insights has led
-him here. He quenches his thirst for technology through his action oriented
-writing skills and a profound ability to stay up to date with latest industry
-trends.&&N/A" | split: '&&' %} {% assign pallavi = "Pallavi
-Thakur&&/assets/images/pallavi.jpeg&&My name is Pallavi Thakur and I am an
-engineer and now pursuing my master's. I am very passionate about writing
-because it shapes my personality and connects me with world.&&N/A" | split: '&&'
-%} {% assign karuna = "Karuna Shree&&/assets/images/karuna.jpeg&&RK Shree - A
-science enthusiast with a poetic flair, and possesses an insatiable desire to
-explore diverse fields seeking new knowledge and experiences. My work ethic is
-highly disciplined and dedicated. I take pleasure in pursuing creative endeavors
-that captivate me.
-&&https://twitter.com/rkshree2118?t=wuhNmjgq18UleNBfLyumag&s=09" | split: '&&'
-%} {% assign karuna = "Karuna Shree&&/assets/images/karuna.jpeg&&RK Shree - A
-science enthusiast with a poetic flair, and possesses an insatiable desire to
-explore diverse fields seeking new knowledge and experiences. My work ethic is
-highly disciplined and dedicated. I take pleasure in pursuing creative endeavors
-that captivate me.
-&&https://twitter.com/rkshree2118?t=wuhNmjgq18UleNBfLyumag&s=09" | split: '&&'
-%} {% assign rk = "Karuna Shree&&/assets/images/karuna.jpeg&&RK Shree - A
-science enthusiast with a poetic flair, and possesses an insatiable desire to
-explore diverse fields seeking new knowledge and experiences. My work ethic is
-highly disciplined and dedicated. I take pleasure in pursuing creative endeavors
-that captivate me.
-&&https://twitter.com/rkshree2118?t=wuhNmjgq18UleNBfLyumag&s=09" | split: '&&'
-%} {% assign karuna = "Karuna Shree&&/assets/images/karuna.jpeg&&RK Shree - A
-science enthusiast with a poetic flair, and possesses an insatiable desire to
-explore diverse fields seeking new knowledge and experiences. My work ethic is
-highly disciplined and dedicated. I take pleasure in pursuing creative endeavors
-that captivate me.
-&&https://twitter.com/rkshree2118?t=wuhNmjgq18UleNBfLyumag&s=09" | split: '&&'
-%} {% assign debosmita = "Debosmita Bedajna&&/assets/images/debosmita.jpeg&&I'm
-Debosmita Bedajna. I have a keen interest in the arts. Dancing, painting, and
-playing string instruments are just a few of the ways I enjoy expressing myself
-creatively. I believe that engaging in art is an essential part of personal
-growth and development. &&N/A" | split: '&&' %} {% assign suchita =
-"Suchita&&/assets/images/suchita.jpeg&&Hi, I'm Suchita Kasab. Along with
-writing, I also enjoy painting. I think I can express myself better through
-these art forms. &&N/A" | split: '&&' %} {% assign aditya = "Aditya
-Thakur&&/assets/images/avatar.jpeg&&Hey there! I'm Aditya Thakur, a dedicated
-technology enthusiast with a strong passion for music and anime. I tackle
-challenges head-on and consistently strive for excellence. In my past time, you
-can find me indulging in my favorite tunes or exploring captivating anime
-worlds. &&N/A" | split: '&&' %} {% assign taufik = "Taufik
-Ali&&/assets/images/taufik.jpeg&&Taufik has an analytical mindset and great
-attention to detail. He excels in analyzing website performance, conducting
-keyword research, optimizing on-page content, and developing effective
-link-building strategies. &&N/A" | split: '&&' %} {% assign bandana = "Kumari
-Bandana&&/assets/images/bandana.jpeg&&Bandana is an experienced SEO
-professional. In addition to her technical expertise, Bandana possesses
-excellent communication skills, allowing her to effectively collaborate with
-cross-functional teams and provide actionable recommendations to improve website
-performance &&N/A" | split: '&&' %} {% assign mahika = "Mahika
-Agrawal&&/assets/images/mahika.jpeg&&I'm Mahika Agrawal, an experienced content
-writer with a passion for words and skills in creating high-quality content that
-drives results. &&N/A" | split: '&&' %} {%- assign postAuthor = post.author |
-split: " " -%} {%- assign author = postAuthor.first | downcase -%} {%- assign
-collection = [author] -%} {%- for item in collection -%} {%- if forloop.index==1
--%} {%- assign authorName = item -%} {%- endif -%} {%- if forloop.index==2 -%}
-{%- assign image = item -%} {%- endif -%} {%- if forloop.index==3 -%} {%- assign
-bio = item -%} {%- endif -%} {%- if forloop.index==4 -%} {%- assign twitter =
-item -%} {%- endif -%} {%- endfor -%}
+{% assign ankita = "Ankita&&/assets/images/Ankita.webp&&Ankita has majored in Applied Communication studies, with over 4 years of experience content writing. She is an expert at word games and freqently shares her thoughts on word games, and many other topics.&&https://twitter.com/roy93anki" | split: '&&' %}
+{% assign keshav = "Keshav Agarwal&&/assets/images/keshav.webp&&Keshav Agarwal is an aspiring Android developer with keen interest in computers, technology and development. He also has a knack of writing and loves to share his knowledge with the help of his posts.&&https://mobile.twitter.com/KeshavA76099697" | split: '&&' %}
+{% assign anushka = "Anushka Guha&&/assets/images/Anushka.webp&&Anushka is an aspiring Instrumentation engineer who thrives on good music, books and travelling. She has been creating content on all of this and often shares her thoughts on the technicalities behind various file formats and their processing. &&https://twitter.com/its_anushka_" | split: '&&' %}
+{% assign paavan = "Thandra Paavan Kumar&&/assets/images/paavan.webp&&Paavan Kumar is an enthusiastic nanotech engineer who has a keen intererst in micro and nano science with a good sense of content creation on diverse topics and often shares his thoughts and helps those he can. He have a knack of writing essays, stories and poems.&&https://twitter.com/PaavanThandra" | split: '&&' %}
+{% assign thandra = "Thandra Paavan Kumar&&/assets/images/paavan.webp&&Paavan Kumar is an enthusiastic nanotech engineer who has a keen intererst in micro and nano science with a good sense of content creation on diverse topics and often shares his thoughts and helps those he can. He have a knack of writing essays,stories and poems.&&https://twitter.com/PaavanThandra" | split: '&&' %}
+{% assign arjyahi = "Arjyahi Bhattacharya&&/assets/images/Arjyahi.webp&&Arjyahi is a Data Science and Machine Learning enthusiast who loves music, books, photography, and philosophy. She also loves nature and animals. She enjoys reading and sharing information on various topics involving her knacks&&https://twitter.com/arjyahi" | split: '&&' %}
+{% assign nikita = "Nikita Gupta&&/assets/images/Nikita.webp&&Nikita is an aspiring MBA graduate, who loves creating content. She loves reading and watching anime. She is into other languages and currently learning Spanish, French and Japanese. Her favourite timepass is solving sudokus. &&N/A" | split: '&&' %}
+{% assign alka = "Alka Bisht&&/assets/images/Alka.webp&&Alka Bisht is an experienced content writer with a penchnat for writing compellinmg content within technical and non-technical areas. As a content writer her goals include providing the best content throughout her writing journey.&&N/A" | split: '&&' %}
+{% assign siddhika = "Siddhika Prajapati&&/assets/images/siddhika.webp&&Siddhika Prajapati is an English Honors graduate and postgraduate in journalism. A freelance writer and a nutritionist, she is a fashion, fitness, art, tech, culture and travel writer, who loves to explore and experiment through words with an add-on of personal touch. Her enthusiasm for fashion, lifestyle, tech and fitness is what prompts her to write regularly.&&N/A" | split: '&&' %}
+{% assign krutika = "Krutika&&/assets/images/krutika.webp&&I am from an IT background along with being a techno geek, a writer is hidden in me. You can found me with my laptop either coding or writing journals.&&N/A" | split: '&&' %}
+{% assign shubhangi = "Shubhangi Singh&&/assets/images/sona.webp&&I am pursuing a degree in computer science and love reading. I am also a BTS Army and enjoy anime and K-dramas. My favourite pastime is reading on Wattpad.&&N/A" | split: '&&' %}
+{% assign balark = "Balark Singhal&&/assets/images/balark.webp&&I am a poet and a writer, a few of them also got published in some anthologies like Brave Heart of the motherland, and Scarlet Wings.I love to write Shayari and poetries and also in my free time I like to do skating, swimming and read books.&&N/A" | split: '&&' %}
+{% assign udit = "Udit Agarwal&&/assets/images/udit.webp&&Udit Agarwal is a Digital Marketer and a Content Marketing Specialist, He enjoys technical as well as non-technical writing. His passion and urge for gaining new insights has led him here. He quenches his thirst for technology through his action oriented writing skills and a profound ability to stay up to date with latest industry trends.&&N/A" | split: '&&' %}
+{% assign pallavi = "Pallavi Thakur&&/assets/images/pallavi.webp&&My name is Pallavi Thakur and I am an engineer and now pursuing my master's. I am very passionate about writing because it shapes my personality and connects me with world.&&N/A" | split: '&&' %}
+{% assign karuna = "Karuna Shree&&/assets/images/karuna.webp&&RK Shree - A science enthusiast with a poetic flair, and possesses an insatiable desire to explore diverse fields seeking new knowledge and experiences. My work ethic is highly disciplined and dedicated. I take pleasure in pursuing creative endeavors that captivate me. &&https://twitter.com/rkshree2118?t=wuhNmjgq18UleNBfLyumag&s=09" | split: '&&' %}
+{% assign karuna = "Karuna Shree&&/assets/images/karuna.webp&&RK Shree - A science enthusiast with a poetic flair, and possesses an insatiable desire to explore diverse fields seeking new knowledge and experiences. My work ethic is highly disciplined and dedicated. I take pleasure in pursuing creative endeavors that captivate me. &&https://twitter.com/rkshree2118?t=wuhNmjgq18UleNBfLyumag&s=09" | split: '&&' %}
+{% assign rk = "Karuna Shree&&/assets/images/karuna.webp&&RK Shree - A science enthusiast with a poetic flair, and possesses an insatiable desire to explore diverse fields seeking new knowledge and experiences. My work ethic is highly disciplined and dedicated. I take pleasure in pursuing creative endeavors that captivate me. &&https://twitter.com/rkshree2118?t=wuhNmjgq18UleNBfLyumag&s=09" | split: '&&' %}
+{% assign karuna = "Karuna Shree&&/assets/images/karuna.webp&&RK Shree - A science enthusiast with a poetic flair, and possesses an insatiable desire to explore diverse fields seeking new knowledge and experiences. My work ethic is highly disciplined and dedicated. I take pleasure in pursuing creative endeavors that captivate me. &&https://twitter.com/rkshree2118?t=wuhNmjgq18UleNBfLyumag&s=09" | split: '&&' %}
+{% assign debosmita = "Debosmita Bedajna&&/assets/images/debosmita.webp&&I'm Debosmita Bedajna. I have a keen interest in the arts. Dancing, painting, and playing string instruments are just a few of the ways I enjoy expressing myself creatively. I believe that engaging in art is an essential part of personal growth and development. &&N/A" | split: '&&' %}
+{% assign suchita = "Suchita Kasab&&/assets/images/suchita.webp&&Hi, I'm Suchita Kasab. Along with writing, I also enjoy painting. I think I can express myself better through these art forms. &&N/A" | split: '&&' %}
+{% assign aditya = "Aditya Thakur&&/assets/images/avatar.webp&&Hey there! I'm Aditya Thakur, a dedicated technology enthusiast with a strong passion for music and anime. I tackle challenges head-on and consistently strive for excellence. In my past time, you can find me indulging in my favorite tunes or exploring captivating anime worlds. &&N/A" | split: '&&' %}
+{% assign taufik = "Taufik Ali&&/assets/images/taufik.webp&&Taufik has an analytical mindset and great attention to detail. He excels in analyzing website performance, conducting keyword research, optimizing on-page content, and developing effective link-building strategies. &&N/A" | split: '&&' %}
+{% assign bandana = "Kumari Bandana&&/assets/images/bandana.webp&&Bandana is an experienced SEO professional. In addition to her technical expertise, Bandana possesses excellent communication skills, allowing her to effectively collaborate with cross-functional teams and provide actionable recommendations to improve website performance &&N/A" | split: '&&' %}
+{% assign mahika = "Mahika Agrawal&&/assets/images/mahika.webp&&I'm Mahika Agrawal, an experienced content writer with a passion for words and skills in creating high-quality content that drives results. &&N/A" | split: '&&' %}
+{%- assign postAuthor = post.author | split: " " -%}
+{%- assign author = postAuthor.first | downcase -%}
+{%- assign collection = [author] -%}
+{%- for item in collection -%}
+{%- if forloop.index==1 -%}
+{%- assign authorName = item -%}
+{%- endif -%}
+{%- if forloop.index==2 -%}
+{%- assign image = item -%}
+{%- endif -%}
+{%- if forloop.index==3 -%}
+{%- assign bio = item -%}
+{%- endif -%}
+{%- if forloop.index==4 -%}
+{%- assign twitter = item -%}
+{%- endif -%}
+{%- endfor -%}

data/_includes/bookmark.html

@@ -1,5 +1,5 @@
-<div class="toaster">
+<!-- <div class="toaster">
   <div class="toaster__body">
     <div class="toaster__message">Bookmark this webpage</div>
   </div>
-</div>
+</div> -->

data/_includes/customblog/pageRelatedPosts.html

@@ -7,7 +7,7 @@
             <div class="row">
                 <div class="col-md-9 mx-auto">
                     {%- endif -%}
-                    <h2 class="pt-5 pb-0 related_post_heading mb-3">You might also like</h2>
+                    <p class="pt-5 pb-0 related_post_heading mb-3">You might also like</p>
                     {%- if site.monumetricId and page.url != '/' and page.lang == "en" -%}
 
                 </div>

data/_includes/customblog/relatedposts.html

@@ -179,9 +179,7 @@
                                     </span><br>
                                     <span class="post-date">{{post.date | date_to_string }}</span>
                                 </span>
-                                <span class="post-read-more"><a class="text-dark" href="{{ post.url }}"
-                                        title="Read Story">Read
-                                        More</a></span>
+                            
                             </div>
                         </div>
                     </div>

data/_includes/footer/index.html

@@ -88,8 +88,8 @@
                                                 <span aria-hidden="true">&times;</span>
                                             </button>
                                         </div>
-                                        <div class="modal-body px-md-5">
-                                            <ul class="language-drop-down-menu">
+                                      
+                                            <ul class="modal-body px-md-5 language-drop-down-menu">
                                                 {%- if page.permalink == nil -%}
                                                 <li class="language-drop-down-item font-weight-bold ">
                                                     <a class="active-lang" href="/">English <i
@@ -155,7 +155,7 @@
 
                                             </ul>
 
-                                        </div>
+                                       
 
                                     </div>
                                 </div>
@@ -188,8 +188,8 @@
                                                 <span aria-hidden="true">&times;</span>
                                             </button>
                                         </div>
-                                        <div class="modal-body pt-0 px-md-5">
-                                            <ul class="language-drop-down-menu">
+                                      
+                                            <ul class="modal-body pt-0 px-md-5 language-drop-down-menu">
                                                 {%- for item in matchurls -%}
                                                 {%- if item != 'zh-TW' -%}
                                                 {%- if item == 'en'-%}
@@ -246,7 +246,7 @@
                                                 {%- endfor -%}
                                             </ul>
 
-                                        </div>
+                                      
 
                                     </div>
                                 </div>
@@ -360,8 +360,8 @@
                                                 <span aria-hidden="true">&times;</span>
                                             </button>
                                         </div>
-                                        <div class="modal-body px-md-5">
-                                            <ul class="language-drop-down-menu">
+                                       
+                                            <ul class="modal-body px-md-5 language-drop-down-menu">
                                                 {%- if page.permalink == nil -%}
                                                 <li class="language-drop-down-item font-weight-bold ">
                                                     <a class="active-lang" href="/">English <i
@@ -427,7 +427,6 @@
 
                                             </ul>
 
-                                        </div>
 
                                     </div>
                                 </div>
@@ -460,8 +459,8 @@
                                                 <span aria-hidden="true">&times;</span>
                                             </button>
                                         </div>
-                                        <div class="modal-body px-md-5">
-                                            <ul class="language-drop-down-menu">
+                                       
+                                            <ul class="modal-body px-md-5 language-drop-down-menu">
                                                 {%- for item in matchurls -%}
                                                 {%- if item != 'zh-TW' -%}
                                                 {%- if item == 'en'-%}
@@ -518,7 +517,7 @@
                                                 {%- endfor -%}
                                             </ul>
 
-                                        </div>
+                                       
 
                                     </div>
                                 </div>

data/_includes/section/related_categories_post.html

@@ -175,9 +175,7 @@
                                     </span><br>
                                     <span class="post-date">{{post.date | date_to_string }}</span>
                                 </span>
-                                <span class="post-read-more"><a class="text-dark" href="{{ post.url }}"
-                                        title="Read Story">Read
-                                        More</a></span>
+                              
                             </div>
                         </div>
                     </div>

data/assets/css/appscms-blog.css

@@ -118,7 +118,7 @@ header {
   margin-top: 8px;
 }
 .post-date {
-  color: rgba(0, 0, 0, 0.44);
+  color: var(--black-color);
   font-size: 13px;
 }
 /* close */
@@ -347,20 +347,24 @@ header {
   list-style: none;
   border-radius: 0.25rem;
   display: block;
-  color: green;
+  
+  color: var(--primary-color);
   font-size: 15px;
   margin-bottom: 30px;
 }
 .pageUrl {
-  color: green;
-  font-size: 12px;
-  font-weight: 900;
+  
+  color: var(--primary-color);
+  font-size: 15px;
+  font-weight: 600;
   text-decoration: none;
   margin-right: 10px;
+
 }
 .pageUrl:hover {
   text-decoration: none;
-  color: green;
+  
+  color: var(--primary-color);
 }
 .lunrsearchresult {
   font-size: 15px;