default.html in awesome-jekyll-theme-0.3.0

- old
+ new
@@ -1,19 +1,42 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="{{site.active_lang}}">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link
+      href="{{ '/assets/css/dist-style.css' | relative_url }}"
+      rel="stylesheet"
+    />
+    <link
+      href="{{ '/assets/css/fonts.css' | relative_url }}"
+      rel="stylesheet"
+    />
+    {% if site.typewriter_effect %}
+    <script src="https://unpkg.com/typeit@8.8.4/dist/index.umd.js"></script>
+    {% endif %} {% seo %} {% include custom_head.html %}
+  </head>
 
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <link href="{{ '/assets/css/dist-style.css' | relative_url }}" rel="stylesheet">
-  <link href="{{ '/assets/css/fonts.css' | relative_url }}" rel="stylesheet">
-  {% seo %}
-  {% include custom_head.html %}
-</head>
+  <body class="bg-white text-gray-700 dark:bg-gray-700 dark:text-slate-100">
+    {% if site.typewriter_effect %}
+    <script>
+      document.addEventListener("DOMContentLoaded", function () {
+        new TypeIt("h1", {}).go();
+      });
+    </script>
+    {% endif %} {% include navbar.html %} {{ content }} {% include footer.html
+    %}
+    <script>
+      document.querySelectorAll("a").forEach(function (link) {
+        link.addEventListener("click", function (event) {
+          event.preventDefault(); // Prevent the default link action temporarily
+          link.classList.add("gentle-clicked");
 
-<body class="bg-white text-gray-700 dark:bg-gray-700 dark:text-slate-100">
-  {% include navbar.html %}
-  {{ content }}
-  {% include footer.html %}
-</body>
-
+          setTimeout(function () {
+            link.classList.remove("gentle-clicked");
+            window.location.href = link.href; // Navigate to the link after the animation
+          }, 300); // Duration of the gentle bounce animation
+        });
+      });
+    </script>
+  </body>
 </html>