diff --git a/.DS_Store b/.DS_Store index 1423c9e..5396ad2 100644 Binary files a/.DS_Store and b/.DS_Store differ diff --git a/help.html b/help.html new file mode 100644 index 0000000..ddc8f65 --- /dev/null +++ b/help.html @@ -0,0 +1,60 @@ + + + + + + + +
+

🐈🐩🦊 Animal Noise Currency Exchange FAQ πŸ‡πŸˆβ€β¬›πŸ•

+

Here are some frequently asked questions about Animal Noises Currency Exchange!

+
+ +
+

Homepage

 + + +
+ + + \ No newline at end of file diff --git a/sheet.css b/sheet.css new file mode 100644 index 0000000..0d48265 --- /dev/null +++ b/sheet.css @@ -0,0 +1,227 @@ +* { + box-sizing: border-box; +} + +:root[theme="latte"] { + --ctp-rosewater: #dc8a78; + --ctp-flamingo: #dd7878; + --ctp-pink: #ea76cb; + --ctp-mauve: #8839ef; + --ctp-red: #d20f39; + --ctp-maroon: #e64553; + --ctp-peach: #fe640b; + --ctp-yellow: #df8e1d; + --ctp-green: #40a02b; + --ctp-teal: #179299; + --ctp-sky: #04a5e5; + --ctp-sapphire: #209fb5; + --ctp-blue: #1e66f5; + --ctp-lavender: #7287fd; + --ctp-text: #4c4f69; + --ctp-subtext1: #5c5f77; + --ctp-subtext0: #6c6f85; + --ctp-overlay2: #7c7f93; + --ctp-overlay1: #8c8fa1; + --ctp-overlay0: #9ca0b0; + --ctp-surface2: #acb0be; + --ctp-surface1: #bcc0cc; + --ctp-surface0: #ccd0da; + --ctp-base: #eff1f5; + --ctp-mantle: #e6e9ef; + --ctp-crust: #dce0e8; +} + +:root[theme="frappe"] { + --ctp-rosewater: #f2d5cf; + --ctp-flamingo: #eebebe; + --ctp-pink: #f4b8e4; + --ctp-mauve: #ca9ee6; + --ctp-red: #e78284; + --ctp-maroon: #ea999c; + --ctp-peach: #ef9f76; + --ctp-yellow: #e5c890; + --ctp-green: #a6d189; + --ctp-teal: #81c8be; + --ctp-sky: #99d1db; + --ctp-sapphire: #85c1dc; + --ctp-blue: #8caaee; + --ctp-lavender: #babbf1; + --ctp-text: #c6d0f5; + --ctp-subtext1: #b5bfe2; + --ctp-subtext0: #a5adce; + --ctp-overlay2: #949cbb; + --ctp-overlay1: #838ba7; + --ctp-overlay0: #737994; + --ctp-surface2: #626880; + --ctp-surface1: #51576d; + --ctp-surface0: #414559; + --ctp-base: #303446; + --ctp-mantle: #292c3c; + --ctp-crust: #232634; +} + +:root[theme="macchiato"] { + --ctp-rosewater: #f4dbd6; + --ctp-flamingo: #f0c6c6; + --ctp-pink: #f5bde6; + --ctp-mauve: #c6a0f6; + --ctp-red: #ed8796; + --ctp-maroon: #ee99a0; + --ctp-peach: #f5a97f; + --ctp-yellow: #eed49f; + --ctp-green: #a6da95; + --ctp-teal: #8bd5ca; + --ctp-sky: #91d7e3; + --ctp-sapphire: #7dc4e4; + --ctp-blue: #8aadf4; + --ctp-lavender: #b7bdf8; + --ctp-text: #cad3f5; + --ctp-subtext1: #b8c0e0; + --ctp-subtext0: #a5adcb; + --ctp-overlay2: #939ab7; + --ctp-overlay1: #8087a2; + --ctp-overlay0: #6e738d; + --ctp-surface2: #5b6078; + --ctp-surface1: #494d64; + --ctp-surface0: #363a4f; + --ctp-base: #24273a; + --ctp-mantle: #1e2030; + --ctp-crust: #181926; +} + +:root[theme="mocha"] { + --ctp-rosewater: #f5e0dc; + --ctp-flamingo: #f2cdcd; + --ctp-pink: #f5c2e7; + --ctp-mauve: #cba6f7; + --ctp-red: #f38ba8; + --ctp-maroon: #eba0ac; + --ctp-peach: #fab387; + --ctp-yellow: #f9e2af; + --ctp-green: #a6e3a1; + --ctp-teal: #94e2d5; + --ctp-sky: #89dceb; + --ctp-sapphire: #74c7ec; + --ctp-blue: #89b4fa; + --ctp-lavender: #b4befe; + --ctp-text: #cdd6f4; + --ctp-subtext1: #bac2de; + --ctp-subtext0: #a6adc8; + --ctp-overlay2: #9399b2; + --ctp-overlay1: #7f849c; + --ctp-overlay0: #6c7086; + --ctp-surface2: #585b70; + --ctp-surface1: #45475a; + --ctp-surface0: #313244; + --ctp-base: #1e1e2e; + --ctp-mantle: #181825; + --ctp-crust: #11111b; +} + +body { + background-color: var(--ctp-base); + color: var(--ctp-text) !important; + font-family: "Urbanist", Arial, sans-serif; + display: flex; + justify-content: center; + align-items: center; + width: 100%; +} + +/* urbanist-regular - latin */ +@font-face { + font-display: swap; + /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ + font-family: 'Urbanist'; + font-style: normal; + font-weight: 400; + src: url('./fonts/urbanist-v15-latin-regular.woff2') format('woff2'); + /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ +} + + +p { + font-size: 1em; + margin-left: auto; + margin-right: auto; + text-align: center; +} + +a { + color: var(--ctp-red); +} + +a:hover { + color: var(--ctp-mauve); +} + +a:visited { + color: var(--ctp-pink); +} + +h1 { + margin-bottom: 2px; + margin-top: 2px; + font-size: 3em; + text-align: center; +} + +h2 { + margin-top: 2px; + margin-bottom: 2px; + font-size: 2em; + text-align: center; +} + +h3 { + margin-top: 0.5em; + margin-bottom: 0.25em; + font-size: 1.5em; + text-align: center; +} + +ul { + padding: 0; +} + +li { + font-size: 1.5em; + text-align: center; + list-style-type: none; + margin-bottom: 1.5px; + align-content: center; +} + +footer { + display: inline-flex; + align-items: center; + justify-content: center; + text-align: center; +} + + +select { + padding: 0.25rem 0.25rem; + background-color: var(--ctp-surface0); + color: var(--ctp-text); + border-radius: 5px; + border: 1px solid; + border-color: var(--ctp-mantle); + text-align: center; + align-content: center !important; + align-items: center !important; + display: inline-flex; + font-size: 1em; + border-radius: 7px; + box-shadow: 0 0 5px 0 var(--ctp-green); + +} + +hr { + height: 2px; + width: 80%; + background-color: var(--ctp-yellow); + border: none; + margin: 1.5rem auto; + box-shadow: 0 0 15px 0 var(--ctp-yellow); +} diff --git a/style.css b/style.css index 2b646d6..958ec8b 100644 --- a/style.css +++ b/style.css @@ -173,6 +173,13 @@ h2 { text-align: center; } +h3 { + margin-top: 0.5em; + margin-bottom: 0.25em; + font-size: 1.5em; + text-align: center; +} + ul { padding: 0; } @@ -230,17 +237,20 @@ assets/right.svg { } select { - padding: 0.25rem 0.5rem; + padding: 0.25rem 0.25rem; background-color: var(--ctp-surface0); color: var(--ctp-text); - border-radius: 7px; - border: 2px solid; + border-radius: 5px; + border: 1px solid; border-color: var(--ctp-mantle); - text-align: left; + text-align: center; + align-content: center !important; + align-items: center !important; + display: inline-flex; font-size: 1em; - line-height: 1.25em; border-radius: 7px; box-shadow: 0 0 5px 0 var(--ctp-peach); + } .socials a:hover {