commit b65225032f412e50c65ec9dab21845eb8227f14f · pdsls.dev/pdsls

public/cursor.cur
This is a binary file and will not be displayed.
+55
src/layout.tsx
···

       36
       36
        
       

     

       37
       37
        
         if (location.search.includes("hrt=true")) localStorage.setItem("hrt", "true");

     

       38
       38
        
         else if (location.search.includes("hrt=false")) localStorage.setItem("hrt", "false");

     

       39
       39
       +
         if (location.search.includes("sailor=true")) localStorage.setItem("sailor", "true");

     

       40
       40
       +
         else if (location.search.includes("sailor=false")) localStorage.setItem("sailor", "false");

     

       39
       41
        
       

     

       40
       42
        
         createEffect(async () => {

     

       41
       43
        
           if (props.params.repo && !props.params.repo.startsWith("did:")) {

     
···

       53
       55
        
       

     

       54
       56
        
         onMount(() => {

     

       55
       57
        
           window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change", themeEvent);

     

       58
       58
       +
       

     

       59
       59
       +
           if (localStorage.getItem("sailor") === "true") {

     

       60
       60
       +
             const style = document.createElement("style");

     

       61
       61
       +
             style.textContent = `

     

       62
       62
       +
                 html, * {

     

       63
       63
       +
                   cursor: url(/cursor.cur), pointer;

     

       64
       64
       +
                 }

     

       65
       65
       +
       

     

       66
       66
       +
                 .star {

     

       67
       67
       +
                   position: fixed;

     

       68
       68
       +
                   pointer-events: none;

     

       69
       69
       +
                   z-index: 9999;

     

       70
       70
       +
                   font-size: 20px;

     

       71
       71
       +
                   animation: sparkle 0.8s ease-out forwards;

     

       72
       72
       +
                 }

     

       73
       73
       +
       

     

       74
       74
       +
                 @keyframes sparkle {

     

       75
       75
       +
                   0% {

     

       76
       76
       +
                     opacity: 1;

     

       77
       77
       +
                     transform: translate(0, 0) rotate(0deg) scale(1);

     

       78
       78
       +
                   }

     

       79
       79
       +
                   100% {

     

       80
       80
       +
                     opacity: 0;

     

       81
       81
       +
                     transform: translate(var(--tx), var(--ty)) rotate(180deg) scale(0);

     

       82
       82
       +
                   }

     

       83
       83
       +
                 }

     

       84
       84
       +
               `;

     

       85
       85
       +
             document.head.appendChild(style);

     

       86
       86
       +
       

     

       87
       87
       +
             let lastTime = 0;

     

       88
       88
       +
             const throttleDelay = 30;

     

       89
       89
       +
       

     

       90
       90
       +
             document.addEventListener("mousemove", (e) => {

     

       91
       91
       +
               const now = Date.now();

     

       92
       92
       +
               if (now - lastTime < throttleDelay) return;

     

       93
       93
       +
               lastTime = now;

     

       94
       94
       +
       

     

       95
       95
       +
               const star = document.createElement("div");

     

       96
       96
       +
               star.className = "star";

     

       97
       97
       +
               star.textContent = "✨";

     

       98
       98
       +
               star.style.left = e.pageX + "px";

     

       99
       99
       +
               star.style.top = e.pageY + "px";

     

       100
       100
       +
       

     

       101
       101
       +
               const tx = (Math.random() - 0.5) * 50;

     

       102
       102
       +
               const ty = (Math.random() - 0.5) * 50;

     

       103
       103
       +
               star.style.setProperty("--tx", tx + "px");

     

       104
       104
       +
               star.style.setProperty("--ty", ty + "px");

     

       105
       105
       +
       

     

       106
       106
       +
               document.body.appendChild(star);

     

       107
       107
       +
       

     

       108
       108
       +
               setTimeout(() => star.remove(), 800);

     

       109
       109
       +
             });

     

       110
       110
       +
           }

     

       56
       111
        
         });

     

       57
       112
        
       

     

       58
       113
        
         return (