almost finished
This commit is contained in:
hokkqido
parent
6aed54726f
commit
d0e7d73672
5 changed files with 147 additions and 24 deletions
|
|
@ -1,27 +1,34 @@
|
|||
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@600&display=swap");
|
||||
body {
|
||||
background-color: black;
|
||||
color: white;
|
||||
background-image: url("/assets/images/NSW2-BG.jpg");
|
||||
background-repeat: no-repeat;
|
||||
background-size: auto;
|
||||
background-size: cover;
|
||||
text-align: center;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-family: "Roboto", sans-serif;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.logo {
|
||||
width: 85%;
|
||||
width: 75%;
|
||||
height: 20%;
|
||||
padding-top: 20px;
|
||||
}
|
||||
|
||||
.subtext {
|
||||
width: 90%;
|
||||
width: 80%;
|
||||
height: 10%;
|
||||
padding-bottom: 50px;
|
||||
padding-top: 10px;
|
||||
}
|
||||
|
||||
.webdate {
|
||||
width: 80%;
|
||||
width: 60%;
|
||||
height: 20%;
|
||||
padding-bottom: 50px;
|
||||
}
|
||||
|
||||
.note {
|
||||
|
|
@ -29,7 +36,47 @@ body {
|
|||
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 {
|
||||
display: none;
|
||||
display: inline-block;
|
||||
}
|
||||
/*# sourceMappingURL=main.css.map */
|
||||
|
|
@ -1,6 +1,6 @@
|
|||
{
|
||||
"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": [
|
||||
"main.scss"
|
||||
],
|
||||
|
|
|
|||
|
|
@ -1,31 +1,77 @@
|
|||
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@600&display=swap");
|
||||
|
||||
body {
|
||||
background-color: black;
|
||||
color: white;
|
||||
background-image: url("/assets/images/NSW2-BG.jpg");
|
||||
background-repeat: no-repeat;
|
||||
background-size: auto;
|
||||
background-size: cover;
|
||||
text-align: center;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-family: "Roboto", sans-serif;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
@mixin above {
|
||||
position: relative;
|
||||
top: -60px;
|
||||
left: 50%;
|
||||
}
|
||||
|
||||
.logo {
|
||||
width: 85%;
|
||||
width: 75%;
|
||||
height: 20%;
|
||||
padding-top: 20px;
|
||||
}
|
||||
.subtext {
|
||||
width: 90%;
|
||||
width: 80%;
|
||||
height: 10%;
|
||||
padding-bottom: 50px;
|
||||
padding-top: 10px;
|
||||
}
|
||||
.webdate {
|
||||
width: 80%;
|
||||
width: 60%;
|
||||
height: 20%;
|
||||
padding-bottom: 50px;
|
||||
}
|
||||
.note {
|
||||
width: 80%;
|
||||
height: 20%;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar {
|
||||
display: none;
|
||||
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;
|
||||
@include above();
|
||||
}
|
||||
.ticket {
|
||||
width: 75px;
|
||||
height: 40px;
|
||||
@include above();
|
||||
}
|
||||
|
||||
.time {
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
@include above();
|
||||
}
|
||||
|
||||
::-webkit-scrollbar {
|
||||
display: inline-block;
|
||||
}
|
||||
|
|
|
|||
Binary file not shown.
|
Before Width: | Height: | Size: 107 KiB After Width: | Height: | Size: 24 KiB |
54
index.html
54
index.html
|
|
@ -11,7 +11,7 @@
|
|||
<img
|
||||
class="logo"
|
||||
src="/assets/images/NSW2-LOGO.png"
|
||||
alt="NONSTOPWORLD 2 LOGO"
|
||||
alt="@ NonStopPup presents NONSTOPWORLD 2"
|
||||
/>
|
||||
<img
|
||||
class="subtext"
|
||||
|
|
@ -25,10 +25,25 @@
|
|||
alt="JUNE 13-14 on nonstop.world"
|
||||
/>
|
||||
|
||||
<ul>
|
||||
<li><i class="group"></i> ALL AGES</li>
|
||||
<li><i class="ticket"></i> FREE ADMISSION</li>
|
||||
<li><i class="time"></i>6PM (EST)</li>
|
||||
<ul class="list">
|
||||
<li>
|
||||
<img
|
||||
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>
|
||||
|
||||
<img
|
||||
|
|
@ -40,16 +55,31 @@
|
|||
|
||||
<ul>
|
||||
<li id="discord">
|
||||
CLICK HERE TO JOIN THE
|
||||
<span class="blurple">NONSTOPWORLD DISCORD</span>
|
||||
<a href="#"
|
||||
><img
|
||||
src="/assets/images/NSW2-BUTTON_DISCORD.png"
|
||||
alt=""
|
||||
class="button"
|
||||
/></a>
|
||||
</li>
|
||||
<li id="vip">
|
||||
CLICK HERE TO BUY A <span class="yellow">VIP TICKET</span><br /><span
|
||||
class="charity"
|
||||
>[$5+, ALL PROCEEDS DONATED TO DIRECT RELIEF COVID-19 CHARITY]</span
|
||||
>
|
||||
<a href="#">
|
||||
<img
|
||||
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 id="dealersden">CLICK HERE TO APPLY FOR THE DEALERS DEN</li>
|
||||
</ul>
|
||||
</div>
|
||||
</body>
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue