THANK YOU #NONSTOPWORLD 2
This commit is contained in:
hokkqi
parent
05a486e959
commit
496a8a80bf
3 changed files with 7 additions and 151 deletions
|
|
@ -1,72 +1,3 @@
|
|||
/* SNACKBAR */
|
||||
#snackbar {
|
||||
visibility: hidden;
|
||||
min-width: 250px;
|
||||
margin-left: -125px;
|
||||
background-color: #ffffff00;
|
||||
color: rgb(255, 255, 255);
|
||||
text-align: center;
|
||||
border: 5px solid white;
|
||||
border-radius: 10px;
|
||||
box-shadow: 0 0 10px white;
|
||||
box-shadow: inset 0 0 10px white;
|
||||
padding: 16px;
|
||||
position: fixed;
|
||||
z-index: 1;
|
||||
left: 50%;
|
||||
top: 20px;
|
||||
}
|
||||
|
||||
#snackbar.show {
|
||||
visibility: visible;
|
||||
-webkit-animation: fadein 0.5s, fadeout 1s 2.5s;
|
||||
animation: fadein 0.5s, fadeout 1s 2.5s;
|
||||
}
|
||||
|
||||
@-webkit-keyframes fadein {
|
||||
from {
|
||||
top: 0;
|
||||
opacity: 0;
|
||||
}
|
||||
to {
|
||||
top: 20px;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes fadein {
|
||||
from {
|
||||
top: 0;
|
||||
opacity: 0;
|
||||
}
|
||||
to {
|
||||
top: 20px;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
@-webkit-keyframes fadeout {
|
||||
from {
|
||||
top: 20px;
|
||||
opacity: 1;
|
||||
}
|
||||
to {
|
||||
top: 0;
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes fadeout {
|
||||
from {
|
||||
top: 20px;
|
||||
opacity: 1;
|
||||
}
|
||||
to {
|
||||
top: 0;
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
|
||||
/* MAIN STUFF */
|
||||
|
||||
body {
|
||||
|
|
@ -82,15 +13,13 @@ body {
|
|||
}
|
||||
|
||||
.logo {
|
||||
width: 80%;
|
||||
padding-top: 20px;
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
.subtext {
|
||||
width: 70%;
|
||||
width: 50%;
|
||||
height: 10%;
|
||||
padding-bottom: 20px;
|
||||
padding-top: 10px;
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
|
||||
.webdate {
|
||||
|
|
@ -120,14 +49,12 @@ div {
|
|||
width: 70%;
|
||||
}
|
||||
|
||||
.times img {
|
||||
.THANKS img {
|
||||
width: 90%;
|
||||
padding-bottom: 2vh;
|
||||
}
|
||||
|
||||
div.button > img {
|
||||
padding-top: 5px;
|
||||
padding-bottom: 5px;
|
||||
/* height: 100vh; */
|
||||
}
|
||||
.list {
|
||||
|
|
@ -158,7 +85,7 @@ div.buttons > img {
|
|||
body {
|
||||
background-color: black;
|
||||
color: white;
|
||||
background-image: url("/assets/images/NSW2-BG.jpg");
|
||||
background-image: url("../../assets/images/NSW2-BG.jpg");
|
||||
background-repeat: repeat-y;
|
||||
background-size: auto;
|
||||
padding: 0;
|
||||
|
|
@ -231,8 +158,6 @@ div.buttons > img {
|
|||
|
||||
@media (max-width: 1024px) {
|
||||
.button {
|
||||
padding-top: 5px;
|
||||
padding-bottom: 5px;
|
||||
width: 80%;
|
||||
}
|
||||
.buttons {
|
||||
|
|
|
|||
BIN
assets/images/THANKYOU.jpg
Normal file
BIN
assets/images/THANKYOU.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 194 KiB |
73
index.html
73
index.html
|
|
@ -21,14 +21,8 @@
|
|||
/>
|
||||
<br />
|
||||
|
||||
<div class="ip" onclick="copyIP('ip1')">
|
||||
<img src="./assets/images/new/ip address.png" alt="Click for IP" />
|
||||
</div>
|
||||
<!-- <div class="soon">
|
||||
<img src="./assets/images/new/NSW2-BUTTON_SOON.png" />
|
||||
</div> -->
|
||||
<div class="issues">
|
||||
<img src="./assets/images/new/issues.png" alt="" />
|
||||
<div class="THANKS">
|
||||
<img src="./assets/images/THANKYOU.jpg" alt="" />
|
||||
</div>
|
||||
|
||||
<div class="buttons">
|
||||
|
|
@ -38,37 +32,12 @@
|
|||
</a>
|
||||
</div>
|
||||
|
||||
<div id="audio_stream">
|
||||
<a href="https://mixlr.com/nonstopworld2"
|
||||
><img
|
||||
src="./assets/images/new/audio_stream.png"
|
||||
alt=""
|
||||
class="button"
|
||||
/></a>
|
||||
</div>
|
||||
|
||||
<div id="vip">
|
||||
<a href="https://forms.gle/7RequadVcZM344po8">
|
||||
<img src="./assets/images/new/vip.png" alt="" class="button" />
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<br /><br />
|
||||
|
||||
<div class="times">
|
||||
<img src="./assets/images/new/nsw2djposter_SUNDAY.jpg" alt="" />
|
||||
</div>
|
||||
|
||||
<br />
|
||||
<br />
|
||||
<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"
|
||||
|
|
@ -90,43 +59,5 @@
|
|||
<a href="https://twitter.com/hokkqi" target="_blank">HOKKQI</a>
|
||||
</p>
|
||||
</div>
|
||||
<input
|
||||
style="display: none;"
|
||||
type="text"
|
||||
value="mc.nonstop.world"
|
||||
id="ip1"
|
||||
/>
|
||||
<input
|
||||
style="display: none;"
|
||||
type="text"
|
||||
value="mc2.nonstop.world"
|
||||
id="ip2"
|
||||
/>
|
||||
<div id="snackbar">Copied IP to clipboard!</div>
|
||||
<script>
|
||||
function copyIP(ip) {
|
||||
console.log("Trying to copy IP");
|
||||
console.log(ip);
|
||||
let copyText = document.getElementById(`${ip}`);
|
||||
//console.log(copyText);
|
||||
|
||||
copyText.select();
|
||||
copyText.setSelectionRange(0, 99999); /*For mobile devices*/
|
||||
|
||||
document.execCommand("copy");
|
||||
|
||||
// incase that failed
|
||||
|
||||
if (navigator.clipboard) {
|
||||
navigator.clipboard.writeText(copyText.value);
|
||||
}
|
||||
|
||||
var x = document.getElementById("snackbar");
|
||||
x.className = "show";
|
||||
setTimeout(function () {
|
||||
x.className = x.className.replace("show", "");
|
||||
}, 3000);
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue