phone compatible

This commit is contained in:
hokkqido 2020-05-22 13:32:22 +02:00
parent bbaa8dddcb
commit 3aed0681aa
4 changed files with 154 additions and 13 deletions

View file

@ -1,4 +1,3 @@
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@600&display=swap");
body {
background-color: black;
color: white;
@ -8,7 +7,7 @@ body {
text-align: center;
padding: 0;
margin: 0;
font-family: "Roboto", sans-serif;
font-family: sans-serif;
font-style: italic;
}
@ -44,7 +43,7 @@ li {
.button {
padding-top: 5px;
padding-bottom: 5px;
width: 30%;
width: 50%;
height: 10%;
}
@ -52,6 +51,10 @@ li {
font-size: 3vw;
}
.buttons {
padding-left: 0;
}
.allages {
width: 50px;
height: 40px;
@ -77,10 +80,72 @@ li {
}
::-webkit-scrollbar {
display: inline-block;
display: none;
}
#credits {
color: white;
}
/*# sourceMappingURL=main.css.map */
@media (max-device-width: 736px) {
body {
background-color: black;
color: white;
background-image: url("/assets/images/NSW2-BG.jpg");
background-repeat: no-repeat;
background-size: auto;
padding: 0;
margin: 0;
font-family: sans-serif;
font-style: italic;
}
.logo {
width: 75%;
height: 20%;
padding-top: 5px;
}
.subtext {
width: 100%;
}
.webdate {
width: 100%;
padding-bottom: 0;
}
.note {
width: 100%;
}
li {
list-style: none;
display: inline-block;
}
.button {
width: 100%;
}
.list {
font-size: 5vw;
display: -ms-inline-grid;
display: inline-grid;
padding-left: 0;
}
.buttons {
display: -ms-inline-grid;
display: inline-grid;
padding-left: 0;
}
.allages {
display: none;
}
.ticket {
display: none;
}
.time {
display: none;
}
::-webkit-scrollbar {
display: none;
}
#credits {
color: white;
}
}
/*# sourceMappingURL=main.css.map */

View file

@ -1,6 +1,6 @@
{
"version": 3,
"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;;AAED,AAAA,QAAQ,CAAC;EACP,KAAK,EAAE,KAAK;CACb",
"mappings": "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",
"sources": [
"main.scss"
],

View file

@ -1,15 +1,13 @@
@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: cover;
background-size: auto;
text-align: center;
padding: 0;
margin: 0;
font-family: "Roboto", sans-serif;
font-family: sans-serif;
font-style: italic;
}
@ -48,13 +46,18 @@ li {
.button {
padding-top: 5px;
padding-bottom: 5px;
width: 30%;
width: 50%;
height: 10%;
}
.list {
font-size: 3vw;
}
.buttons {
padding-left: 0;
}
.allages {
width: 50px;
height: 40px;
@ -73,9 +76,82 @@ li {
}
::-webkit-scrollbar {
display: inline-block;
display: none;
}
#credits {
color: white;
}
@media (max-device-width: 736px) {
body {
background-color: black;
color: rgb(255, 255, 255);
background-image: url("/assets/images/NSW2-BG.jpg");
background-repeat: no-repeat;
background-size: auto;
padding: 0;
margin: 0;
font-family: sans-serif;
font-style: italic;
}
.logo {
width: 75%;
height: 20%;
padding-top: 5px;
}
.subtext {
width: 100%;
}
.webdate {
width: 100%;
padding-bottom: 0;
}
.note {
width: 100%;
}
li {
list-style: none;
display: inline-block;
}
.button {
width: 100%;
}
.list {
font-size: 5vw;
display: inline-grid;
padding-left: 0;
}
.buttons {
display: inline-grid;
padding-left: 0;
}
.allages {
display: none;
}
.ticket {
display: none;
}
.time {
display: none;
}
::-webkit-scrollbar {
display: none;
}
#credits {
color: white;
}
}

View file

@ -53,7 +53,7 @@
class="note"
/>
<ul>
<ul class="buttons">
<li id="discord">
<a href="#"
><img