Minor fixes

Author: Claudio Cortese

_includes/css/agency.css

@@ -1120,19 +1120,16 @@ body.post-page header{
     height: 400px;
 }
 
+#latest_posts {
+    padding-bottom: 0px;   
+}
 
 #posts-wrapper {
     display: grid;
     grid-gap: 25px;
     padding: 25px;
 }
 
-@media (max-width: 768px) {
-    #latest_posts {
-        padding-bottom: 0px;   
-    }
-}
-
 @media (min-width: 768px) {
     #posts-wrapper {
         grid-template-columns: 1.25fr 1fr;

_layouts/post.html

@@ -31,19 +31,19 @@
                       <a href="#page-top"></a>
                   </li>
                   <li>
-                      <a class="page-scroll" href="#services">Services</a>
+                      <a class="page-scroll" href="{{ site.baseurl}}#services">Services</a>
                   </li>
                   <li>
-                      <a class="page-scroll" href="#portfolio">Portfolio</a>
+                      <a class="page-scroll" href="{{ site.baseurl }}#portfolio">Portfolio</a>
                   </li>
                   <li>
-                    <a class="page-scroll" href="#latest_posts">Blog</a>
+                    <a class="page-scroll" href="{{ site.baseurl }}#latest_posts">Blog</a>
                   </li>
                   <li>
-                      <a class="page-scroll" href="#team">Team</a>
+                      <a class="page-scroll" href="{{ site.baseurl }}#team">Team</a>
                   </li>
                   <li>
-                      <a class="page-scroll" href="#contact">Contact</a>
+                      <a class="page-scroll" href="{{ site.baseurl }}#contact">Contact</a>
                   </li>
               </ul>
           </div>
@@ -57,7 +57,7 @@
         <div class="container">
             <div class="section-heading-wrapper">
                 <i class="fa fa-terminal" aria-hidden="true"></i>
-                <h1 class="section-heading" data-text="{{ page.title }}"></h1>  
+                <h1 class="section-heading" data-text="{{ page.title }}" data-delay="{{ page.typewriter-delay }}"></h1>  
             </div>
         </div>
     </header>

_posts/2024-10-20-some-useful-tips-and-tricks-about-form-validation-in-javascript.md

@@ -3,6 +3,7 @@ layout: post
 title: "Some Useful Tips And Tricks About Form Validation in JavaScript"
 tags: tutorial webdev javascript
 image: /img/posts/yup.png
+typewriter-delay: 20
 ---
 As time goes by, sooner or later, every developer has been tasked with building a form. 🛠️
 

_posts/2024-10-20-speeNApp-mobile-phonetic-analysis-powered-by-flutter-and-signal-processing.md

@@ -3,6 +3,7 @@ layout: post
 title: "SpeeNApp: Mobile Phonetic Analysis Powered by Flutter and Signal Processing"
 tags: flutter app news
 image: /img/portfolio/speenap_logo.jpeg
+typewriter-delay: 20
 ---
 
 ## Introduction

js/agency.js

@@ -45,9 +45,9 @@ document.addEventListener("DOMContentLoaded", () => {
                 if (entry.isIntersecting) {
                     setTimeout(() => {
                         new Typewriter(entry.target, {
-                            delay: 50,
+                            delay: entry.target.dataset.delay || 50,
                             strings: entry.target.dataset.text,
-                            autoStart: true,
+                            autoStart: entry.target.dataset.autoStart || true,
                             stringSplitter: (input) => {
                                 return Array.from(input);
                             }