style(): Typos

Fix some typos, removed alt tag to
redundant img tags.
patch(): Sqush commit
patch(): Squash commit
patch(): Squash commit
This commit is contained in:
kami
2026-03-04 04:46:48 +08:00
parent 6df5e75723
commit 4ae9e6c924
2 changed files with 13 additions and 12 deletions

View File

@@ -23,4 +23,4 @@ Pwa player is a Website that allows u to play and share ur local osu music with
The Focus is on easy setup, customization and most emportantly Enjoying the music
![homeviwe](../../../assets/pwa-player/menu.png)
![homeview](@assets/pwa-player/menu.png)

View File

@@ -29,7 +29,7 @@ let images =
'https://fshare.kami.boo/u/5e1e8a74-eba0-4a9a-82a8-a99707d3a536.jpg'
].sort(() => Math.random() - .5);
let shuffeld = [
let shuffeled = [
'https://fshare.kami.boo/u/7e9423b9-f3f7-412b-af30-45b1a0f4957b.jpg',
'https://fshare.kami.boo/u/cfe345a2-f91c-4486-a3b1-714c8a5f6279.jpg',
'https://fshare.kami.boo/u/7ddd3e93-dedf-448d-ae82-1f1182084195.jpg',
@@ -57,9 +57,9 @@ if (response.ok) {
const data = await response.json();
const files = data.files.map(f => `https://fshare.kami.boo/raw${f.url.substring(2)}`).sort(() => Math.random() - .5);
const middle = Math.round(files.length / 2);
shuffeld = files.slice(0,middle);
shuffeled = files.slice(0,middle);
images = files.slice(middle);
//console.log(shuffeld)
//console.log(shuffeled)
//console.log(images)
} else {
const errorBody = await response.text();
@@ -69,42 +69,42 @@ if (response.ok) {
---
<!doctype html>
<!DOCTYPE html>
<html lang="en">
<head>
<BaseHead title={SITE_TITLE} description={SITE_DESCRIPTION} />
</head>
<body>
<div class="layout">
<aside class="sidebar">
<Header />
</aside>
<!-- Removed redundant alt flag, default dom has alt flag set to "" -->
<main class="scrolling-gallery">
<div class="gallery-wrapper">
<div class="scroll-track">
{images.map((src) => (
<div class="tilted-container">
<img src={src} alt="" />
<img src={src} />
</div>
))}
{images.map((src) => (
<div class="tilted-container">
<img src={src} alt="" />
<img src={src} />
</div>
))}
</div>
<div class="scroll-track track-reverse">
{shuffeld.slice().reverse().map((src) => (
{shuffeled.slice().reverse().map((src) => (
<div class="tilted-container">
<img src={src} alt="" />
<img src={src} />
</div>
))}
{shuffeld.slice().reverse().map((src) => (
{shuffeled.slice().reverse().map((src) => (
<div class="tilted-container">
<img src={src} alt="" />
<img src={src} />
</div>
))}
</div>
@@ -114,6 +114,7 @@ if (response.ok) {
</body>
</html>
<style>
body, html {
margin: 0;