Diff

mod_invites_webgen/html/webgen.en.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.en.html	Wed Feb 26 17:36:14 2025 +0700
@@ -0,0 +1,119 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8;" />
+
+<title>Register</title>
+<meta name="description" content="Register for standard account `@{site_name}`." />
+
+<meta name="author" content="Trần H. Trung" /> 
+<meta name="HandheldFriendly" content="true" />
+<meta name="viewport" content="width=device-width, initial-scale=1" /> 
+
+<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>Register</h1>
+
+<h4><a href='/webgen?&l=en' title='tiếng Việt' rel='noopener noreferer' >« tiếng Việt »</a></h4>
+
+<p>To register for a <a href='' title='Server - Standard Address' rel='noopener noreferer' >account</a>
+<code>@{site_name}</code>, you need <a href='' title='Server - Invites' rel='noopener noreferer' >an invite.</a></p>
+
+<p>To generate an invite with your account, you can authenticate below:</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">Username</th>
+<th align="center">Password</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">
+Generate
+</button>
+</h3>
+</td>
+</tr>
+</table>
+
+</form>
+
+<p>If you're new to XMPP and yet to know anybody, <a href='' title='Trung - Contact' target='_blank' rel='noopener noreferer' >contact me.</a></p>
+
+<h4><a href='#top' title='top' rel='noopener noreferer' >~*~</a></h4>
+
+<hr/>
+</main>
+
+<div style="height: 4rem;"></div>
+
+</body>
+
+</html>