juli0n21/homepage
1
0
Fork 0
mirror of https://github.com/JuLi0n21/homepage.git synced 2026-04-19 23:30:06 +00:00
Code Issues Packages Projects Releases Wiki Activity

style(): Typos

Browse Source 
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
Download Patch File Download Diff File Expand all files Collapse all files

2
src/content/blog/personal/pwaplayer.md
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 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)

23
src/pages/index.astro
View File

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