diff --git a/sku-script.js b/sku-script.js index 0d5d324..a759dbf 100644 --- a/sku-script.js +++ b/sku-script.js @@ -23,8 +23,16 @@ document.addEventListener('DOMContentLoaded', function() { featureBox.className = 'video-box'; featureBox.innerHTML = `

${item.title}

`; featureBox.addEventListener('click', () => { - window.location.href = `detail.html?title=${encodeURIComponent(item.title)}&videoUrl=${encodeURIComponent(item.videoUrl)}&description=${encodeURIComponent(item.description)}`; + window.location.href = `detail.html?title=${encodeURIComponent(item.title)}&videoUrl=${encodeURIComponent(item.videoUrl)}&description=${encodeURIComponent(item.description)}`; }); + + if (!item.videoUrl || item.videoUrl === "") { + const comingSoonBanner = document.createElement('div'); + comingSoonBanner.id = 'coming-soon'; + comingSoonBanner.className = 'coming-soon-small'; + comingSoonBanner.innerHTML = '
Coming soon
'; + featureBox.appendChild(comingSoonBanner); + } featureGrid.appendChild(featureBox); }); diff --git a/styles.css b/styles.css index 12cbc5c..0c0b084 100644 --- a/styles.css +++ b/styles.css @@ -108,7 +108,7 @@ .video-box { min-width: 120px; - min-height: 100px; + min-height: 125px; text-align: center; border: 1px solid #6272a4; } @@ -423,7 +423,8 @@ h1 { justify-content: center; align-items: center; margin: 30px; - border: 3px solid white; + border: 3px solid #00ff00; + color: #00ff00; width: 90%; /* Assuming the iframe width */ height: 500px; /* Assuming the iframe height, adjust as necessary */ font-size: 24px; /* Bigger font to make the message stand out */ @@ -433,4 +434,9 @@ h1 { .coming-soon div { height: 100%; padding: 50px; - } \ No newline at end of file + } + +.coming-soon-small { + font-size: smaller; + color: #00ff00; +} \ No newline at end of file