modified:

Author: goodness

app/classes/LongPage.js

@@ -19,7 +19,7 @@ export default class LongPage extends Page {
     // });
   }
   update() {
-    this.scroll && this.smoothScroll();
+    // this.scroll && this.smoothScroll();
   }
   destroy() {
     // this.Revealer.observer.disconnect();

app/classes/Page.js

@@ -17,20 +17,22 @@ export default class Page {
 
     //add animations
 
-    this.predestroy();
+    // this.predestroy();
   }
   createWebGL() {
     this.createGeometry?.call(this);
     this.createMaterial?.call(this);
     this.createMesh?.call(this);
   }
-  predestroy() {
-    if (!canvas) this.destroy();
-    Canvas?.navigate = () => {
-      this.removeEventListeners && this.removeEventListeners();
-      gsap.to(this.element, { autoAlpha: 0 });
-    };
-  }
+  
+  // predestroy() {
+  //   if (!canvas) this.destroy();
+  //   Canvas?.navigate = () => {
+  //     this.removeEventListeners && this.removeEventListeners();
+  //     gsap.to(this.element, { autoAlpha: 0 });
+  //   };
+  // }
+
   destroy() {}
 
   storePageAssets(collection, entries) {

app/index.js

@@ -7,7 +7,7 @@ class App extends Framework {
     requestAnimationFrame(this.update.bind(this));
     window.onunload = () => {
       scrollTo(0, 0);
-      Canvas?.destroy();
+      // Canvas?.destroy();
     };
   }
 

styles/base/base.scss

@@ -1,5 +1,5 @@
 html {
-  overflow: hidden;
+  // overflow: hidden;
   font-size: calc(100vw / 1440 * 10);
 
   @include media("<phone") {
@@ -13,14 +13,18 @@ body {
   min-height: 100vh;
   user-select: none;
   -webkit-user-drag: none;
-  overflow: hidden;
+  // overflow: hidden;
+}
+
+* {
+  box-sizing: border-box;
 }
 
 ::-webkit-scrollbar {
   display: none !important;
 }
 
-a{
+a {
   color: inherit;
   text-decoration: none;
 }
@@ -53,6 +57,6 @@ canvas {
   }
 }
 
-[data-reveal]{
+[data-reveal] {
   opacity: 0;
 }

styles/shared/text.scss

@@ -16,58 +16,3 @@
   font-weight: 400;
 }
 
-%text-m {
-  @include media("<phone") {
-    line-height: 1.2;
-    font-size: 1.4rem;
-  }
-}
-
-%text-l {
-  @include media("<phone") {
-    font-size: clamp(0rem, 1.5rem, 20px);
-    line-height: 1.25;
-  }
-}
-
-%text-xl {
-  font-size: 1.6rem;
-  line-height: 1.2;
-  @include media("<phone") {
-    font-size: 1rem;
-  }
-}
-
-%title-s {
-  font-size: 1.8rem;
-  line-height: 1.2;
-  font-weight: 500;
-  @include media("<phone") {
-    font-size: 1.1rem;
-  }
-}
-
-%title-m {
-  font-size: 2rem;
-  line-height: 1.2;
-  @include media("<phone") {
-    font-size: clamp(0rem, 1.4rem, 15px);
-  }
-}
-
-%title-l {
-  font-size: 2rem;
-  line-height: 1.2;
-  @include media("<phone") {
-    font-size: clamp(0rem, 1.1rem, 15px);
-  }
-}
-
-%title-xl{
-  font-size: 3rem;
-  line-height: 1.5;
-  @include media("<phone") {
-    font-size: clamp(0rem, 0.9rem, 15px);
-    line-height: 1.2;
-  }
-}