Diff

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
line wrap: on
line diff
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/mod_invites_webgen/html/webgen.html	Wed Feb 26 17:36:14 2025 +0700
@@ -0,0 +1,121 @@
+<!DOCTYPE html>
+<html lang="vi">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8;" />
+
+<title>Đăng Ký</title>
+<meta name="description" content="Đăng ký tài khoản tiêu chuẩn `@{site_name}`." />
+
+<meta name="author" content="Trần H. Trung" />
+<meta name="HandheldFriendly" content="true" /><!-- mobile device -->
+<meta name="viewport" content="width=device-width, initial-scale=1" /><!-- mobile device --> 
+
+<style>
+code { 
+    font-family: Monospace; 
+    color: #fff;
+    background: #000;
+    padding: 2px;
+    border-radius: 5px;
+}
+main {
+    width: 960px;
+    margin: auto;
+}
+h1, h2, h3, h4, h5, h6 { text-align: center; }
+table {
+    width: 100%;
+    padding: 5px;
+    text-align: center;
+    background: #000;
+    color: #fff;
+}
+.even { background: #444; }
+.odd { background: #555; }
+table caption { 
+    background: #000;
+    color: #fff;
+    margin: auto;
+    padding: 5px;
+}
+</style>
+</head>
+
+<body>
+
+<div style="height: 2rem;"></div>
+
+<main>
+<hr/>
+
+<h1>Đăng Ký</h1>
+
+<h4><a href='/webgen?&l=en' title='English' rel='noopener noreferer' >« English »</a></h4>
+
+<p>Để đăng ký <a href='' title='Tài Liệu - Tài Khoản' rel='noopener noreferer'>tài khoản
+<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>
+
+<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>
+
+<form method="post">
+
+<table>
+
+<caption align="bottom">…{message&{message}!}</caption>
+
+<colgroup>
+<col width="52%" />
+<col width="48%" />
+</colgroup>
+
+<tr class="header">
+<th align="center">Tên Đăng Nhập</th>
+<th align="center">Mật Khẩu</th>
+</tr>
+
+<tr class="odd">
+<td align="left"><div style="text-align: center;">
+<p><input required
+       name="username"
+       aria-describedby="usernameHelp"
+       minlength="1"
+       maxlength="32"
+       length="32"><code>@{site_name}</code>
+</input></p></div></td>
+<td align="left"><div style="text-align: center;">
+<p><input required
+       type="password"
+       name="password"
+       aria-describedby="passwordHelp"
+       autocomplete="new-password"
+       minlength="\{password_policy.length\}">
+</input></p></div></td>
+</tr>
+
+<tr class='even'>
+<td colspan='2'>
+<h3>
+<button type="submit">
+Tạo
+</button>
+</h3>
+</td>
+</tr>
+
+</table>
+
+</form>
+
+<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>
+
+<h4><a href='#top' title='top' rel='noopener noreferer' >~*~</a></h4>
+
+<hr/>
+</main>
+</div>
+
+<div style="height: 4rem;"></div>
+
+</body>
+
+</html>