www/message.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91

<!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</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">&gt;</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">[ &lt; SEND &gt; ]</button>
						<button type="reset" id="reset-btn" class="ascii-btn ascii-btn-reset">[ &lt; CLEAR &gt; ]</button>
					</div>

				</form>

				<pre>
________________________________________________________________________________

<a href="/">Return to Home Page</a>
				</pre>

				<div class="source-footer">
					<a href="https://git.doan.luuduct.ai/stack/tree/www/message.html">[ Source Code ]</a>
				</div>

			</div>
		</div>

	</body>
</html>