From c142e8b58b09eb236f0d3db691dadd61a608ade2 Mon Sep 17 00:00:00 2001 From: Will Clarke <80069102+willcoder-web@users.noreply.github.com> Date: Wed, 7 Jul 2021 22:15:31 +0100 Subject: [PATCH] web upload --- website/index.html | 23 ++++++++++++++ website/style.css | 72 +++++++++++++++++++++++++++++++++++++++++++ website/style.css.map | 9 ++++++ website/style.scss | 62 +++++++++++++++++++++++++++++++++++++ 4 files changed, 166 insertions(+) create mode 100644 website/index.html create mode 100644 website/style.css create mode 100644 website/style.css.map create mode 100644 website/style.scss diff --git a/website/index.html b/website/index.html new file mode 100644 index 0000000..b9ad874 --- /dev/null +++ b/website/index.html @@ -0,0 +1,23 @@ + +
+ + + + + + + + + + + \ No newline at end of file diff --git a/website/style.css b/website/style.css new file mode 100644 index 0000000..e1abaff --- /dev/null +++ b/website/style.css @@ -0,0 +1,72 @@ +html { + background-color: #1F3242; + color: #F0F0F0; +} + +.title { + font-family: "Noto Sans JP", sans-serif; + letter-spacing: 1.5px; + font-size: 2rem; +} + +.body-container { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + margin-top: 120px; +} + +.button { + padding: 2px 10px; + border-radius: 4px; + color: #F0F0F0; + font-family: "Noto Sans JP", sans-serif; + text-decoration: none; + border: 2px solid #F0F0F0; + letter-spacing: 0.4px; +} + +.button:hover { + background-color: #F0F0F0; + color: #000000; +} + +.text1, .text2 { + line-height: 1; + font-family: "Noto Sans JP", sans-serif; + max-width: 800px; +} + +.text2 { + margin-top: -10px; + padding-bottom: 20px; +} + +.sub-title { + font-family: "Noto Sans JP", sans-serif; + margin-top: -30px; + letter-spacing: 0.5px; + padding-bottom: 30px; +} + +.sub-title2 { + margin-top: -15px; + padding-bottom: 45px; + color: #F0F0F0; + text-decoration: none; +} + +.sub-title2:hover { + text-decoration: underline; +} +/*# sourceMappingURL=style.css.map */ \ No newline at end of file diff --git a/website/style.css.map b/website/style.css.map new file mode 100644 index 0000000..beff56e --- /dev/null +++ b/website/style.css.map @@ -0,0 +1,9 @@ +{ + "version": 3, + "mappings": "AASA,AAAA,IAAI,CAAC;EACD,gBAAgB,EARF,OAAO;EASrB,KAAK,EARG,OAAO;CASlB;;AACD,AAAA,MAAM,CAAC;EACH,WAAW,EAVC,cAAc,EACd,UAAU;EAUtB,cAAc,EAAE,KAAK;EACrB,SAAS,EAVA,IAAI;CAWhB;;AACD,AAAA,eAAe,CAAC;EACZ,OAAO,EAAE,IAAI;EACb,cAAc,EAAE,MAAM;EACtB,eAAe,EAAE,MAAM;EACvB,WAAW,EAAE,MAAM;EACnB,UAAU,EAAE,KAAK;CACpB;;AACD,AAAA,OAAO,CAAC;EACJ,OAAO,EAAE,QAAQ;EACjB,aAAa,EAAE,GAAG;EAClB,KAAK,EAzBG,OAAO;EA0Bf,WAAW,EAzBC,cAAc,EACd,UAAU;EAyBtB,eAAe,EAAE,IAAI;EACrB,MAAM,EAAE,GAAG,CAAC,KAAK,CAxBN,OAAO;EAyBlB,cAAc,EAAE,KAAK;CACxB;;AACD,AAAA,OAAO,AAAA,MAAM,CAAC;EACV,gBAAgB,EA5BL,OAAO;EA6BlB,KAAK,EAnCI,OAAO;CAoCnB;;AACD,AAAA,MAAM,EAAE,MAAM,CAAC;EACX,WAAW,EAAE,CAAC;EACd,WAAW,EApCC,cAAc,EACd,UAAU;EAoCtB,SAAS,EAAE,KAAK;CACnB;;AACD,AAAA,MAAM,CAAC;EACH,UAAU,EAAE,KAAK;EACjB,cAAc,EAAE,IAAI;CACvB;;AACD,AAAA,UAAU,CAAC;EACP,WAAW,EA5CC,cAAc,EACd,UAAU;EA4CtB,UAAU,EAAE,KAAK;EACjB,cAAc,EAAE,KAAK;EACrB,cAAc,EAAE,IAAI;CACvB;;AACD,AAAA,WAAW,CAAC;EACR,UAAU,EAAE,KAAK;EACjB,cAAc,EAAE,IAAI;EACpB,KAAK,EArDG,OAAO;EAsDf,eAAe,EAAE,IAAI;CACxB;;AACD,AAAA,WAAW,AAAA,MAAM,CAAC;EACd,eAAe,EAAE,SAAS;CAC7B", + "sources": [ + "style.scss" + ], + "names": [], + "file": "style.css" +} \ No newline at end of file diff --git a/website/style.scss b/website/style.scss new file mode 100644 index 0000000..fa93c6a --- /dev/null +++ b/website/style.scss @@ -0,0 +1,62 @@ +$background-light: #EBEDEE; +$light-font: #000000; +$background-dark: #1F3242; +$dark-font: #F0F0F0; +$standard-font: 'Noto Sans JP'; +$fallback-font: sans-serif; +$title-size: 2rem; +$button-color: #F0F0F0; + +html { + background-color: $background-dark; + color: $dark-font; +} +.title { + font-family: $standard-font, $fallback-font; + letter-spacing: 1.5px; + font-size: $title-size; +} +.body-container { + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + margin-top: 120px; +} +.button { + padding: 2px 10px; + border-radius: 4px; + color: $dark-font; + font-family: $standard-font, $fallback-font; + text-decoration: none; + border: 2px solid $button-color; + letter-spacing: 0.4px; +} +.button:hover { + background-color: $button-color; + color: $light-font; +} +.text1, .text2 { + line-height: 1; + font-family: $standard-font, $fallback-font; + max-width: 800px; +} +.text2 { + margin-top: -10px; + padding-bottom: 20px; +} +.sub-title { + font-family: $standard-font, $fallback-font; + margin-top: -30px; + letter-spacing: 0.5px; + padding-bottom: 30px; +} +.sub-title2 { + margin-top: -15px; + padding-bottom: 45px; + color: $dark-font; + text-decoration: none; +} +.sub-title2:hover { + text-decoration: underline; +} \ No newline at end of file