Spaces:
Running
Running
Update index.html
Browse files- index.html +8 -7
index.html
CHANGED
|
@@ -14,7 +14,7 @@
|
|
| 14 |
<div class="phone">
|
| 15 |
<div class="notch"></div>
|
| 16 |
|
| 17 |
-
<!-- WALLPAPER
|
| 18 |
<div class="screen" style="background: url('https://jsktrsim.tiiny.site/IMG_6578.jpeg') no-repeat center center/cover;">
|
| 19 |
|
| 20 |
<!-- Header Info -->
|
|
@@ -184,14 +184,14 @@
|
|
| 184 |
document.getElementById('image-viewer').classList.remove('active');
|
| 185 |
}
|
| 186 |
|
| 187 |
-
// 4. Populate Gallery
|
| 188 |
const galleryContainer = document.getElementById('gallery-container');
|
| 189 |
|
| 190 |
const animeImages = [
|
| 191 |
-
// 1. Deku
|
| 192 |
-
'https://zippyshare.c505c4ada4c6e4e79e0c43ae377c115c.r2.cloudflarestorage.com/users/7RMKGJwkwm1oP/upngQl8xGxoX23E_1764351993.jpeg',
|
| 193 |
-
// 2. Bakugo
|
| 194 |
-
'https://zippyshare.c505c4ada4c6e4e79e0c43ae377c115c.r2.cloudflarestorage.com/
|
| 195 |
// 3. Lemillion
|
| 196 |
'https://zippyshare.c505c4ada4c6e4e79e0c43ae377c115c.r2.cloudflarestorage.com/anonymous/24hVBYnR0sej5YO_1764352426.jpeg?response-content-disposition=attachment%3B%20filename%3D%22IMG_6589.jpeg%22&X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=aeed1e70264ea81f25dbe24821aae76e%2F20251128%2Fapac%2Fs3%2Faws4_request&X-Amz-Date=20251128T175357Z&X-Amz-SignedHeaders=host&X-Amz-Expires=3600&X-Amz-Signature=ea6c28b4ce1b8aaa133028520a58ba227181619a67eb31fef8b2f4b0fb393d94',
|
| 197 |
// 4. Endeavor
|
|
@@ -205,7 +205,8 @@
|
|
| 205 |
animeImages.forEach(url => {
|
| 206 |
const div = document.createElement('div');
|
| 207 |
div.className = 'gallery-item';
|
| 208 |
-
|
|
|
|
| 209 |
div.onclick = () => openImageViewer(url);
|
| 210 |
galleryContainer.appendChild(div);
|
| 211 |
});
|
|
|
|
| 14 |
<div class="phone">
|
| 15 |
<div class="notch"></div>
|
| 16 |
|
| 17 |
+
<!-- WALLPAPER -->
|
| 18 |
<div class="screen" style="background: url('https://jsktrsim.tiiny.site/IMG_6578.jpeg') no-repeat center center/cover;">
|
| 19 |
|
| 20 |
<!-- Header Info -->
|
|
|
|
| 184 |
document.getElementById('image-viewer').classList.remove('active');
|
| 185 |
}
|
| 186 |
|
| 187 |
+
// 4. Populate Gallery
|
| 188 |
const galleryContainer = document.getElementById('gallery-container');
|
| 189 |
|
| 190 |
const animeImages = [
|
| 191 |
+
// 1. Deku (UPDATED)
|
| 192 |
+
'https://zippyshare.c505c4ada4c6e4e79e0c43ae377c115c.r2.cloudflarestorage.com/users/7RMKGJwkwm1oP/upngQl8xGxoX23E_1764351993.jpeg?response-content-disposition=attachment%3B%20filename%3D%22IMG_6588.jpeg%22&X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=aeed1e70264ea81f25dbe24821aae76e%2F20251128%2Fapac%2Fs3%2Faws4_request&X-Amz-Date=20251128T190811Z&X-Amz-SignedHeaders=host&X-Amz-Expires=3600&X-Amz-Signature=1a43e069fa66c1712ee04bd515d741dab0a652254cbe652fcd8b267a62e2c234',
|
| 193 |
+
// 2. Bakugo (UPDATED)
|
| 194 |
+
'https://zippyshare.c505c4ada4c6e4e79e0c43ae377c115c.r2.cloudflarestorage.com/users/7RMKGJwkwm1oP/NF3kWJlONBmeNmT_1764357029.jpeg?response-content-disposition=attachment%3B%20filename%3D%22IMG_6587.jpeg%22&X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=aeed1e70264ea81f25dbe24821aae76e%2F20251128%2Fapac%2Fs3%2Faws4_request&X-Amz-Date=20251128T191052Z&X-Amz-SignedHeaders=host&X-Amz-Expires=3600&X-Amz-Signature=6950d847664cbd1ac0681e56aaed71e5ebb2ba84b56dc7d23f798c950bf3b009',
|
| 195 |
// 3. Lemillion
|
| 196 |
'https://zippyshare.c505c4ada4c6e4e79e0c43ae377c115c.r2.cloudflarestorage.com/anonymous/24hVBYnR0sej5YO_1764352426.jpeg?response-content-disposition=attachment%3B%20filename%3D%22IMG_6589.jpeg%22&X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=aeed1e70264ea81f25dbe24821aae76e%2F20251128%2Fapac%2Fs3%2Faws4_request&X-Amz-Date=20251128T175357Z&X-Amz-SignedHeaders=host&X-Amz-Expires=3600&X-Amz-Signature=ea6c28b4ce1b8aaa133028520a58ba227181619a67eb31fef8b2f4b0fb393d94',
|
| 197 |
// 4. Endeavor
|
|
|
|
| 205 |
animeImages.forEach(url => {
|
| 206 |
const div = document.createElement('div');
|
| 207 |
div.className = 'gallery-item';
|
| 208 |
+
// We use quotes inside url() because these links contain complex characters
|
| 209 |
+
div.style.backgroundImage = `url('${url}')`;
|
| 210 |
div.onclick = () => openImageViewer(url);
|
| 211 |
galleryContainer.appendChild(div);
|
| 212 |
});
|