Add 2 files
Browse files- index.html +30 -30
- 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">
|
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="
|
216 |
</div>
|
217 |
<div class="p-4">
|
218 |
-
<h3 class="font-bold text-lg mb-1">
|
219 |
-
<p class="text-gray-400 text-sm mb-3">
|
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="
|
242 |
</div>
|
243 |
<div class="p-4">
|
244 |
-
<h3 class="font-bold text-lg mb-1">
|
245 |
-
<p class="text-gray-400 text-sm mb-3">
|
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="
|
268 |
</div>
|
269 |
<div class="p-4">
|
270 |
-
<h3 class="font-bold text-lg mb-1">
|
271 |
-
<p class="text-gray-400 text-sm mb-3">
|
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="
|
294 |
</div>
|
295 |
<div class="p-4">
|
296 |
-
<h3 class="font-bold text-lg mb-1">
|
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 -
|
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">
|
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">
|
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">
|
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: "
|
486 |
-
{ title: "
|
487 |
-
{ title: "
|
488 |
-
{ title: "
|
489 |
];
|
490 |
|
491 |
// Play/Pause functionality
|
@@ -588,10 +588,10 @@
|
|
588 |
|
589 |
// Update current time (mock)
|
590 |
const durations = {
|
591 |
-
"
|
592 |
-
"
|
593 |
-
"
|
594 |
-
"
|
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 |
-
"
|
640 |
-
"
|
641 |
-
"
|
642 |
-
"
|
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
|