Add 3 files
Browse files- README.md +6 -4
- index.html +324 -19
- prompts.txt +1 -0
README.md
CHANGED
|
@@ -1,10 +1,12 @@
|
|
| 1 |
---
|
| 2 |
-
title:
|
| 3 |
-
emoji:
|
| 4 |
-
colorFrom:
|
| 5 |
colorTo: pink
|
| 6 |
sdk: static
|
| 7 |
pinned: false
|
|
|
|
|
|
|
| 8 |
---
|
| 9 |
|
| 10 |
-
Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
|
|
|
|
| 1 |
---
|
| 2 |
+
title: musicnft
|
| 3 |
+
emoji: 🐳
|
| 4 |
+
colorFrom: red
|
| 5 |
colorTo: pink
|
| 6 |
sdk: static
|
| 7 |
pinned: false
|
| 8 |
+
tags:
|
| 9 |
+
- deepsite
|
| 10 |
---
|
| 11 |
|
| 12 |
+
Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
|
index.html
CHANGED
|
@@ -1,19 +1,324 @@
|
|
| 1 |
-
<!
|
| 2 |
-
<html>
|
| 3 |
-
|
| 4 |
-
|
| 5 |
-
|
| 6 |
-
|
| 7 |
-
|
| 8 |
-
|
| 9 |
-
|
| 10 |
-
|
| 11 |
-
|
| 12 |
-
|
| 13 |
-
|
| 14 |
-
|
| 15 |
-
|
| 16 |
-
|
| 17 |
-
|
| 18 |
-
|
| 19 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
<!DOCTYPE html>
|
| 2 |
+
<html lang="en">
|
| 3 |
+
<head>
|
| 4 |
+
<meta charset="UTF-8">
|
| 5 |
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
| 6 |
+
<title>BujuRocks | Neon Electronic Soundscapes</title>
|
| 7 |
+
<script src="https://cdn.tailwindcss.com"></script>
|
| 8 |
+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
|
| 9 |
+
<style>
|
| 10 |
+
@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&family=Press+Start+2P&display=swap');
|
| 11 |
+
|
| 12 |
+
body {
|
| 13 |
+
font-family: 'Orbitron', sans-serif;
|
| 14 |
+
background-color: #0f0e17;
|
| 15 |
+
color: #fffffe;
|
| 16 |
+
overflow-x: hidden;
|
| 17 |
+
}
|
| 18 |
+
|
| 19 |
+
.hyperspace-bg {
|
| 20 |
+
background: linear-gradient(-45deg, #0f0e17, #1a1a2e, #16213e, #0f3460);
|
| 21 |
+
background-size: 400% 400%;
|
| 22 |
+
animation: gradient 15s ease infinite;
|
| 23 |
+
}
|
| 24 |
+
|
| 25 |
+
@keyframes gradient {
|
| 26 |
+
0% { background-position: 0% 50%; }
|
| 27 |
+
50% { background-position: 100% 50%; }
|
| 28 |
+
100% { background-position: 0% 50%; }
|
| 29 |
+
}
|
| 30 |
+
|
| 31 |
+
.neon-text {
|
| 32 |
+
text-shadow: 0 0 5px #ff2a6d, 0 0 10px #ff2a6d, 0 0 15px #ff2a6d, 0 0 20px #ff2a6d;
|
| 33 |
+
}
|
| 34 |
+
|
| 35 |
+
.glow-box {
|
| 36 |
+
box-shadow: 0 0 15px #05d9e8;
|
| 37 |
+
transition: all 0.3s ease;
|
| 38 |
+
}
|
| 39 |
+
|
| 40 |
+
.glow-box:hover {
|
| 41 |
+
box-shadow: 0 0 25px #05d9e8, 0 0 35px #05d9e8;
|
| 42 |
+
transform: translateY(-5px);
|
| 43 |
+
}
|
| 44 |
+
|
| 45 |
+
.pulse {
|
| 46 |
+
animation: pulse 2s infinite;
|
| 47 |
+
}
|
| 48 |
+
|
| 49 |
+
@keyframes pulse {
|
| 50 |
+
0% { transform: scale(1); }
|
| 51 |
+
50% { transform: scale(1.05); }
|
| 52 |
+
100% { transform: scale(1); }
|
| 53 |
+
}
|
| 54 |
+
|
| 55 |
+
.scanline {
|
| 56 |
+
position: relative;
|
| 57 |
+
overflow: hidden;
|
| 58 |
+
}
|
| 59 |
+
|
| 60 |
+
.scanline:after {
|
| 61 |
+
content: "";
|
| 62 |
+
position: absolute;
|
| 63 |
+
top: 0;
|
| 64 |
+
left: 0;
|
| 65 |
+
right: 0;
|
| 66 |
+
height: 2px;
|
| 67 |
+
background: rgba(5, 217, 232, 0.5);
|
| 68 |
+
box-shadow: 0 0 10px rgba(5, 217, 232, 0.7);
|
| 69 |
+
animation: scan 8s linear infinite;
|
| 70 |
+
}
|
| 71 |
+
|
| 72 |
+
@keyframes scan {
|
| 73 |
+
0% { top: 0; }
|
| 74 |
+
100% { top: 100%; }
|
| 75 |
+
}
|
| 76 |
+
</style>
|
| 77 |
+
</head>
|
| 78 |
+
<body class="hyperspace-bg">
|
| 79 |
+
<!-- Header -->
|
| 80 |
+
<header class="relative overflow-hidden">
|
| 81 |
+
<div class="absolute inset-0 bg-black opacity-50"></div>
|
| 82 |
+
<div class="container mx-auto px-4 py-16 relative z-10">
|
| 83 |
+
<div class="flex flex-col items-center justify-center text-center">
|
| 84 |
+
<h1 class="text-6xl md:text-8xl font-bold mb-6 neon-text pulse">BUJUROCKS</h1>
|
| 85 |
+
<p class="text-xl md:text-2xl mb-8 text-cyan-300">Discover the neon-soaked electronic soundscape that's captivating listeners worldwide</p>
|
| 86 |
+
|
| 87 |
+
<div class="flex flex-wrap justify-center gap-4 mb-12">
|
| 88 |
+
<a href="https://open.spotify.com/track/4BsRdA1AYBd17ZiBVu28Kv?si=WnoWtTHWQWOa2I_G3eoIUA" target="_blank" class="bg-[#1DB954] hover:bg-[#1ed760] text-white font-bold py-3 px-6 rounded-full flex items-center gap-2 transition-all glow-box">
|
| 89 |
+
<i class="fab fa-spotify text-2xl"></i> Stream on Spotify
|
| 90 |
+
</a>
|
| 91 |
+
<a href="https://audius.co/bujurocks" target="_blank" class="bg-purple-600 hover:bg-purple-500 text-white font-bold py-3 px-6 rounded-full flex items-center gap-2 transition-all glow-box">
|
| 92 |
+
<i class="fas fa-music text-xl"></i> Audius Profile
|
| 93 |
+
</a>
|
| 94 |
+
<a href="https://youtu.be/wqA3irdoPyc?si=fRGDuvuPs1XmTU8i" target="_blank" class="bg-red-600 hover:bg-red-500 text-white font-bold py-3 px-6 rounded-full flex items-center gap-2 transition-all glow-box">
|
| 95 |
+
<i class="fab fa-youtube text-2xl"></i> Watch Video
|
| 96 |
+
</a>
|
| 97 |
+
</div>
|
| 98 |
+
|
| 99 |
+
<div class="w-full max-w-2xl bg-black bg-opacity-50 p-6 rounded-xl border border-cyan-400 glow-box">
|
| 100 |
+
<h2 class="text-3xl font-bold mb-4 text-cyan-300">Join the Electronic Revolution</h2>
|
| 101 |
+
<p class="mb-6">BujuRocks is pioneering the fusion of electronic music with blockchain technology through exclusive Music NFTs. Own a piece of the soundscape revolution.</p>
|
| 102 |
+
|
| 103 |
+
<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
|
| 104 |
+
<div class="bg-gray-900 bg-opacity-70 p-4 rounded-lg border border-purple-500">
|
| 105 |
+
<h3 class="text-xl font-bold text-purple-400 mb-2">Latest Drop</h3>
|
| 106 |
+
<p class="text-sm">"Neon Dreams" - Limited Edition 1/1 NFT</p>
|
| 107 |
+
</div>
|
| 108 |
+
<div class="bg-gray-900 bg-opacity-70 p-4 rounded-lg border border-cyan-500">
|
| 109 |
+
<h3 class="text-xl font-bold text-cyan-400 mb-2">Upcoming</h3>
|
| 110 |
+
<p class="text-sm">"Hyperspace Odyssey" - Generative Audio-Visual Collection</p>
|
| 111 |
+
</div>
|
| 112 |
+
</div>
|
| 113 |
+
</div>
|
| 114 |
+
</div>
|
| 115 |
+
</div>
|
| 116 |
+
</header>
|
| 117 |
+
|
| 118 |
+
<!-- Music NFT Section -->
|
| 119 |
+
<section class="py-16 px-4 scanline">
|
| 120 |
+
<div class="container mx-auto">
|
| 121 |
+
<h2 class="text-4xl md:text-5xl font-bold mb-12 text-center text-cyan-300 neon-text">Music NFT Revolution</h2>
|
| 122 |
+
|
| 123 |
+
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
|
| 124 |
+
<!-- OpenSea -->
|
| 125 |
+
<div class="bg-gray-900 bg-opacity-70 p-6 rounded-xl border border-blue-500 glow-box hover:border-blue-400 transition-all">
|
| 126 |
+
<div class="flex items-center mb-4">
|
| 127 |
+
<img src="https://storage.googleapis.com/opensea-static/Logomark/Logomark-Blue.png" alt="OpenSea" class="w-12 h-12 mr-4">
|
| 128 |
+
<h3 class="text-2xl font-bold text-blue-400">OpenSea</h3>
|
| 129 |
+
</div>
|
| 130 |
+
<p class="mb-4">The most popular and currently biggest NFT marketplace where you can find BujuRocks' exclusive music NFTs.</p>
|
| 131 |
+
<a href="https://opensea.io" target="_blank" class="inline-block bg-blue-600 hover:bg-blue-500 text-white py-2 px-4 rounded-full text-sm transition-all">Explore</a>
|
| 132 |
+
</div>
|
| 133 |
+
|
| 134 |
+
<!-- Audius -->
|
| 135 |
+
<div class="bg-gray-900 bg-opacity-70 p-6 rounded-xl border border-purple-500 glow-box hover:border-purple-400 transition-all">
|
| 136 |
+
<div class="flex items-center mb-4">
|
| 137 |
+
<img src="https://audius.co/static/img/favicon-32x32.png" alt="Audius" class="w-12 h-12 mr-4">
|
| 138 |
+
<h3 class="text-2xl font-bold text-purple-400">Audius</h3>
|
| 139 |
+
</div>
|
| 140 |
+
<p class="mb-4">A decentralized music streaming platform where BujuRocks shares tracks and exclusive NFTs through the $AUDIO token.</p>
|
| 141 |
+
<a href="https://audius.co/bujurocks" target="_blank" class="inline-block bg-purple-600 hover:bg-purple-500 text-white py-2 px-4 rounded-full text-sm transition-all">Visit Profile</a>
|
| 142 |
+
</div>
|
| 143 |
+
|
| 144 |
+
<!-- Zora -->
|
| 145 |
+
<div class="bg-gray-900 bg-opacity-70 p-6 rounded-xl border border-pink-500 glow-box hover:border-pink-400 transition-all">
|
| 146 |
+
<div class="flex items-center mb-4">
|
| 147 |
+
<img src="https://zora.co/favicon.ico" alt="Zora" class="w-12 h-12 mr-4">
|
| 148 |
+
<h3 class="text-2xl font-bold text-pink-400">Zora</h3>
|
| 149 |
+
</div>
|
| 150 |
+
<p class="mb-4">A universal media registry protocol where BujuRocks publishes and monetizes digital creations as NFTs.</p>
|
| 151 |
+
<a href="https://zora.co" target="_blank" class="inline-block bg-pink-600 hover:bg-pink-500 text-white py-2 px-4 rounded-full text-sm transition-all">Discover</a>
|
| 152 |
+
</div>
|
| 153 |
+
|
| 154 |
+
<!-- Rarible -->
|
| 155 |
+
<div class="bg-gray-900 bg-opacity-70 p-6 rounded-xl border border-yellow-500 glow-box hover:border-yellow-400 transition-all">
|
| 156 |
+
<div class="flex items-center mb-4">
|
| 157 |
+
<img src="https://rarible.com/favicon.png" alt="Rarible" class="w-12 h-12 mr-4">
|
| 158 |
+
<h3 class="text-2xl font-bold text-yellow-400">Rarible</h3>
|
| 159 |
+
</div>
|
| 160 |
+
<p class="mb-4">One of the earliest NFT marketplaces supporting music NFTs, featuring limited edition BujuRocks collectibles.</p>
|
| 161 |
+
<a href="https://rarible.com" target="_blank" class="inline-block bg-yellow-600 hover:bg-yellow-500 text-white py-2 px-4 rounded-full text-sm transition-all">Browse</a>
|
| 162 |
+
</div>
|
| 163 |
+
|
| 164 |
+
<!-- Sound.xyz -->
|
| 165 |
+
<div class="bg-gray-900 bg-opacity-70 p-6 rounded-xl border border-green-500 glow-box hover:border-green-400 transition-all">
|
| 166 |
+
<div class="flex items-center mb-4">
|
| 167 |
+
<img src="https://sound.xyz/favicon.ico" alt="Sound.xyz" class="w-12 h-12 mr-4">
|
| 168 |
+
<h3 class="text-2xl font-bold text-green-400">Sound.xyz</h3>
|
| 169 |
+
</div>
|
| 170 |
+
<p class="mb-4">A premium music NFT marketplace where BujuRocks releases exclusive tracks with unique visual artwork.</p>
|
| 171 |
+
<a href="https://sound.xyz" target="_blank" class="inline-block bg-green-600 hover:bg-green-500 text-white py-2 px-4 rounded-full text-sm transition-all">Listen</a>
|
| 172 |
+
</div>
|
| 173 |
+
|
| 174 |
+
<!-- Royal -->
|
| 175 |
+
<div class="bg-gray-900 bg-opacity-70 p-6 rounded-xl border border-red-500 glow-box hover:border-red-400 transition-all">
|
| 176 |
+
<div class="flex items-center mb-4">
|
| 177 |
+
<img src="https://royal.io/favicon.ico" alt="Royal" class="w-12 h-12 mr-4">
|
| 178 |
+
<h3 class="text-2xl font-bold text-red-400">Royal</h3>
|
| 179 |
+
</div>
|
| 180 |
+
<p class="mb-4">Own a piece of BujuRocks' music catalog with royalty-sharing NFTs that give you rights to future revenue.</p>
|
| 181 |
+
<a href="https://royal.io" target="_blank" class="inline-block bg-red-600 hover:bg-red-500 text-white py-2 px-4 rounded-full text-sm transition-all">Invest</a>
|
| 182 |
+
</div>
|
| 183 |
+
</div>
|
| 184 |
+
</div>
|
| 185 |
+
</section>
|
| 186 |
+
|
| 187 |
+
<!-- Promotion Tips -->
|
| 188 |
+
<section class="py-16 px-4 bg-black bg-opacity-50">
|
| 189 |
+
<div class="container mx-auto">
|
| 190 |
+
<h2 class="text-4xl md:text-5xl font-bold mb-12 text-center text-purple-400 neon-text">Promote Your Music NFTs</h2>
|
| 191 |
+
|
| 192 |
+
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
|
| 193 |
+
<div class="bg-gray-900 bg-opacity-70 p-6 rounded-xl border border-cyan-500 glow-box">
|
| 194 |
+
<div class="text-cyan-400 text-3xl mb-4">
|
| 195 |
+
<i class="fas fa-users"></i>
|
| 196 |
+
</div>
|
| 197 |
+
<h3 class="text-2xl font-bold text-cyan-300 mb-3">Community Building</h3>
|
| 198 |
+
<p class="mb-4">Engage with fans through Discord and Telegram. Offer exclusive NFT perks to community members.</p>
|
| 199 |
+
</div>
|
| 200 |
+
|
| 201 |
+
<div class="bg-gray-900 bg-opacity-70 p-6 rounded-xl border border-pink-500 glow-box">
|
| 202 |
+
<div class="text-pink-400 text-3xl mb-4">
|
| 203 |
+
<i class="fas fa-gem"></i>
|
| 204 |
+
</div>
|
| 205 |
+
<h3 class="text-2xl font-bold text-pink-300 mb-3">Utility NFTs</h3>
|
| 206 |
+
<p class="mb-4">Create NFTs with real-world benefits like concert tickets, backstage passes, or exclusive content access.</p>
|
| 207 |
+
</div>
|
| 208 |
+
|
| 209 |
+
<div class="bg-gray-900 bg-opacity-70 p-6 rounded-xl border border-yellow-500 glow-box">
|
| 210 |
+
<div class="text-yellow-400 text-3xl mb-4">
|
| 211 |
+
<i class="fas fa-video"></i>
|
| 212 |
+
</div>
|
| 213 |
+
<h3 class="text-2xl font-bold text-yellow-300 mb-3">Visual Storytelling</h3>
|
| 214 |
+
<p class="mb-4">Pair your music with stunning visual art and animations to create immersive NFT experiences.</p>
|
| 215 |
+
</div>
|
| 216 |
+
|
| 217 |
+
<div class="bg-gray-900 bg-opacity-70 p-6 rounded-xl border border-green-500 glow-box">
|
| 218 |
+
<div class="text-green-400 text-3xl mb-4">
|
| 219 |
+
<i class="fas fa-layer-group"></i>
|
| 220 |
+
</div>
|
| 221 |
+
<h3 class="text-2xl font-bold text-green-300 mb-3">Generative Drops</h3>
|
| 222 |
+
<p class="mb-4">Release algorithmically generated music/visual combinations that make each NFT unique.</p>
|
| 223 |
+
</div>
|
| 224 |
+
|
| 225 |
+
<div class="bg-gray-900 bg-opacity-70 p-6 rounded-xl border border-red-500 glow-box">
|
| 226 |
+
<div class="text-red-400 text-3xl mb-4">
|
| 227 |
+
<i class="fas fa-trophy"></i>
|
| 228 |
+
</div>
|
| 229 |
+
<h3 class="text-2xl font-bold text-red-300 mb-3">Royalty Shares</h3>
|
| 230 |
+
<p class="mb-4">Offer NFTs that include percentage ownership of streaming royalties from your tracks.</p>
|
| 231 |
+
</div>
|
| 232 |
+
|
| 233 |
+
<div class="bg-gray-900 bg-opacity-70 p-6 rounded-xl border border-blue-500 glow-box">
|
| 234 |
+
<div class="text-blue-400 text-3xl mb-4">
|
| 235 |
+
<i class="fas fa-robot"></i>
|
| 236 |
+
</div>
|
| 237 |
+
<h3 class="text-2xl font-bold text-blue-300 mb-3">AI Collaborations</h3>
|
| 238 |
+
<p class="mb-4">Use AI tools to create unique remixes or visualizers that can be minted as limited edition NFTs.</p>
|
| 239 |
+
</div>
|
| 240 |
+
</div>
|
| 241 |
+
</div>
|
| 242 |
+
</section>
|
| 243 |
+
|
| 244 |
+
<!-- Call to Action -->
|
| 245 |
+
<section class="py-20 px-4 text-center">
|
| 246 |
+
<div class="container mx-auto max-w-4xl">
|
| 247 |
+
<h2 class="text-4xl md:text-6xl font-bold mb-8 neon-text pulse">Join the Electronic NFT Movement</h2>
|
| 248 |
+
<p class="text-xl md:text-2xl mb-12 text-cyan-300">Own a piece of BujuRocks' neon soundscape revolution through exclusive Music NFTs</p>
|
| 249 |
+
|
| 250 |
+
<div class="flex flex-wrap justify-center gap-6">
|
| 251 |
+
<a href="https://audius.co/bujurocks" target="_blank" class="bg-purple-600 hover:bg-purple-500 text-white font-bold py-4 px-8 rounded-full flex items-center gap-3 text-lg transition-all glow-box">
|
| 252 |
+
<i class="fas fa-headphones"></i> Stream on Audius
|
| 253 |
+
</a>
|
| 254 |
+
<a href="https://opensea.io" target="_blank" class="bg-blue-600 hover:bg-blue-500 text-white font-bold py-4 px-8 rounded-full flex items-center gap-3 text-lg transition-all glow-box">
|
| 255 |
+
<i class="fas fa-coins"></i> Collect NFTs
|
| 256 |
+
</a>
|
| 257 |
+
<a href="https://youtu.be/wqA3irdoPyc?si=fRGDuvuPs1XmTU8i" target="_blank" class="bg-red-600 hover:bg-red-500 text-white font-bold py-4 px-8 rounded-full flex items-center gap-3 text-lg transition-all glow-box">
|
| 258 |
+
<i class="fab fa-youtube"></i> Watch Video
|
| 259 |
+
</a>
|
| 260 |
+
</div>
|
| 261 |
+
</div>
|
| 262 |
+
</section>
|
| 263 |
+
|
| 264 |
+
<!-- Footer -->
|
| 265 |
+
<footer class="py-12 px-4 bg-black bg-opacity-70">
|
| 266 |
+
<div class="container mx-auto">
|
| 267 |
+
<div class="flex flex-col md:flex-row justify-between items-center">
|
| 268 |
+
<div class="mb-6 md:mb-0">
|
| 269 |
+
<h2 class="text-3xl font-bold neon-text">BUJUROCKS</h2>
|
| 270 |
+
<p class="text-cyan-300 mt-2">Neon Electronic Soundscapes</p>
|
| 271 |
+
</div>
|
| 272 |
+
|
| 273 |
+
<div class="flex space-x-6">
|
| 274 |
+
<a href="https://twitter.com" target="_blank" class="text-2xl text-cyan-400 hover:text-cyan-300 transition-all">
|
| 275 |
+
<i class="fab fa-twitter"></i>
|
| 276 |
+
</a>
|
| 277 |
+
<a href="https://instagram.com" target="_blank" class="text-2xl text-purple-400 hover:text-purple-300 transition-all">
|
| 278 |
+
<i class="fab fa-instagram"></i>
|
| 279 |
+
</a>
|
| 280 |
+
<a href="https://discord.com" target="_blank" class="text-2xl text-blue-400 hover:text-blue-300 transition-all">
|
| 281 |
+
<i class="fab fa-discord"></i>
|
| 282 |
+
</a>
|
| 283 |
+
<a href="https://tiktok.com" target="_blank" class="text-2xl text-pink-400 hover:text-pink-300 transition-all">
|
| 284 |
+
<i class="fab fa-tiktok"></i>
|
| 285 |
+
</a>
|
| 286 |
+
</div>
|
| 287 |
+
</div>
|
| 288 |
+
|
| 289 |
+
<div class="border-t border-gray-800 mt-8 pt-8 text-center text-gray-400">
|
| 290 |
+
<p>© 2023 BujuRocks. All rights reserved. The future of music is decentralized.</p>
|
| 291 |
+
</div>
|
| 292 |
+
</div>
|
| 293 |
+
</footer>
|
| 294 |
+
|
| 295 |
+
<script>
|
| 296 |
+
// Add any interactive elements here
|
| 297 |
+
document.addEventListener('DOMContentLoaded', function() {
|
| 298 |
+
// Add animation class to elements when they come into view
|
| 299 |
+
const observer = new IntersectionObserver((entries) => {
|
| 300 |
+
entries.forEach(entry => {
|
| 301 |
+
if (entry.isIntersecting) {
|
| 302 |
+
entry.target.classList.add('animate__animated', 'animate__fadeInUp');
|
| 303 |
+
}
|
| 304 |
+
});
|
| 305 |
+
}, {threshold: 0.1});
|
| 306 |
+
|
| 307 |
+
document.querySelectorAll('.glow-box').forEach(box => {
|
| 308 |
+
observer.observe(box);
|
| 309 |
+
});
|
| 310 |
+
|
| 311 |
+
// Play button effect
|
| 312 |
+
const playButtons = document.querySelectorAll('.play-button');
|
| 313 |
+
playButtons.forEach(button => {
|
| 314 |
+
button.addEventListener('click', function() {
|
| 315 |
+
this.classList.add('animate__animated', 'animate__pulse');
|
| 316 |
+
setTimeout(() => {
|
| 317 |
+
this.classList.remove('animate__animated', 'animate__pulse');
|
| 318 |
+
}, 1000);
|
| 319 |
+
});
|
| 320 |
+
});
|
| 321 |
+
});
|
| 322 |
+
</script>
|
| 323 |
+
<p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=Bujurocks/musicnft" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
|
| 324 |
+
</html>
|
prompts.txt
ADDED
|
@@ -0,0 +1 @@
|
|
|
|
|
|
|
| 1 |
+
BujuRocks calls on you to “Discover the neon-soaked electronic soundscape that’s captivating listeners worldwide.”add this link on the page "https://open.spotify.com/track/4BsRdA1AYBd17ZiBVu28Kv?si=WnoWtTHWQWOa2I_G3eoIUA" Make a very successful webside for entertainment purposes create a marketing platform that is vibrant colors and very HYPERSPACE music minting. Mention these: Best NFT marketplaces for music NFTs. The most popular and, currently, biggest NFT marketplace, OpenSea,Audius is a music streaming and sharing site as well as a music NFT marketplace. Audius intends to decentralize the music industry by utilizing blockchain technology. It runs a streaming service like Spotify, where artists can sell NFTs through its $AUDIO token to generate revenue from their music.Zora describes itself as a "universal media registry protocol," allowing artists to publish and monetize their digital creationsMintable lets creators mint their digital works on the blockchain for free. Rarible is one of the earliest and best NFT marketplaces that support the trading of music NFTs. PlayTreks is an AI-driven analytics platform and a music NFT marketplace that is slowly gaining popularity. Catalog is among the best music NFT marketplaces for launching single-edition music NFTs, a category known as 1/1 in the NFT world. Sound.xyz is a music NFT marketplace that sells music and also serves as a streaming site.Royal is a music NFT marketplace founded by Justin Blau, AKA 3lau, an EDM DJ, and Justin Ross, co-founder of Opendoor, that gives NFT owners the rights to songs sold on the platform. for more ideas to promote your Music NFTs as an artist? Also make a link for" https://audius.co/bujurocks " add another link "https://youtu.be/wqA3irdoPyc?si=fRGDuvuPs1XmTU8i"
|