ci: update bundled artifacts [skip ci]

* fix: enhance accessibility with `tabIndex`

- Add `tabIndex="-1"` to the navigation item for accessibility

* refactor: refactor event handling with SolidJS effects

- Import `createEffect` from 'solid-js'
- Add an `AbortController` for managing event listeners
- Use `createEffect` to conditionally add and remove keydown event listener based on component state
- Remove `onKeyDown` and `tabIndex` attributes from the overlay div

CODE_OF_CONDUCT.md

@@ -60,7 +60,7 @@ representative at an online or offline event.
 
 Instances of abusive, harassing, or otherwise unacceptable behavior may be
 reported to the community leaders responsible for enforcement at
-hi@sped0nwen.com.
+hi@sped0n.com.
 All complaints will be reviewed and investigated promptly and fairly.
 
 All community leaders are obligated to respect the privacy and security of the

README.md

@@ -8,9 +8,9 @@ Based on the https://github.com/tylermcrobert/bridget-pictures-www.
 
 ![thumbnail](images/tn.jpg)
 
-## [Demo Site](https://bridget-demo.sped0nwen.com)
+## [Demo Site](https://bridget-demo.sped0n.com)
 
-To see this theme in action, here is a live [demo site](https://bridget-demo.sped0nwen.com) which is rendered with **Bridget** theme.
+To see this theme in action, here is a live [demo site](https://bridget-demo.sped0n.com) which is rendered with **Bridget** theme.
 
 ## Getting Started
 

assets/ts/desktop/stageNav.tsx

@@ -1,4 +1,4 @@
-import { For, type Accessor, type JSX, type Setter } from 'solid-js'
+import { For, createEffect, type Accessor, type JSX, type Setter } from 'solid-js'
 
 import { useState } from '../state'
 import { decrement, increment, type Vector } from '../utils'
@@ -24,6 +24,7 @@ export default function StageNav(props: {
   type NavItem = (typeof navItems)[number]
 
   // variables
+  let controller: AbortController | undefined
   // eslint-disable-next-line solid/reactivity
   const navItems = [props.prevText, props.closeText, props.nextText] as const
 
@@ -70,6 +71,19 @@ export default function StageNav(props: {
     else if (e.key === 'ArrowRight') nextImage()
   }
 
+  createEffect(() => {
+    if (props.isOpen()) {
+      controller = new AbortController()
+      const abortSignal = controller.signal
+      window.addEventListener('keydown', handleKey, {
+        passive: true,
+        signal: abortSignal
+      })
+    } else {
+      controller?.abort()
+    }
+  })
+
   return (
     <>
       <div class="navOverlay" classList={{ active: props.active() }}>
@@ -80,9 +94,9 @@ export default function StageNav(props: {
               onClick={() => {
                 handleClick(item)
               }}
-              onKeyDown={handleKey}
               onFocus={() => props.setHoverText(item)}
               onMouseOver={() => props.setHoverText(item)}
+              tabIndex="-1"
             />
           )}
         </For>

assets/ts/main.tsx

@@ -38,7 +38,9 @@ const Mobile = lazy(async () => await import('./mobile/layout'))
 function Main(): JSX.Element {
   // variables
   const [ijs] = createResource(getImageJSON)
-  const isMobile = window.matchMedia('(hover: none)').matches
+  const isMobile =
+    window.matchMedia('(hover: none)').matches &&
+    !window.navigator.userAgent.includes('Win')
 
   // states
   const [scrollable, setScollable] = createSignal(true)

exampleSite/config/_default/hugo.toml

@@ -1,7 +1,7 @@
 # timeout
 timeout = "1200s"
 # your website url
-baseURL = 'https://www.example.com/'
+baseURL = 'https://bridget-demo.sped0n.com'
 # website title
 title = 'Bridget'
 # don't touch this

exampleSite/config/_default/params.toml

@@ -47,9 +47,9 @@ id = ""
 # Umami Analytics
 [analytics.umami]
 data_website_id = "44a4a42d-ec8e-44c9-a38c-7533929e9845"
-src = "https://umami.sped0nwen.com/script.js"
+src = "https://umami.sped0n.com/script.js"
 data_host_url = ""
-data_domains = "bridget-demo.sped0nwen.com"
+data_domains = "bridget-demo.sped0n.com"
 # Plausible Analytics
 [analytics.plausible]
 data_domain = ""

package.json

@@ -49,22 +49,22 @@
     "eslint-plugin-import": "^2.29.1",
     "eslint-plugin-n": "^16.6.2",
     "eslint-plugin-prettier": "^5.1.3",
-    "eslint-plugin-promise": "^6.1.1",
+    "eslint-plugin-promise": "^6.4.0",
-    "eslint-plugin-solid": "^0.13.1",
+    "eslint-plugin-solid": "^0.14.1",
     "npm-run-all": "^4.1.5",
-    "prettier": "3.2.5",
+    "prettier": "3.3.2",
     "prettier-plugin-go-template": "^0.0.15",
-    "prettier-plugin-organize-imports": "^3.2.4",
+    "prettier-plugin-organize-imports": "^4.0.0",
-    "sass": "^1.71.1",
+    "sass": "^1.77.6",
-    "terser": "^5.29.2",
+    "terser": "^5.31.1",
-    "typescript": "^5.4.2",
+    "typescript": "^5.5.3",
-    "vite": "^5.1.6",
+    "vite": "^5.3.3",
     "vite-plugin-solid": "^2.10.2"
   },
   "dependencies": {
     "gsap": "^3.12.5",
-    "solid-js": "^1.8.15",
+    "solid-js": "^1.8.18",
-    "swiper": "^11.0.7",
+    "swiper": "^11.1.4",
     "tiny-invariant": "^1.3.3"
   }
 }