diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..9184d62 --- /dev/null +++ b/.gitignore @@ -0,0 +1 @@ +data/config.toml diff --git a/static/announcements.html b/static/announcements.html index 3c315e6..c947d3f 100644 --- a/static/announcements.html +++ b/static/announcements.html @@ -11,6 +11,107 @@ color: #fff; font-family: 'JetBrains Mono', 'JetBrainsMono Nerd Font', monospace } + .container { + width: 100%; + max-width: 400px; + margin: 0 auto; + position: relative; + } + + #contact input[type="token"], + #contact input[type="link"], + #contact textarea, + #contact select, + #contact button[type="submit"] { + font: 500 15px/16px "Roboto", sans-serif; + } + + .container h1 { + text-align: center; + margin: 0; + padding: 0; + font-size: 2rem; + } + + + #contact textarea { + text-align: center; + border-radius: 5px; + margin-top: 10px; + width: 100%; + border: none; + color: #FFF; + background: #3b3b3b; + margin: 0 0 5px; + padding: 10px; + height: 100px; + max-width: 100%; + resize: none; + } + + #contact input, select { + text-align: center; + border-radius: 5px; + color: #FFF; + width: 100%; + border: none; + background: #3b3b3b; + margin: 0 0 5px; + padding: 10px; + max-width: 100%; + } + #contact select { + width: 105%; + max-width: 105%; + } + + + + #contact button[type="submit"] { + cursor: pointer; + width: 105%; + border: none; + background: #00d4aa; + color: #252525; + margin: 0 0 5px; + padding: 10px; + font-size: 15px; + border-radius: 5px; +} + + #contact button[type="submit"]:hover { + background: #00a484; + -webkit-transition: background 0.3s ease-in-out; + -moz-transition: background 0.3s ease-in-out; + transition: background-color 0.3s ease-in-out; +} + + #contact button[type="submit"]:active { + box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5); +} + + #contact button[type="delete"] { + cursor: pointer; + width: 105%; + border: none; + background: #d10006; + color: #FFF; + margin: 0 0 5px; + padding: 10px; + font-size: 15px; + border-radius: 5px; +} + + #contact button[type="delete"]:hover { + background: #990005; + -webkit-transition: background 0.3s ease-in-out; + -moz-transition: background 0.3s ease-in-out; + transition: background-color 0.3s ease-in-out; +} + + #contact button[type="delete"]:active { + box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5); +} a { color: #00d4aa; @@ -22,8 +123,10 @@ +

Post Announcement