Software / code / prosody-modules
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> |