diff --git a/assets/css/main.css b/assets/css/main.css index 1f561dd..af9866a 100644 --- a/assets/css/main.css +++ b/assets/css/main.css @@ -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 */ \ No newline at end of file diff --git a/assets/css/main.css.map b/assets/css/main.css.map index 376bfa8..7255ff7 100644 --- a/assets/css/main.css.map +++ b/assets/css/main.css.map @@ -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" ], diff --git a/assets/css/main.scss b/assets/css/main.scss index d3dbcab..c4aec77 100644 --- a/assets/css/main.scss +++ b/assets/css/main.scss @@ -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; + } +} diff --git a/index.html b/index.html index b910c8b..2c32034 100644 --- a/index.html +++ b/index.html @@ -53,7 +53,7 @@ class="note" /> -