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

phone compatible

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

73
assets/css/main.css
View file

@ -1,4 +1,3 @@
@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;
@ -8,7 +7,7 @@ body {
text-align: center; text-align: center;
padding: 0; padding: 0;
margin: 0; margin: 0;
font-family: "Roboto", sans-serif; font-family: sans-serif;
font-style: italic; font-style: italic;
} }
@ -44,7 +43,7 @@ li {
.button { .button {
padding-top: 5px; padding-top: 5px;
padding-bottom: 5px; padding-bottom: 5px;
width: 30%; width: 50%;
height: 10%; height: 10%;
} }
@ -52,6 +51,10 @@ li {
font-size: 3vw; font-size: 3vw;
} }
.buttons {
padding-left: 0;
}
.allages { .allages {
width: 50px; width: 50px;
height: 40px; height: 40px;
@ -77,10 +80,72 @@ li {
} }
::-webkit-scrollbar { ::-webkit-scrollbar {
display: inline-block; display: none;
} }
#credits { #credits {
color: white; color: white;
} }
@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 */ /*# sourceMappingURL=main.css.map */

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

@ -1,6 +1,6 @@
{ {
"version": 3, "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": [ "sources": [
"main.scss" "main.scss"
], ],

88
assets/css/main.scss
View file

@ -1,15 +1,13 @@
@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: cover; background-size: auto;
text-align: center; text-align: center;
padding: 0; padding: 0;
margin: 0; margin: 0;
font-family: "Roboto", sans-serif; font-family: sans-serif;
font-style: italic; font-style: italic;
} }
@ -48,13 +46,18 @@ li {
.button { .button {
padding-top: 5px; padding-top: 5px;
padding-bottom: 5px; padding-bottom: 5px;
width: 30%; width: 50%;
height: 10%; height: 10%;
} }
.list { .list {
font-size: 3vw; font-size: 3vw;
} }
.buttons {
padding-left: 0;
}
.allages { .allages {
width: 50px; width: 50px;
height: 40px; height: 40px;
@ -73,9 +76,82 @@ li {
} }
::-webkit-scrollbar { ::-webkit-scrollbar {
display: inline-block; display: none;
} }
#credits { #credits {
color: white; 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;
}
}

2
index.html
View file

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