Bujurocks commited on
Commit
05f8a96
·
verified ·
1 Parent(s): 11e3011

Add 2 files

Browse files
Files changed (2) hide show
  1. index.html +30 -30
  2. prompts.txt +2 -1
index.html CHANGED
@@ -154,7 +154,7 @@
154
  <!-- Controls Section -->
155
  <div class="controls-section flex-1 w-full">
156
  <div class="mb-6">
157
- <h2 class="text-2xl font-bold" id="song-title">Spiritual Healing</h2>
158
  <p class="text-gray-400" id="artist-name">BujuRocks</p>
159
  </div>
160
 
@@ -167,7 +167,7 @@
167
  <span id="current-time">0:00</span>
168
  <span id="duration">4:32</span>
169
  </div>
170
- <progress class="progress-bar w-full" id="progress" value="0" max="100"></progress>
171
  </div>
172
 
173
  <!-- Controls -->
@@ -206,17 +206,17 @@
206
 
207
  <!-- Albums Section -->
208
  <div class="container mx-auto px-4 py-12" id="albums">
209
- <h2 class="text-3xl font-bold mb-8 text-center">BujuRocks Albums</h2>
210
  <div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-8">
211
  <!-- Album 1 -->
212
  <div class="bg-gray-800 rounded-xl overflow-hidden shadow-lg transition duration-500 album-hover">
213
  <div class="relative pt-[100%]">
214
  <img src="https://i.scdn.co/image/ab67616d0000b273c8b444df094279e70d0ed856"
215
- class="absolute top-0 left-0 w-full h-full object-cover" alt="Spiritual Healing Album">
216
  </div>
217
  <div class="p-4">
218
- <h3 class="font-bold text-lg mb-1">Spiritual Healing</h3>
219
- <p class="text-gray-400 text-sm mb-3">Album • 2023</p>
220
  <div class="flex justify-between items-center">
221
  <a href="#" class="text-pink-500 hover:text-pink-400 text-sm font-medium">Play Now</a>
222
  <div class="flex space-x-2">
@@ -238,11 +238,11 @@
238
  <div class="bg-gray-800 rounded-xl overflow-hidden shadow-lg transition duration-500 album-hover">
239
  <div class="relative pt-[100%]">
240
  <img src="https://i.scdn.co/image/ab67616d0000b2731a5e7f5c37e221f3067b8c1f"
241
- class="absolute top-0 left-0 w-full h-full object-cover" alt="Rock Revolution Album">
242
  </div>
243
  <div class="p-4">
244
- <h3 class="font-bold text-lg mb-1">Rock Revolution</h3>
245
- <p class="text-gray-400 text-sm mb-3">Album • 2022</p>
246
  <div class="flex justify-between items-center">
247
  <a href="#" class="text-pink-500 hover:text-pink-400 text-sm font-medium">Play Now</a>
248
  <div class="flex space-x-2">
@@ -264,11 +264,11 @@
264
  <div class="bg-gray-800 rounded-xl overflow-hidden shadow-lg transition duration-500 album-hover">
265
  <div class="relative pt-[100%]">
266
  <img src="https://i.scdn.co/image/ab67616d0000b2737a4781629469bb83356cd318"
267
- class="absolute top-0 left-0 w-full h-full object-cover" alt="Electric Dreams Album">
268
  </div>
269
  <div class="p-4">
270
- <h3 class="font-bold text-lg mb-1">Electric Dreams</h3>
271
- <p class="text-gray-400 text-sm mb-3">EP • 2021</p>
272
  <div class="flex justify-between items-center">
273
  <a href="#" class="text-pink-500 hover:text-pink-400 text-sm font-medium">Play Now</a>
274
  <div class="flex space-x-2">
@@ -290,10 +290,10 @@
290
  <div class="bg-gray-800 rounded-xl overflow-hidden shadow-lg transition duration-500 album-hover">
291
  <div class="relative pt-[100%]">
292
  <img src="https://i.scdn.co/image/ab67616d0000b273f3eaae22e1c6b26400073b05"
293
- class="absolute top-0 left-0 w-full h-full object-cover" alt="Neon Lights Album">
294
  </div>
295
  <div class="p-4">
296
- <h3 class="font-bold text-lg mb-1">Neon Lights</h3>
297
  <p class="text-gray-400 text-sm mb-3">Single • 2020</p>
298
  <div class="flex justify-between items-center">
299
  <a href="#" class="text-pink-500 hover:text-pink-400 text-sm font-medium">Play Now</a>
@@ -326,7 +326,7 @@
326
  <iframe class="absolute top-0 left-0 w-full h-full" src="https://www.youtube.com/embed/EYA5ndPCzFU?autoplay=0&rel=0" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
327
  </div>
328
  <div class="p-4">
329
- <h3 class="font-bold text-lg mb-1">BujuRocks - Spiritual Healing (Official Video)</h3>
330
  <p class="text-gray-400 text-sm">5.2M views • 3 months ago</p>
331
  </div>
332
  </div>
@@ -344,7 +344,7 @@
344
  </div>
345
  </div>
346
  <div class="w-2/3 p-4">
347
- <h4 class="font-medium mb-1">Rock Revolution Live</h4>
348
  <p class="text-gray-400 text-sm">1.8M views • 8 months ago</p>
349
  </div>
350
  </div>
@@ -360,7 +360,7 @@
360
  </div>
361
  </div>
362
  <div class="w-2/3 p-4">
363
- <h4 class="font-medium mb-1">Electric Dreams Tour</h4>
364
  <p class="text-gray-400 text-sm">2.3M views • 1 year ago</p>
365
  </div>
366
  </div>
@@ -376,7 +376,7 @@
376
  </div>
377
  </div>
378
  <div class="w-2/3 p-4">
379
- <h4 class="font-medium mb-1">Neon Lights Performance</h4>
380
  <p class="text-gray-400 text-sm">3.1M views • 2 years ago</p>
381
  </div>
382
  </div>
@@ -482,10 +482,10 @@
482
 
483
  // Song data
484
  const songs = [
485
- { title: "Spiritual Healing", artist: "BujuRocks", duration: "4:32", cover: "https://i.scdn.co/image/ab67616d0000b273c8b444df094279e70d0ed856" },
486
- { title: "Rock Revolution", artist: "BujuRocks", duration: "3:45", cover: "https://i.scdn.co/image/ab67616d0000b2731a5e7f5c37e221f3067b8c1f" },
487
- { title: "Electric Dreams", artist: "BujuRocks", duration: "5:18", cover: "https://i.scdn.co/image/ab67616d0000b2737a4781629469bb83356cd318" },
488
- { title: "Neon Lights", artist: "BujuRocks", duration: "3:22", cover: "https://i.scdn.co/image/ab67616d0000b273f3eaae22e1c6b26400073b05" }
489
  ];
490
 
491
  // Play/Pause functionality
@@ -588,10 +588,10 @@
588
 
589
  // Update current time (mock)
590
  const durations = {
591
- "Spiritual Healing": 272,
592
- "Rock Revolution": 225,
593
- "Electric Dreams": 318,
594
- "Neon Lights": 202
595
  };
596
  const totalSeconds = durations[newSong.title];
597
  const currentSeconds = Math.floor(totalSeconds * (progressValue / 100));
@@ -636,10 +636,10 @@
636
 
637
  // Update current time (mock)
638
  const durations = {
639
- "Spiritual Healing": 272,
640
- "Rock Revolution": 225,
641
- "Electric Dreams": 318,
642
- "Neon Lights": 202
643
  };
644
  const totalSeconds = durations[song.title];
645
  const currentSeconds = Math.floor(totalSeconds * (progressValue / 100));
 
154
  <!-- Controls Section -->
155
  <div class="controls-section flex-1 w-full">
156
  <div class="mb-6">
157
+ <h2 class="text-2xl font-bold" id="song-title">TALK2M3</h2>
158
  <p class="text-gray-400" id="artist-name">BujuRocks</p>
159
  </div>
160
 
 
167
  <span id="current-time">0:00</span>
168
  <span id="duration">4:32</span>
169
  </div>
170
+ <progress class="progress-bar w-full" id="progress", value="0" max="100"></progress>
171
  </div>
172
 
173
  <!-- Controls -->
 
206
 
207
  <!-- Albums Section -->
208
  <div class="container mx-auto px-4 py-12" id="albums">
209
+ <h2 class="text-3xl font-bold mb-8 text-center">BujuRocks Singles & Albums</h2>
210
  <div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-8">
211
  <!-- Album 1 -->
212
  <div class="bg-gray-800 rounded-xl overflow-hidden shadow-lg transition duration-500 album-hover">
213
  <div class="relative pt-[100%]">
214
  <img src="https://i.scdn.co/image/ab67616d0000b273c8b444df094279e70d0ed856"
215
+ class="absolute top-0 left-0 w-full h-full object-cover" alt="TALK2M3 Single">
216
  </div>
217
  <div class="p-4">
218
+ <h3 class="font-bold text-lg mb-1">TALK2M3</h3>
219
+ <p class="text-gray-400 text-sm mb-3">Single • 2023</p>
220
  <div class="flex justify-between items-center">
221
  <a href="#" class="text-pink-500 hover:text-pink-400 text-sm font-medium">Play Now</a>
222
  <div class="flex space-x-2">
 
238
  <div class="bg-gray-800 rounded-xl overflow-hidden shadow-lg transition duration-500 album-hover">
239
  <div class="relative pt-[100%]">
240
  <img src="https://i.scdn.co/image/ab67616d0000b2731a5e7f5c37e221f3067b8c1f"
241
+ class="absolute top-0 left-0 w-full h-full object-cover" alt="DESTINY4HELL Single">
242
  </div>
243
  <div class="p-4">
244
+ <h3 class="font-bold text-lg mb-1">DESTINY4HELL</h3>
245
+ <p class="text-gray-400 text-sm mb-3">Single • 2022</p>
246
  <div class="flex justify-between items-center">
247
  <a href="#" class="text-pink-500 hover:text-pink-400 text-sm font-medium">Play Now</a>
248
  <div class="flex space-x-2">
 
264
  <div class="bg-gray-800 rounded-xl overflow-hidden shadow-lg transition duration-500 album-hover">
265
  <div class="relative pt-[100%]">
266
  <img src="https://i.scdn.co/image/ab67616d0000b2737a4781629469bb83356cd318"
267
+ class="absolute top-0 left-0 w-full h-full object-cover" alt="CALLNOMORE Single">
268
  </div>
269
  <div class="p-4">
270
+ <h3 class="font-bold text-lg mb-1">CALLNOMORE</h3>
271
+ <p class="text-gray-400 text-sm mb-3">Single • 2021</p>
272
  <div class="flex justify-between items-center">
273
  <a href="#" class="text-pink-500 hover:text-pink-400 text-sm font-medium">Play Now</a>
274
  <div class="flex space-x-2">
 
290
  <div class="bg-gray-800 rounded-xl overflow-hidden shadow-lg transition duration-500 album-hover">
291
  <div class="relative pt-[100%]">
292
  <img src="https://i.scdn.co/image/ab67616d0000b273f3eaae22e1c6b26400073b05"
293
+ class="absolute top-0 left-0 w-full h-full object-cover" alt="Hey Boy! Do You Love Me? Single">
294
  </div>
295
  <div class="p-4">
296
+ <h3 class="font-bold text-lg mb-1">Hey Boy! Do You Love Me?</h3>
297
  <p class="text-gray-400 text-sm mb-3">Single • 2020</p>
298
  <div class="flex justify-between items-center">
299
  <a href="#" class="text-pink-500 hover:text-pink-400 text-sm font-medium">Play Now</a>
 
326
  <iframe class="absolute top-0 left-0 w-full h-full" src="https://www.youtube.com/embed/EYA5ndPCzFU?autoplay=0&rel=0" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
327
  </div>
328
  <div class="p-4">
329
+ <h3 class="font-bold text-lg mb-1">BujuRocks - Hey Boy! Do You Love Me? (Official Video)</h3>
330
  <p class="text-gray-400 text-sm">5.2M views • 3 months ago</p>
331
  </div>
332
  </div>
 
344
  </div>
345
  </div>
346
  <div class="w-2/3 p-4">
347
+ <h4 class="font-medium mb-1">TALK2M3 Live Performance</h4>
348
  <p class="text-gray-400 text-sm">1.8M views • 8 months ago</p>
349
  </div>
350
  </div>
 
360
  </div>
361
  </div>
362
  <div class="w-2/3 p-4">
363
+ <h4 class="font-medium mb-1">DESTINY4HELL Music Video</h4>
364
  <p class="text-gray-400 text-sm">2.3M views • 1 year ago</p>
365
  </div>
366
  </div>
 
376
  </div>
377
  </div>
378
  <div class="w-2/3 p-4">
379
+ <h4 class="font-medium mb-1">CALLNOMORE Live Session</h4>
380
  <p class="text-gray-400 text-sm">3.1M views • 2 years ago</p>
381
  </div>
382
  </div>
 
482
 
483
  // Song data
484
  const songs = [
485
+ { title: "TALK2M3", artist: "BujuRocks", duration: "4:32", cover: "https://i.scdn.co/image/ab67616d0000b273c8b444df094279e70d0ed856" },
486
+ { title: "DESTINY4HELL", artist: "BujuRocks", duration: "3:45", cover: "https://i.scdn.co/image/ab67616d0000b2731a5e7f5c37e221f3067b8c1f" },
487
+ { title: "CALLNOMORE", artist: "BujuRocks", duration: "5:18", cover: "https://i.scdn.co/image/ab67616d0000b2737a4781629469bb83356cd318" },
488
+ { title: "Hey Boy! Do You Love Me?", artist: "BujuRocks", duration: "3:22", cover: "https://i.scdn.co/image/ab67616d0000b273f3eaae22e1c6b26400073b05" }
489
  ];
490
 
491
  // Play/Pause functionality
 
588
 
589
  // Update current time (mock)
590
  const durations = {
591
+ "TALK2M3": 272,
592
+ "Hey Boy! Do You Love Me?": 225,
593
+ "CALLNOMORE": 318,
594
+ "DESTINY4HELL": 202
595
  };
596
  const totalSeconds = durations[newSong.title];
597
  const currentSeconds = Math.floor(totalSeconds * (progressValue / 100));
 
636
 
637
  // Update current time (mock)
638
  const durations = {
639
+ "TALK2M3": 272,
640
+ "DESTINY4HELL": 225,
641
+ "CALLNOMORE": 318,
642
+ "Hey Boy! Do You Love Me?": 202
643
  };
644
  const totalSeconds = durations[song.title];
645
  const currentSeconds = Math.floor(totalSeconds * (progressValue / 100));
prompts.txt CHANGED
@@ -1,2 +1,3 @@
1
  Bujurocks
2
- Also Add BujuRocks single albums on this webside and change the picture to BujuRocks music album covers. link her websides on this page. Make this side look classy and noticeable. how we access and share best songs making it an essential part of modern communication, education, entertainment, and commerce. global network that connects millions of private music, public, academic, business, and government networks. specifically a system of interlinked documents and resources accessible via the Internet through web browsers. The fundamental building blocks of song information. Data songs from popular artist is often meaningless on its own untilit is processed, organized, and put into context to become "information. World Wide Web is data. Artist Websites are made up of music data. So, "song information means when organized algorithms nanometer" points to the entire sophisticated ecosystem of modern digital technology: from the atomic-level engineering of silicon chips to the intricate logical steps that turn raw measurements into knowledge we can use. The smaller the nanometer scale, the more powerful and efficient the hardware is, allowing algorithms to process more data faster, leading to more, and more rapidly available, song information. meaningful songs efficiency and effectiveness determine how quickly and accurately artist data becomes useful songs. when you interact with a song website, you are often sending and receiving The fundamental building blocks of information song data is often meaningless on its own untilit is processed, organized, and put into context to become "artist information. Use also this link on the webside https://youtu.be/EYA5ndPCzFU?si=rYxRFrO7BvBfRpo9
 
 
1
  Bujurocks
2
+ Also Add BujuRocks single albums on this webside and change the picture to BujuRocks music album covers. link her websides on this page. Make this side look classy and noticeable. how we access and share best songs making it an essential part of modern communication, education, entertainment, and commerce. global network that connects millions of private music, public, academic, business, and government networks. specifically a system of interlinked documents and resources accessible via the Internet through web browsers. The fundamental building blocks of song information. Data songs from popular artist is often meaningless on its own untilit is processed, organized, and put into context to become "information. World Wide Web is data. Artist Websites are made up of music data. So, "song information means when organized algorithms nanometer" points to the entire sophisticated ecosystem of modern digital technology: from the atomic-level engineering of silicon chips to the intricate logical steps that turn raw measurements into knowledge we can use. The smaller the nanometer scale, the more powerful and efficient the hardware is, allowing algorithms to process more data faster, leading to more, and more rapidly available, song information. meaningful songs efficiency and effectiveness determine how quickly and accurately artist data becomes useful songs. when you interact with a song website, you are often sending and receiving The fundamental building blocks of information song data is often meaningless on its own untilit is processed, organized, and put into context to become "artist information. Use also this link on the webside https://youtu.be/EYA5ndPCzFU?si=rYxRFrO7BvBfRpo9
3
+ Fix the changes on the webside