random/nsw2
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

almost finished

Browse source
This commit is contained in:
hokkqido 2020-05-22 12:38:55 +02:00
parent 6aed54726f
commit d0e7d73672
5 changed files with 147 additions and 24 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

57
assets/css/main.css
View file

@ -1,27 +1,34 @@
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@600&display=swap");
body { body {
background-color: black; background-color: black;
color: white; color: white;
background-image: url("/assets/images/NSW2-BG.jpg"); background-image: url("/assets/images/NSW2-BG.jpg");
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: auto; background-size: cover;
text-align: center; text-align: center;
padding: 0;
margin: 0;
font-family: "Roboto", sans-serif;
font-style: italic;
} }
.logo { .logo {
width: 85%; width: 75%;
height: 20%; height: 20%;
padding-top: 20px;
} }
.subtext { .subtext {
width: 90%; width: 80%;
height: 10%; height: 10%;
padding-bottom: 50px; padding-bottom: 50px;
padding-top: 10px; padding-top: 10px;
} }
.webdate { .webdate {
width: 80%; width: 60%;
height: 20%; height: 20%;
padding-bottom: 50px;
} }
.note { .note {
@ -29,7 +36,47 @@ body {
height: 20%; height: 20%;
} }
li {
list-style: none;
display: inline-block;
}
.button {
padding-top: 5px;
padding-bottom: 5px;
width: 30%;
height: 10%;
}
.list {
font-size: 3vw;
}
.allages {
width: 50px;
height: 40px;
position: relative;
top: -60px;
left: 50%;
}
.ticket {
width: 75px;
height: 40px;
position: relative;
top: -60px;
left: 50%;
}
.time {
width: 50px;
height: 50px;
position: relative;
top: -60px;
left: 50%;
}
::-webkit-scrollbar { ::-webkit-scrollbar {
display: none; display: inline-block;
} }
/*# sourceMappingURL=main.css.map */ /*# sourceMappingURL=main.css.map */

2
assets/css/main.css.map
View file

@ -1,6 +1,6 @@
{ {
"version": 3, "version": 3,
"mappings": "AAAA,AAAA,IAAI,CAAC;EACH,gBAAgB,EAAE,KAAK;EACvB,KAAK,EAAE,KAAK;EACZ,gBAAgB,EAAE,iCAAiC;EACnD,iBAAiB,EAAE,SAAS;EAC5B,eAAe,EAAE,IAAI;EACrB,UAAU,EAAE,MAAM;CACnB;;AAED,AAAA,KAAK,CAAC;EACJ,KAAK,EAAE,GAAG;EACV,MAAM,EAAE,GAAG;CACZ;;AACD,AAAA,QAAQ,CAAC;EACP,KAAK,EAAE,GAAG;EACV,MAAM,EAAE,GAAG;EACX,cAAc,EAAE,IAAI;EACpB,WAAW,EAAE,IAAI;CAClB;;AACD,AAAA,QAAQ,CAAC;EACP,KAAK,EAAE,GAAG;EACV,MAAM,EAAE,GAAG;CACZ;;AACD,AAAA,KAAK,CAAC;EACJ,KAAK,EAAE,GAAG;EACV,MAAM,EAAE,GAAG;CACZ;;AAED,AAAA,mBAAmB,CAAC;EAClB,OAAO,EAAE,IAAI;CACd", "mappings": "AAAA,OAAO,CAAC,4EAAI;AAEZ,AAAA,IAAI,CAAC;EACH,gBAAgB,EAAE,KAAK;EACvB,KAAK,EAAE,KAAK;EACZ,gBAAgB,EAAE,iCAAiC;EACnD,iBAAiB,EAAE,SAAS;EAC5B,eAAe,EAAE,KAAK;EACtB,UAAU,EAAE,MAAM;EAClB,OAAO,EAAE,CAAC;EACV,MAAM,EAAE,CAAC;EACT,WAAW,EAAE,oBAAoB;EACjC,UAAU,EAAE,MAAM;CACnB;;AAQD,AAAA,KAAK,CAAC;EACJ,KAAK,EAAE,GAAG;EACV,MAAM,EAAE,GAAG;EACX,WAAW,EAAE,IAAI;CAClB;;AACD,AAAA,QAAQ,CAAC;EACP,KAAK,EAAE,GAAG;EACV,MAAM,EAAE,GAAG;EACX,cAAc,EAAE,IAAI;EACpB,WAAW,EAAE,IAAI;CAClB;;AACD,AAAA,QAAQ,CAAC;EACP,KAAK,EAAE,GAAG;EACV,MAAM,EAAE,GAAG;EACX,cAAc,EAAE,IAAI;CACrB;;AACD,AAAA,KAAK,CAAC;EACJ,KAAK,EAAE,GAAG;EACV,MAAM,EAAE,GAAG;CACZ;;AAED,AAAA,EAAE,CAAC;EACD,UAAU,EAAE,IAAI;EAChB,OAAO,EAAE,YAAY;CACtB;;AAED,AAAA,OAAO,CAAC;EACN,WAAW,EAAE,GAAG;EAChB,cAAc,EAAE,GAAG;EACnB,KAAK,EAAE,GAAG;EACV,MAAM,EAAE,GAAG;CACZ;;AAED,AAAA,KAAK,CAAC;EACJ,SAAS,EAAE,GAAG;CACf;;AACD,AAAA,QAAQ,CAAC;EACP,KAAK,EAAE,IAAI;EACX,MAAM,EAAE,IAAI;EA3CZ,QAAQ,EAAE,QAAQ;EAClB,GAAG,EAAE,KAAK;EACV,IAAI,EAAE,GAAG;CA2CV;;AACD,AAAA,OAAO,CAAC;EACN,KAAK,EAAE,IAAI;EACX,MAAM,EAAE,IAAI;EAhDZ,QAAQ,EAAE,QAAQ;EAClB,GAAG,EAAE,KAAK;EACV,IAAI,EAAE,GAAG;CAgDV;;AAED,AAAA,KAAK,CAAC;EACJ,KAAK,EAAE,IAAI;EACX,MAAM,EAAE,IAAI;EAtDZ,QAAQ,EAAE,QAAQ;EAClB,GAAG,EAAE,KAAK;EACV,IAAI,EAAE,GAAG;CAsDV;;AAED,AAAA,mBAAmB,CAAC;EAClB,OAAO,EAAE,YAAY;CACtB",
"sources": [ "sources": [
"main.scss" "main.scss"
], ],

58
assets/css/main.scss
View file

@ -1,31 +1,77 @@
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@600&display=swap");
body { body {
background-color: black; background-color: black;
color: white; color: white;
background-image: url("/assets/images/NSW2-BG.jpg"); background-image: url("/assets/images/NSW2-BG.jpg");
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: auto; background-size: cover;
text-align: center; text-align: center;
padding: 0;
margin: 0;
font-family: "Roboto", sans-serif;
font-style: italic;
}
@mixin above {
position: relative;
top: -60px;
left: 50%;
} }
.logo { .logo {
width: 85%; width: 75%;
height: 20%; height: 20%;
padding-top: 20px;
} }
.subtext { .subtext {
width: 90%; width: 80%;
height: 10%; height: 10%;
padding-bottom: 50px; padding-bottom: 50px;
padding-top: 10px; padding-top: 10px;
} }
.webdate { .webdate {
width: 80%; width: 60%;
height: 20%; height: 20%;
padding-bottom: 50px;
} }
.note { .note {
width: 80%; width: 80%;
height: 20%; height: 20%;
} }
::-webkit-scrollbar { li {
display: none; list-style: none;
display: inline-block;
}
.button {
padding-top: 5px;
padding-bottom: 5px;
width: 30%;
height: 10%;
}
.list {
font-size: 3vw;
}
.allages {
width: 50px;
height: 40px;
@include above();
}
.ticket {
width: 75px;
height: 40px;
@include above();
}
.time {
width: 50px;
height: 50px;
@include above();
}
::-webkit-scrollbar {
display: inline-block;
} }

BIN
assets/images/NSW2-SUBTEXT.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 107 KiB

After

Width:  |  Height:  |  Size: 24 KiB

54
index.html
View file

@ -11,7 +11,7 @@
<img <img
class="logo" class="logo"
src="/assets/images/NSW2-LOGO.png" src="/assets/images/NSW2-LOGO.png"
alt="NONSTOPWORLD 2 LOGO" alt="@ NonStopPup presents NONSTOPWORLD 2"
/> />
<img <img
class="subtext" class="subtext"
@ -25,10 +25,25 @@
alt="JUNE 13-14 on nonstop.world" alt="JUNE 13-14 on nonstop.world"
/> />
<ul> <ul class="list">
<li><i class="group"></i> ALL AGES</li> <li>
<li><i class="ticket"></i> FREE ADMISSION</li> <img
<li><i class="time"></i>6PM (EST)</li> class="allages"
src="/assets/images/NSW2-ICON-ALLAGES.png"
alt=""
/>
<span id="allages">ALL AGES</span>
</li>
<li>
<img class="ticket" src="/assets/images/NSW2-ICON-FREETIX.png" />
<span id="ticket">FREE ADMISSION</span>
</li>
<li>
<img src="/assets/images/NSW2-ICON-TIME.png" class="time" /><span
id="time"
>6PM (EST)</span
>
</li>
</ul> </ul>
<img <img
@ -40,16 +55,31 @@
<ul> <ul>
<li id="discord"> <li id="discord">
CLICK HERE TO JOIN THE <a href="#"
<span class="blurple">NONSTOPWORLD DISCORD</span> ><img
src="/assets/images/NSW2-BUTTON_DISCORD.png"
alt=""
class="button"
/></a>
</li> </li>
<li id="vip"> <li id="vip">
CLICK HERE TO BUY A <span class="yellow">VIP TICKET</span><br /><span <a href="#">
class="charity" <img
>[$5+, ALL PROCEEDS DONATED TO DIRECT RELIEF COVID-19 CHARITY]</span src="/assets/images/NSW2-BUTTON_VIP.png"
> alt=""
class="button"
/>
</a>
</li>
<li id="dealersden">
<a href="#">
<img
src="/assets/images/NSW2-BUTTON_DEALERSDEN.png"
alt=""
class="button"
/>
</a>
</li> </li>
<li id="dealersden">CLICK HERE TO APPLY FOR THE DEALERS DEN</li>
</ul> </ul>
</div> </div>
</body> </body>