split?why

index.html

@@ -344,16 +344,16 @@ <h1 class="title-uzi split-chars">Uzitrake</h1>
         <main>
           <nav class="menu">
             <a href="#freetime" class="menu__item">
-              <span class="split-char menu__item-title">Contact</span>
-              <span class="split-char menu__item-sub">reach me</span>
+              <span class="split-char-title menu__item-title">Contact</span>
+              <span class="split-char-title menu__item-sub">reach me</span>
             </a>
             <a href="#works" class="menu__item menu-work">
-              <span class="split-char menu__item-title">Work</span>
-              <span class="split-char menu__item-sub">cases</span>
+              <span class="split-char-title menu__item-title">Work</span>
+              <span class="split-char-title menu__item-sub">cases</span>
             </a>
             <a href="#contactme " class="menu__item">
-              <span class="split-char menu__item-title">Socials</span>
-              <span class="split-char menu__item-sub">follow</span>
+              <span class="split-char-title menu__item-title">Socials</span>
+              <span class="split-char-title menu__item-sub">follow</span>
             </a>
           </nav>
         </main>

js/distort/index.js

@@ -5,9 +5,8 @@ import { MenuItem } from "./menuItem.js";
 const splitting = Splitting();
 
 gsap.registerPlugin(SplitText);
-
 document.addEventListener("DOMContentLoaded", () => {
-  const splitchars = document.querySelectorAll(".split-char");
+  const splitchars = document.querySelectorAll(".split-char-title");
 
   splitchars.forEach((splitchar) => {
     new SplitText(splitchar, {

js/main.js

@@ -16,22 +16,20 @@ if ("serviceWorker" in navigator) {
   });
 }
 
-// // Call the split text to transform the data-splitting texts to spans of chars
+// // Call the split text to transform the splittext gsap texts to spans of chars
 
-// this has been commented out because it is not needed anymore. defined in distort index js
+gsap.registerPlugin(SplitText);
 
-// gsap.registerPlugin(SplitText);
-
-// document.addEventListener("DOMContentLoaded", () => {
-//   const splitchars = selectAll(".split-char");
+document.addEventListener("DOMContentLoaded", () => {
+  const splitchars = selectAll(".split-char");
 
-//   splitchars.forEach((splitchar) => {
-//     new SplitText(splitchar, {
-//       type: "chars",
-//       charsClass: "char",
-//     });
-//   });
-// });
+  splitchars.forEach((splitchar) => {
+    new SplitText(splitchar, {
+      type: "chars",
+      charsClass: "char",
+    });
+  });
+});
 
 //Group 1; code to update time
 document.addEventListener("DOMContentLoaded", function () {

js/works/index.js

@@ -1,15 +1,10 @@
 import { preloadImages, abibae } from "./utils.js";
-// import { Cursor } from './cursor.js';
 import { Item } from "./item.js";
 
 // Preload images and fonts
 Promise.all([preloadImages(".item__img, .content__img")]).then(() => {
-  // remove loader (loading class)
-  document.body.classList.remove("loading");
-
-  // initialize custom cursor
   abibae();
-  // const cursor = (document.querySelector('.cursor-round'));
+  document.body.classList.remove("loading");
 
   let itemsArr = [];
   [...document.querySelectorAll(".items > .item")].forEach((item) => itemsArr.push(new Item(item, itemsArr)));