fix: fix preloading in desktop (#152)

* chore(Geist): bump geist font to v1.0.1

* refactor(_typography.scss): split the CSS lang tag to ensure compatibility with Chromium-based browsers

* refactor(stage.ts): bump up preload count on desktop

* feat(params.toml): add support for user defined resize option

* feat(_fonts.scss): add a new font file to better support fullwidth plus and minus

* refactor(info): update info

* chore(build.yml): update branch name for updating bundled artifacts to include the current date

* chore(package.json): update version from 0.0.1 to v0.0.2 to reflect changes made in the codebase

* feat: refactor initialization process for retrieving and sorting image data

- Modify `main.ts` to use async initialization of resources
- Change the return type of `initResources` function to `Promise<ImageJSON[]>`
- Add try-catch block to handle errors in `initResources` function
- Use fetch API to retrieve image data from `index.json`
- Sort the image data based on the index field

* refactor: update file naming and variable assignments in layouts

- Add new file `exampleSite/config/_default/outputs.toml` with the contents `page = ["HTML", "JSON"]`
- Rename file `layouts/partials/resources/imageJSON.html` to `layouts/_default/single.json`
- Modify variable assignments and references in the `single.json` layou

* chore: remove code that includes imageJSON.html partials in layouts

- Remove the code that includes the "resources/imageJSON.html" partial in the 404.html layout
- Remove the code that includes the "resources/imageJSON.html" partial in the single.html layout

* refactor: add `getElPrev()` and `getElNext()` functions to `hires`

- Add `getElPrev()` and `getElNext()` to the `hires` function call

* refactor: refactor image retrieval for improved accuracy

- Add logging of `c0` variable for debugging
- Change `els.push(imgs[increment(s.index + i, s.length)])` to `els.push(imgs[increment(c0 + i, s.length)])` to retrieve images correctly
- Change `return imgs[increment(s.index, s.length)]` to `return imgs[decrement(c[c.length - 1].i, s.length)]` to retrieve previous element correctly
- Change `return imgs[decrement(s.index, s.length)]` to `return imgs[increment(c[c.length - 1].i, s.length)]` to retrieve next element correctly

assets/ts/desktop/stage.ts

@@ -54,22 +54,27 @@ function getElCurrent(): HTMLImageElement {
 }
 
 function getElNextSeven(): HTMLImageElement[] {
+  const c = cordHist.get()
   const s = state.get()
+  const c0 = c.length > 0 ? c[c.length - 1].i : s.index
+  console.log(c0)
   const els = []
   for (let i = 0; i < 7; i++) {
-    els.push(imgs[increment(s.index + i, s.length)])
+    els.push(imgs[increment(c0 + i, s.length)])
   }
   return els
 }
 
 function getElPrev(): HTMLImageElement {
+  const c = cordHist.get()
   const s = state.get()
-  return imgs[increment(s.index, s.length)]
+  return imgs[decrement(c[c.length - 1].i, s.length)]
 }
 
 function getElNext(): HTMLImageElement {
+  const c = cordHist.get()
   const s = state.get()
-  return imgs[decrement(s.index, s.length)]
+  return imgs[increment(c[c.length - 1].i, s.length)]
 }
 
 /**