From 5262ce213bde042fe03619c75ae3ac0316806853 Mon Sep 17 00:00:00 2001 From: Biswakalyan Bhuyan Date: Mon, 8 Apr 2024 14:15:04 +0530 Subject: comming-soon Blacklist --- themes/coming-soon/static/bg.mp4 | Bin 0 -> 1668195 bytes themes/coming-soon/static/css/styles.css | 114 ++++++++++++++++++++++ themes/coming-soon/static/favicon.ico | Bin 0 -> 15406 bytes themes/coming-soon/static/js/script.js | 31 ++++++ themes/coming-soon/static/svg/icons/email.svg | 1 + themes/coming-soon/static/svg/icons/facebook.svg | 1 + themes/coming-soon/static/svg/icons/github.svg | 1 + themes/coming-soon/static/svg/icons/instagram.svg | 1 + themes/coming-soon/static/svg/icons/linkedin.svg | 1 + themes/coming-soon/static/svg/icons/tiktok.svg | 1 + themes/coming-soon/static/svg/icons/twitter.svg | 1 + 11 files changed, 152 insertions(+) create mode 100644 themes/coming-soon/static/bg.mp4 create mode 100644 themes/coming-soon/static/css/styles.css create mode 100644 themes/coming-soon/static/favicon.ico create mode 100644 themes/coming-soon/static/js/script.js create mode 100644 themes/coming-soon/static/svg/icons/email.svg create mode 100644 themes/coming-soon/static/svg/icons/facebook.svg create mode 100644 themes/coming-soon/static/svg/icons/github.svg create mode 100644 themes/coming-soon/static/svg/icons/instagram.svg create mode 100644 themes/coming-soon/static/svg/icons/linkedin.svg create mode 100644 themes/coming-soon/static/svg/icons/tiktok.svg create mode 100644 themes/coming-soon/static/svg/icons/twitter.svg (limited to 'themes/coming-soon/static') diff --git a/themes/coming-soon/static/bg.mp4 b/themes/coming-soon/static/bg.mp4 new file mode 100644 index 0000000..89df32b Binary files /dev/null and b/themes/coming-soon/static/bg.mp4 differ diff --git a/themes/coming-soon/static/css/styles.css b/themes/coming-soon/static/css/styles.css new file mode 100644 index 0000000..b8f468b --- /dev/null +++ b/themes/coming-soon/static/css/styles.css @@ -0,0 +1,114 @@ +* { +margin: 0; +padding: 0; +} + +.bgimg { +/* Full-screen */ +height: 100vh; /* Use viewport height for full-screen height */ +/* Center the background image */ +background-position: center; +/* Scale and zoom in the image */ +background-size: cover; +/* Add position: relative to enable absolutely positioned elements inside the image (place text) */ +position: relative; +/* Add a white text color to all elements inside the .bgimg container */ +color: white; +/* Add a font */ +font-family: "Courier New", Courier, monospace; +/* Set the font-size to 25 pixels */ +font-size: 25px; +} + +.bgimg video { +width: 100%; +height: 100%; /* Make the video fill the entire .bgimg container */ +object-fit: cover; /* Make the video cover the container without stretching */ +display: block; /* Remove any extra spacing */ +position: absolute; /* Position the video absolutely within the .bgimg container */ +} + + +/* Position text in the top-left corner */ +.topleft { +position: absolute; +top: 16px; +left: 16px; +} + +/* Position text in the bottom-left corner */ +.bottomleft { +position: absolute; +bottom: 16px; +left: 16px; +} + +/* Position text in the middle */ +.middle { +position: absolute; +top: 50%; +left: 50%; +transform: translate(-50%, -50%); +text-align: center; +} +#demo{ + font-size:30px; + padding: 10px; +} +@media screen AND (max-width:600px) { + .middle h1{ + font-size: 20px; + } + #demo{ + font-size: 20px; + } +} + +/* Style the
element */ +hr { +margin: auto; +width: 40%; +} + +/* right side */ +.social-icons { + text-align: center; + filter: brightness(0) invert(1); +} + +.social-icons .social-icons-list { + display: inline-block; + list-style-type: none; + padding: 0; + text-align: center; +} + +.social-icons-list .social-icon { + box-sizing: border-box; + display: inline-block; + height: 24px; + margin: 0 6px; + width: 24px; +} + +.social-icon a svg path { + transition: fill 0.15s ease; +} + +.topright { + position: absolute; + top: 16px; + right: 15px; +} + +.topright a{ + text-decoration: none; + color: #0e0e10; +} + +/* left side */ +.left{ + right: 0; + bottom: 10px; + position: absolute; +} \ No newline at end of file diff --git a/themes/coming-soon/static/favicon.ico b/themes/coming-soon/static/favicon.ico new file mode 100644 index 0000000..253be4b Binary files /dev/null and b/themes/coming-soon/static/favicon.ico differ diff --git a/themes/coming-soon/static/js/script.js b/themes/coming-soon/static/js/script.js new file mode 100644 index 0000000..9d06633 --- /dev/null +++ b/themes/coming-soon/static/js/script.js @@ -0,0 +1,31 @@ +// Get the release date from the data attribute +var releaseDateStr = document.getElementById("countdown").getAttribute("data-release"); + +// Create a JavaScript Date object using the release date string +var countDownDate = new Date(releaseDateStr); + +// Update the count down every 1 second +var x = setInterval(function() { + + // Get todays date and time + var now = new Date().getTime(); + + // Find the distance between now an the count down date + var distance = countDownDate - now; + + // Time calculations for days, hours, minutes and seconds + var days = Math.floor(distance / (1000 * 60 * 60 * 24)); + var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)); + var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60)); + var seconds = Math.floor((distance % (1000 * 60)) / 1000); + + // Display the result in an element with id="demo" + document.getElementById("demo").innerHTML = days + "d " + hours + "h " + + minutes + "m " + seconds + "s "; + + // If the count down is finished, write some text + if (distance < 0) { + clearInterval(x); + document.getElementById("demo").innerHTML = "EXPIRED"; + } +}, 1000); \ No newline at end of file diff --git a/themes/coming-soon/static/svg/icons/email.svg b/themes/coming-soon/static/svg/icons/email.svg new file mode 100644 index 0000000..3811b59 --- /dev/null +++ b/themes/coming-soon/static/svg/icons/email.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/themes/coming-soon/static/svg/icons/facebook.svg b/themes/coming-soon/static/svg/icons/facebook.svg new file mode 100644 index 0000000..4ef9d67 --- /dev/null +++ b/themes/coming-soon/static/svg/icons/facebook.svg @@ -0,0 +1 @@ +Facebook \ No newline at end of file diff --git a/themes/coming-soon/static/svg/icons/github.svg b/themes/coming-soon/static/svg/icons/github.svg new file mode 100644 index 0000000..538ec5b --- /dev/null +++ b/themes/coming-soon/static/svg/icons/github.svg @@ -0,0 +1 @@ +GitHub \ No newline at end of file diff --git a/themes/coming-soon/static/svg/icons/instagram.svg b/themes/coming-soon/static/svg/icons/instagram.svg new file mode 100644 index 0000000..5a68721 --- /dev/null +++ b/themes/coming-soon/static/svg/icons/instagram.svg @@ -0,0 +1 @@ +Instagram \ No newline at end of file diff --git a/themes/coming-soon/static/svg/icons/linkedin.svg b/themes/coming-soon/static/svg/icons/linkedin.svg new file mode 100644 index 0000000..c663429 --- /dev/null +++ b/themes/coming-soon/static/svg/icons/linkedin.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/themes/coming-soon/static/svg/icons/tiktok.svg b/themes/coming-soon/static/svg/icons/tiktok.svg new file mode 100644 index 0000000..57ce3ae --- /dev/null +++ b/themes/coming-soon/static/svg/icons/tiktok.svg @@ -0,0 +1 @@ +TikTok \ No newline at end of file diff --git a/themes/coming-soon/static/svg/icons/twitter.svg b/themes/coming-soon/static/svg/icons/twitter.svg new file mode 100644 index 0000000..45bd20c --- /dev/null +++ b/themes/coming-soon/static/svg/icons/twitter.svg @@ -0,0 +1 @@ +Twitter \ No newline at end of file -- cgit v1.2.3-59-g8ed1b