From fc5fc6a91d9c0b88813a0af36ed76d71a52a69eb Mon Sep 17 00:00:00 2001 From: Midou36O Date: Wed, 14 Sep 2022 10:17:18 +0100 Subject: [PATCH] Partial work. --- .gitignore | 1 + static/announcements.html | 84 +++++++++++++++++++++++++++++++++++++-- 2 files changed, 82 insertions(+), 3 deletions(-) create mode 100644 .gitignore 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..b12d295 100644 --- a/static/announcements.html +++ b/static/announcements.html @@ -11,6 +11,81 @@ 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 button[type="submit"] { + cursor: pointer; + width: 100%; + 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); +} a { color: #00d4aa; @@ -22,8 +97,10 @@ +

Post Announcement