mirror of
https://github.com/JuLi0n21/homepage.git
synced 2026-04-19 15:20:05 +00:00
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:
@@ -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
|
||||||
|
|
||||||

|

|
||||||
|
|||||||
@@ -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;
|
||||||
|
|||||||
Reference in New Issue
Block a user