add carousel auto-scroll and removed inactive cursor

2026-04-16 19:30:24 +02:00
parent eb1dd36195
commit 7032968fe2
6 changed files with 148 additions and 73 deletions
--- a/src/pages/home/home.html
+++ b/src/pages/home/home.html
@@ -34,7 +34,16 @@
      <h2>Tech Stack</h2>
      <p>Primary technologies I use to deliver production-ready software.</p>
    </div>
-    <div class="stack-carousel-shell">
+    <div
+      class="stack-carousel-shell"
+      data-disable-bg-pointer
+      (mouseenter)="pauseAutoScroll()"
+      (mouseleave)="resumeAutoScroll()"
+      (focusin)="pauseAutoScroll()"
+      (focusout)="onCarouselFocusOut($event)"
+      (touchstart)="pauseAutoScroll()"
+      (touchend)="resumeAutoScroll()"
+    >
      <button class="carousel-btn" type="button" aria-label="Previous technologies" (click)="scrollStack(-1)">
        <span aria-hidden="true">&larr;</span>
      </button>