Hugging Face's logo

Spaces:
Shinhati2023
/
MHA_OS_SIM
Running

App Files Community
Shinhati2023 commited on
Commit
2f8532a
·
verified ·
1 Parent(s): 86a60e4

Update index.html

Browse files
Files changed (1) hide show
  1. index.html +18 -11
index.html CHANGED
@@ -3,7 +3,7 @@
3
  <head>
4
  <meta charset="UTF-8">
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
- <title>Phone OS - Custom Edition</title>
7
  <!-- Link to your style.css -->
8
  <link rel="stylesheet" href="style.css">
9
  <!-- FontAwesome for Icons -->
@@ -14,7 +14,7 @@
14
  <div class="phone">
15
  <div class="notch"></div>
16
 
17
- <!-- WALLPAPER: Applied directly via inline style -->
18
  <div class="screen" style="background: url('https://jsktrsim.tiiny.site/IMG_6578.jpeg') no-repeat center center/cover;">
19
 
20
  <!-- Header Info -->
@@ -69,7 +69,7 @@
69
  </div>
70
  <div class="app-content">
71
  <div style="background:#333; padding:10px; border-radius:10px; text-align:center; color:#888; margin-bottom:20px; font-size:12px;">
72
- <i class="fas fa-lock"></i> mha-fanclub.jp
73
  </div>
74
  <div style="display:flex; flex-direction:column; align-items:center; justify-content:center; height:60%; color:#555;">
75
  <i class="fas fa-dizzy" style="font-size: 40px; margin-bottom:15px;"></i>
@@ -184,22 +184,28 @@
184
  document.getElementById('image-viewer').classList.remove('active');
185
  }
186
 
187
- // 4. Populate Gallery with REAL Anime Photos
188
  const galleryContainer = document.getElementById('gallery-container');
189
 
190
  const animeImages = [
191
- 'https://images4.alphacoders.com/610/610668.jpg', // Naruto
192
- 'https://images2.alphacoders.com/694/694038.png', // Bleach (Ichigo)
193
- 'https://images5.alphacoders.com/105/1054363.jpg', // MHA (Deku)
194
- 'https://images3.alphacoders.com/133/1339965.jpeg', // Naruto Team 7
195
- 'https://images3.alphacoders.com/116/1161205.jpg', // Bleach Captains
196
- 'https://images3.alphacoders.com/878/878342.jpg' // All Might
 
 
 
 
 
 
197
  ];
198
 
199
  animeImages.forEach(url => {
200
  const div = document.createElement('div');
201
  div.className = 'gallery-item';
202
- div.style.backgroundImage = `url(${url})`;
203
  div.onclick = () => openImageViewer(url);
204
  galleryContainer.appendChild(div);
205
  });
@@ -244,3 +250,4 @@ int main() {
244
  </html>
245
 
246
 
 
 
3
  <head>
4
  <meta charset="UTF-8">
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>Phone OS - Hero Edition</title>
7
  <!-- Link to your style.css -->
8
  <link rel="stylesheet" href="style.css">
9
  <!-- FontAwesome for Icons -->
 
14
  <div class="phone">
15
  <div class="notch"></div>
16
 
17
+ <!-- WALLPAPER: Custom Link Applied -->
18
  <div class="screen" style="background: url('https://jsktrsim.tiiny.site/IMG_6578.jpeg') no-repeat center center/cover;">
19
 
20
  <!-- Header Info -->
 
69
  </div>
70
  <div class="app-content">
71
  <div style="background:#333; padding:10px; border-radius:10px; text-align:center; color:#888; margin-bottom:20px; font-size:12px;">
72
+ <i class="fas fa-lock"></i> hero-net.jp
73
  </div>
74
  <div style="display:flex; flex-direction:column; align-items:center; justify-content:center; height:60%; color:#555;">
75
  <i class="fas fa-dizzy" style="font-size: 40px; margin-bottom:15px;"></i>
 
184
  document.getElementById('image-viewer').classList.remove('active');
185
  }
186
 
187
+ // 4. Populate Gallery with YOUR CUSTOM LINKS
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/anonymous/VYd9wXjWDs0AdNc_1764352322.jpeg?response-content-disposition=attachment%3B%20filename%3D%22IMG_6587.jpeg',
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
198
+ 'https://zippyshare.c505c4ada4c6e4e79e0c43ae377c115c.r2.cloudflarestorage.com/anonymous/YU0KZoE6AJAh7Cr_1764352615.jpeg?response-content-disposition=attachment%3B%20filename%3D%22IMG_6591.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=20251128T175708Z&X-Amz-SignedHeaders=host&X-Amz-Expires=3600&X-Amz-Signature=25de618665bcf322783abd21c80e0e5ce4d110ff2bd8fe3a283175ddafa229eb',
199
+ // 5. Aizawa
200
+ 'https://zippyshare.c505c4ada4c6e4e79e0c43ae377c115c.r2.cloudflarestorage.com/users/7RMKGJwkwm1oP/y9t8U09Eay1TR5q_1764352783.jpeg?response-content-disposition=attachment%3B%20filename%3D%22IMG_6593.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=20251128T175954Z&X-Amz-SignedHeaders=host&X-Amz-Expires=3600&X-Amz-Signature=f762d0f7c4e9101f60def05f199e57faf827419e5e2e3271dc9cd3c426e54c13',
201
+ // 6. Star and Stripes
202
+ 'https://zippyshare.c505c4ada4c6e4e79e0c43ae377c115c.r2.cloudflarestorage.com/users/7RMKGJwkwm1oP/iq41Z54egsDcuRy_1764352905.jpeg?response-content-disposition=attachment%3B%20filename%3D%22IMG_6229.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=20251128T180200Z&X-Amz-SignedHeaders=host&X-Amz-Expires=3600&X-Amz-Signature=c161b9af91c01714475774139de440e466fd4954e871d2e92fef7b2733fe7f36'
203
  ];
204
 
205
  animeImages.forEach(url => {
206
  const div = document.createElement('div');
207
  div.className = 'gallery-item';
208
+ div.style.backgroundImage = `url('${url}')`; // Added quotes inside url() for safety with complex links
209
  div.onclick = () => openImageViewer(url);
210
  galleryContainer.appendChild(div);
211
  });
 
250
  </html>
251
 
252
 
253
+