appscms-tools-theme 4.1.2 → 4.1.5

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,33 @@
     {%- endif -%}
   </div>
 </div>
+{%- if pageData.HOW_TO_CONTENT.YoutubeVideoUrl.size > 0 -%}
+<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>
+{%- endif -%}

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

@@ -6,22 +6,22 @@
 {% 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 Kasab&&/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 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] -%}

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;

data/assets/css/appscms-feature.css

@@ -150,13 +150,14 @@
   }
   .upload-from-drives img {
     height: 40px;
-    width: 42px;
+    width: 40px;
   }
   .drag-msg {
     display: none;
   }
   .appscms-upload-section {
     height: 100px;
+    margin-top: 20px;
     background-color: transparent;
     box-shadow: none;
     border: none;
@@ -173,7 +174,7 @@
     padding: 15px 0px;
   }
   .heading {
-    padding-top: 0px;
+    padding-top: 70px;
     text-align: center;
     display: flex;
     align-items: center;
@@ -185,7 +186,7 @@
   }
   .heading h2 {
     width: 80vw;
-    font-size: 11px;
+    font-size: 14px;
     text-align: center;
   }
 
@@ -391,8 +392,3 @@
   }
 }
 
-@media (min-width: 768px) {
-  .appscms-h1 {
-    margin-top: 40px;
-  }
-}