diff options
Diffstat (limited to 'www/message.html')
| -rw-r--r-- | www/message.html | 87 |
1 files changed, 87 insertions, 0 deletions
diff --git a/www/message.html b/www/message.html new file mode 100644 index 0000000..a463a1c --- /dev/null +++ b/www/message.html @@ -0,0 +1,87 @@ +<!doctype html> +<!-- +Copyright (C) 2026 Doan Luu Duc Tai <doan@luuduct.ai> + +This program is free software: you can redistribute it and/or modify +it under the terms of the GNU Affero General Public License as +published by the Free Software Foundation, either version 3 of the +License, or (at your option) any later version. + +This program is distributed in the hope that it will be useful, +but WITHOUT ANY WARRANTY; without even the implied warranty of +MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the +GNU Affero General Public License for more details. + +You should have received a copy of the GNU Affero General Public License +along with this program. If not, see <https://www.gnu.org/licenses/>. +--> +<html lang="en"> + <head> + <meta charset="utf-8"> + <meta name="viewport" content="width=device-width,initial-scale=1"> + + <title>Message Me - Doan Luu Duc Tai</title> + + <link rel="stylesheet" href="styles.css"> + <link rel="stylesheet" href="form.css"> + </head> + + <body> + + <div id="page"> + + <div class="badge">[ JS-free ]</div> + + <div id="content"> + + <pre> +<a href="/" class="logo"> + ____ ___ _ _ _ +| _ \ / _ \ / \ | \ | | +| | | | | | |/ _ \ | \| | +| |_| | |_| / ___ \| |\ | +|____/ \___/_/ \_\_| \_| LUU DUC TAI +</a> + </pre> + + <form id="message-form" action="/send-message" method="POST" class="ascii-form-container"> + + <div class="ascii-box"> + <div class="ascii-bar">+--[ Reply Contact (Optional) ]------------------------------------------------+</div> + <div class="ascii-body"> + <div class="ascii-content-padding"> + <span class="ascii-prompt">></span> + <input type="text" id="sender-input" name="sender" class="ascii-input" maxlength="120" autocomplete="off" spellcheck="false"> + </div> + </div> + <div class="ascii-bar">+------------------------------------------------------------------------------+</div> + </div> + + <div class="ascii-box"> + <div class="ascii-bar">+--[ Message Body ]------------------------------------------------------------+</div> + <div class="ascii-body"> + <div class="ascii-content-padding"> + <textarea id="message-input" name="message" class="ascii-textarea" rows="4" required></textarea> + </div> + </div> + <div class="ascii-bar">+------------------------------------------------------------------------------+</div> + </div> + + <div class="ascii-actions"> + <button type="submit" id="submit-btn" class="ascii-btn ascii-btn-submit">[ < SEND > ]</button> + <button type="reset" id="reset-btn" class="ascii-btn ascii-btn-reset">[ < CLEAR > ]</button> + </div> + + </form> + + <pre> +________________________________________________________________________________ + +<a href="/">Return to Home Page</a> + </pre> + + </div> + </div> + + </body> +</html> |