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