nsw2/index.html
2020-07-01 00:22:23 +02:00

90 lines
No EOL
3.1 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>NONSTOPWORLD</title>
<link rel="stylesheet" href="./assets/css/main.css" />
</head>
<body>
<div class="center">
<img class="logo" src="/assets/images/NSW2-LOGO-NEW.png" alt="@ NonStopPup presents NONSTOPWORLD 2" />
<img class="subtext" src="/assets/images/NSW2-SUBTEXT.png"
alt="THE SECOND ANNUAL MASSIVE ONLINE FURRY CONVENTION AND THE HISTORY, ART, CULTURE, & INFLUENCE OF THE FURRY FANDOM" />
<br />
<div class="buttons">
<div id="discord">
<a href="https://discord.gg/tzxXz5D"><img src="/assets/images/NSW2-BUTTON-DISCORD-NEW.png" alt=""
class="button" /></a>
</div>
<div id="vip">
<a href="https://forms.gle/7RequadVcZM344po8">
<img src="/assets/images/NSW2-BUTTON-VIP-NEW.png" alt="" class="button" />
</a>
</div>
<div id="dealersden">
<a href="https://docs.google.com/forms/d/e/1FAIpQLSfDjBqwumbZkjznuFKWVsbVTARF1jxbFsJc0jYflWhsQ8Pzmw/viewform">
<img src="/assets/images/NSW2-BUTTON-DEALERS-NEW.png" alt="" class="button" />
</a>
</div>
</div>
<br /> <br />
<iframe width="1000px" height="563px"
src="https://www.youtube.com/embed/l-3bHL1eqps?autoplay=1&mute=1&enablejsapi=1" frameborder="0" ; autoplay;
encrypted-media; picture-in-picture" allowfullscreen></iframe>
<br /> <br />
<!-- COUNTDOWN -->
<h1 id="time">
<div id="d"></div>
<div id="h"></div>
<div id="m"></div>
<div id="s"></div>
</h1>
<img class="webdate" src="/assets/images/NSFW2-DATE.png" alt="JULY 18-19 on nonstop.world" />
<br /> <br />
<img src="/assets/images/NSW2-VIP_NOTICE-NEW.png"
alt="$5 VIP TICKETS AVAILABLE FOR SPECIAL WORLD AREA ACCESS. ALL TICKET SALES DONATED TO DIRECT RELIEF COVID-19 & NAACP LEGAL DEFENSE FUND"
class="note" />
<br /> <br /> <br />
<p id="credits">
<span class="design">WEB DESIGN:<br /></span>
<a href="https://twitter.com/NONSTOPPUP" target="_blank">NONSTOPPUP</a>
| <a href="https://twitter.com/drazzrd" target="_blank">DRAZ</a> |
<a href="https://twitter.com/louiedanook" target="_blank">LOUIE OTT.</a>
<br />
<span class="dev">WEB DEV:</span>
<a href="https://twitter.com/hokkqi" target="_blank">HOKKQI</a>
</p>
</div>
<script>
function calcTime() {
const release = new Date(2020, 7, 19);
let remaining = (release - Date.now()) / 1000; // time in seconds
let days = Math.floor(remaining / 60 / 60 / 24);
let hours = Math.floor((remaining % (60 * 60 * 24)) / 60 / 60);
let mins = Math.floor((remaining % (60 * 60)) / 60);
let secs = Math.floor(remaining % 60);
document.getElementById("d").innerHTML = days;
document.getElementById("h").innerHTML = ("0" + hours).slice(-2);
document.getElementById("m").innerHTML = ("0" + mins).slice(-2);
document.getElementById("s").innerHTML = ("0" + secs).slice(-2);
}
setInterval(function() {
calcTime();
}, 1000);
</script>
</body>
</html>