Update shows.html

This commit is contained in:
saulteafarmer 2025-04-17 15:22:59 +00:00
parent f32f313ff8
commit 9c725b838d

View File

@ -32,12 +32,13 @@
<div id="shows-container" class="space-y-10"></div> <div id="shows-container" class="space-y-10"></div>
<style> <style>
.show-box { .show-box {
border: 1px solid #ddd; border: 1px solid #333;
border-radius: 0.5rem; border-radius: 0.5rem;
padding: 1rem; padding: 1rem;
background-color: #fff; background-color: #000;
box-shadow: 0 2px 4px rgba(0,0,0,0.05); box-shadow: 0 2px 4px rgba(0,0,0,0.3);
} color: white;
}
</style> </style>
</section> </section>
</main> </main>
@ -60,8 +61,8 @@
const content = document.createElement('div'); const content = document.createElement('div');
content.className = 'mt-4 md:mt-0 md:w-1/2 md:px-6'; content.className = 'mt-4 md:mt-0 md:w-1/2 md:px-6';
content.innerHTML = ` content.innerHTML = `
<h3 class=\"text-xl font-bold mb-2\">${show.title}</h3> <h3 class=\"text-2xl font-extrabold mb-2 text-white\">${show.title}</h3>
<p class=\"mb-4 text-gray-700\">${show.description}</p> <p class=\"mb-4 text-white\">${show.description}</p>
<div class=\"space-x-2 flex justify-center\"> <div class=\"space-x-2 flex justify-center\">
${show.fountainlink ? `<a href=\"${show.fountainlink}\" class=\"bg-orange text-white px-3 py-1 rounded\">Fountain</a>` : ''} ${show.fountainlink ? `<a href=\"${show.fountainlink}\" class=\"bg-orange text-white px-3 py-1 rounded\">Fountain</a>` : ''}
${show.xlink ? `<a href=\"${show.xlink}\" class=\"bg-orange text-white px-3 py-1 rounded\">X</a>` : ''} ${show.xlink ? `<a href=\"${show.xlink}\" class=\"bg-orange text-white px-3 py-1 rounded\">X</a>` : ''}