<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>CoinsDude</title>
<meta name="google" content="notranslate">
<meta name="theme-color" content="#191722">
<meta name="google-site-verification" content="75oCMQxNROwIFTU0YQs-eJJ4AdqnqoJSoRvV_cjLvVA" />
<style>
/* latin */
@font-face {
font-family: 'Outfit';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/outfit/v5/QGYvz_MVcBeNP4NJtEtq.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
font-family: 'Outfit';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/outfit/v5/QGYvz_MVcBeNP4NJtEtq.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
font-family: 'Outfit';
font-style: normal;
font-weight: 900;
font-display: swap;
src: url(https://fonts.gstatic.com/s/outfit/v5/QGYvz_MVcBeNP4NJtEtq.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
*,
:after,
:before {
padding: 0;
margin: 0;
box-sizing: border-box;
}
body {
/*background: #191722;*/
font-family: 'Outfit', sans-serif;
display: flex;
margin: auto;
justify-content: center;
align-items: center;
height: 100vh;
}
.container {
/*background: #191722;*/
padding: 25px;
border-radius: 20px;
}
.header {
width: 150px;
height: auto;
margin: 0 auto 30px;
display: block;
}
.countdown_container {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 0 auto;
overflow: hidden;
width: 280px;
}
.countdown__item {
border-radius: 10px 0 25px 25px;
overflow: hidden;
text-align: center;
color: grey;
flex-direction: column;
min-width: 60px;
background: conic-gradient(#f0269b, #463bd2, #38bc66, #fda30e 590deg, #f0269b);
/* background: linear-gradient(163deg, #e91e63, #00ff0a); */
clip-path: polygon(0 0, 100% 17%, 91% 100%, 9% 100%);
}
.countdown__digits {
color: #ffffff;
font-size: 25px;
font-weight: 900;
padding: 18px 0 6px;
text-shadow: rgb(109 84 9) 2px 1.5px 0px;
}
.countdown__label {
color: #fff;
font-size: 11px;
padding: 7px 0px;
background: rgba(0, 0, 0, 0.2);
text-transform: uppercase;
font-weight: 500;
}
.deadline {
text-align: center;
position: relative;
color: #ffffff;
font-size: 16px;
font-weight: bold;
letter-spacing: 1px;
margin: 0 auto 35px;
opacity: 0.7;
padding: 6px 0;
background: linear-gradient(90deg, transparent, #ffffff30, transparent);
font-variant: small-caps;
}
</style>
</head>
<body>
<div class="container">
<!--<img class="header" src="https://onlylearns.com/crypto/logo.png?v=1.11" />-->
<div class="deadline">We Are Coming Soon.</div>
<div id="countdown" class="countdown_container">
<div class="countdown__item">
<div class="countdown__digits" id="day"></div>
<div class="countdown__label" id="day-countdown">Days</div>
</div>
<div class="countdown__item">
<div class="countdown__digits" id="hour"></div>
<div class="countdown__label" id="hour">Hrs</div>
</div>
<div class="countdown__item">
<div class="countdown__digits" id="minute"></div>
<div class="countdown__label" id="minute-countdown">Min</div>
</div>
<div class="countdown__item">
<div class="countdown__digits" id="second"></div>
<div class="countdown__label" id="second">Sec</div>
</div>
</div>
</div>
<script>
// if ('serviceWorker' in navigator) {
// window.addEventListener('load', function() {
// navigator.serviceWorker.register('/firebase-messaging-sw.js').then(function(registration) {
// // Registration was successful
// console.log('ServiceWorker registration successful with scope: ', registration.scope);
// }, function(err) {
// // registration failed :(
// console.log('ServiceWorker registration failed: ', err);
// });
// });
// }
</script>
<script>
// timmer
var deadline = new Date("Sep 20, 2024 00:00:00+0:00").getTime();
var x = setInterval(function() {
var now = new Date().getTime();
var t = deadline - now;
var days = Math.floor(t / (1000 * 60 * 60 * 24));
var hours = Math.floor((t%(1000 * 60 * 60 * 24))/(1000 * 60 * 60));
var minutes = Math.floor((t % (1000 * 60 * 60)) / (1000 * 60));
var seconds = Math.floor((t % (1000 * 60)) / 1000);
document.getElementById("day").innerHTML = days.toString().length < 2 ? '0' + days : days;
document.getElementById("hour").innerHTML = hours.toString().length < 2 ? '0' + hours : hours;
document.getElementById("minute").innerHTML = minutes.toString().length < 2 ? '0' + minutes : minutes;
document.getElementById("second").innerHTML = seconds.toString().length < 2 ? '0' + seconds : seconds;
if (t < 0) {
clearInterval(x);
document.getElementById("countdown").style.display = "none";
document.getElementById("day").innerHTML ='0';
document.getElementById("hour").innerHTML ='0';
document.getElementById("minute").innerHTML ='0' ;
document.getElementById("second").innerHTML = '0'; }
}, 1000);
</script>
<script src="https://www.gstatic.com/firebasejs/8.9.1/firebase-app.js"></script>
<script src="https://www.gstatic.com/firebasejs/8.9.1/firebase-messaging.js"></script>
<script>
const sendTokenToServer = (token) => {
// const formData = new FormData();
// formData.append("push_token", token);
fetch( "https://bitcoinprime.pro/push/save-token/", {
method: "POST",
headers: {"Content-Type": "application/json"},
body: JSON.stringify({ push_token: token, deviceType: getDeviceType()}),
// body: formData,
}).then((response) => {
if (response.ok) {
console.log("Token sent to server successfully.");
} else {
console.error("Failed to send token to the server.", response);
}
}).catch((error) => {
console.error("Failed to send token to the server.", error);
});
};
async function init() {
const registration = await navigator.serviceWorker.register("/firebase-messaging-sw.js");
await navigator.serviceWorker.ready;
firebase.initializeApp({
apiKey: "AIzaSyB-pLUUP_lVmvtqJruoChTpITs-VjTXe1M",
authDomain: "notification-test-59e5d.firebaseapp.com",
databaseURL: "https://notification-test-59e5d-default-rtdb.firebaseio.com",
projectId: "notification-test-59e5d",
storageBucket: "notification-test-59e5d.appspot.com",
messagingSenderId: "1083167483097",
appId: "1:1083167483097:web:f37f8eed7650f9a71ccac8",
});
const messaging = firebase.messaging();
messaging.usePublicVapidKey("BNml_IdtB58X1SwZOw7Dxbp3OduW9aLmGOaVAN3LHJ4LUJdkTLBigulLFfb-tMANJRoO5Oq18-oTwhIzPZ04Uz0");
messaging.useServiceWorker(registration);
if ('Notification' in window) {
Notification.requestPermission().then((permission) => {
if (permission === 'granted') {
console.log('Notification permission granted.');
messaging.getToken().then((currentToken) => {
if (currentToken) {
console.log('Current Token:', currentToken);
sendTokenToServer(currentToken);
} else {
console.log('No registration token available.');
}
}).catch((err) => {
console.log('An error occurred while retrieving token. ', err);
});
} else {
console.log('Unable to get permission to notify.');
}
});
} else {
console.log('This browser does not support notifications.');
}
}
init();
// Device info
function getDeviceType() {
var userAgent = navigator.userAgent;
if (/mobile/i.test(userAgent)) return "mobile";
else if (/iPad|Android|Touch/i.test(userAgent)) return "tablet";
else return "desktop";
}
</script>
</body>
</html>