Comparison

mod_invites_webgen/html/webgen.html @ 5943:05125c29fd67

mod_invites_webgen: initial release
author Trần H. Trung <xmpp:trần.h.trung@trung.fun>
date Wed, 26 Feb 2025 17:36:14 +0700
comparison
equal deleted inserted replaced
5942:abd1bbe5006e 5943:05125c29fd67
1 <!DOCTYPE html>
2 <html lang="vi">
3 <head>
4 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8;" />
5
6 <title>Đăng Ký</title>
7 <meta name="description" content="Đăng ký tài khoản tiêu chuẩn `@{site_name}`." />
8
9 <meta name="author" content="Trần H. Trung" />
10 <meta name="HandheldFriendly" content="true" /><!-- mobile device -->
11 <meta name="viewport" content="width=device-width, initial-scale=1" /><!-- mobile device -->
12
13 <style>
14 code {
15 font-family: Monospace;
16 color: #fff;
17 background: #000;
18 padding: 2px;
19 border-radius: 5px;
20 }
21 main {
22 width: 960px;
23 margin: auto;
24 }
25 h1, h2, h3, h4, h5, h6 { text-align: center; }
26 table {
27 width: 100%;
28 padding: 5px;
29 text-align: center;
30 background: #000;
31 color: #fff;
32 }
33 .even { background: #444; }
34 .odd { background: #555; }
35 table caption {
36 background: #000;
37 color: #fff;
38 margin: auto;
39 padding: 5px;
40 }
41 </style>
42 </head>
43
44 <body>
45
46 <div style="height: 2rem;"></div>
47
48 <main>
49 <hr/>
50
51 <h1>Đăng Ký</h1>
52
53 <h4><a href='/webgen?&l=en' title='English' rel='noopener noreferer' >« English »</a></h4>
54
55 <p>Để đăng ký <a href='' title='Tài Liệu - Tài Khoản' rel='noopener noreferer'>tài khoản
56 <code>@{site_name}</code></a>, bạn cần có <a href='' title='Tài Liệu - Mời Đăng Ký' rel='noopener noreferer' >lời mời.</a></p>
57
58 <p>Để tạo lời mời với tài khoản của mình, bạn có thể xác danh dưới đây:</p>
59
60 <form method="post">
61
62 <table>
63
64 <caption align="bottom">…{message&{message}!}</caption>
65
66 <colgroup>
67 <col width="52%" />
68 <col width="48%" />
69 </colgroup>
70
71 <tr class="header">
72 <th align="center">Tên Đăng Nhập</th>
73 <th align="center">Mật Khẩu</th>
74 </tr>
75
76 <tr class="odd">
77 <td align="left"><div style="text-align: center;">
78 <p><input required
79 name="username"
80 aria-describedby="usernameHelp"
81 minlength="1"
82 maxlength="32"
83 length="32"><code>@{site_name}</code>
84 </input></p></div></td>
85 <td align="left"><div style="text-align: center;">
86 <p><input required
87 type="password"
88 name="password"
89 aria-describedby="passwordHelp"
90 autocomplete="new-password"
91 minlength="\{password_policy.length\}">
92 </input></p></div></td>
93 </tr>
94
95 <tr class='even'>
96 <td colspan='2'>
97 <h3>
98 <button type="submit">
99 Tạo
100 </button>
101 </h3>
102 </td>
103 </tr>
104
105 </table>
106
107 </form>
108
109 <p>Nếu XMPP còn mới và bạn chưa quen ai, hãy <a href='' title='Liên Lạc' rel='noopener noreferer' >liên lạc.</a></p>
110
111 <h4><a href='#top' title='top' rel='noopener noreferer' >~*~</a></h4>
112
113 <hr/>
114 </main>
115 </div>
116
117 <div style="height: 4rem;"></div>
118
119 </body>
120
121 </html>