From e3d5140dcc936ff411c438b7e3997104cb5f085a Mon Sep 17 00:00:00 2001
From: Adam <Adam@anope.org>
Date: Sat, 1 Sep 2012 18:54:51 -0400
Subject: Added a web panel module + a default template

---
 .../templates/default/chanserv/access.html         |  52 +++++++++++
 .../templates/default/chanserv/akick.html          |  42 +++++++++
 .../webcpanel/templates/default/chanserv/main.html |   6 ++
 .../webcpanel/templates/default/chanserv/set.html  | 100 +++++++++++++++++++++
 .../extra/webcpanel/templates/default/confirm.html |  30 +++++++
 .../extra/webcpanel/templates/default/favicon.ico  | Bin 0 -> 3774 bytes
 .../extra/webcpanel/templates/default/footer.html  |   7 ++
 .../extra/webcpanel/templates/default/header.html  |  24 +++++
 .../extra/webcpanel/templates/default/login.html   |  47 ++++++++++
 modules/extra/webcpanel/templates/default/logo.png | Bin 0 -> 16385 bytes
 .../templates/default/memoserv/memos.html          |  50 +++++++++++
 .../templates/default/nickserv/access.html         |  24 +++++
 .../templates/default/nickserv/alist.html          |  16 ++++
 .../webcpanel/templates/default/nickserv/cert.html |  19 ++++
 .../webcpanel/templates/default/nickserv/info.html |  82 +++++++++++++++++
 .../webcpanel/templates/default/register.html      |  51 +++++++++++
 .../extra/webcpanel/templates/default/style.css    |  97 ++++++++++++++++++++
 17 files changed, 647 insertions(+)
 create mode 100644 modules/extra/webcpanel/templates/default/chanserv/access.html
 create mode 100644 modules/extra/webcpanel/templates/default/chanserv/akick.html
 create mode 100644 modules/extra/webcpanel/templates/default/chanserv/main.html
 create mode 100644 modules/extra/webcpanel/templates/default/chanserv/set.html
 create mode 100644 modules/extra/webcpanel/templates/default/confirm.html
 create mode 100644 modules/extra/webcpanel/templates/default/favicon.ico
 create mode 100644 modules/extra/webcpanel/templates/default/footer.html
 create mode 100644 modules/extra/webcpanel/templates/default/header.html
 create mode 100644 modules/extra/webcpanel/templates/default/login.html
 create mode 100644 modules/extra/webcpanel/templates/default/logo.png
 create mode 100644 modules/extra/webcpanel/templates/default/memoserv/memos.html
 create mode 100644 modules/extra/webcpanel/templates/default/nickserv/access.html
 create mode 100644 modules/extra/webcpanel/templates/default/nickserv/alist.html
 create mode 100644 modules/extra/webcpanel/templates/default/nickserv/cert.html
 create mode 100644 modules/extra/webcpanel/templates/default/nickserv/info.html
 create mode 100644 modules/extra/webcpanel/templates/default/register.html
 create mode 100644 modules/extra/webcpanel/templates/default/style.css

(limited to 'modules/extra/webcpanel/templates/default')

diff --git a/modules/extra/webcpanel/templates/default/chanserv/access.html b/modules/extra/webcpanel/templates/default/chanserv/access.html
new file mode 100644
index 000000000..13c0ba82b
--- /dev/null
+++ b/modules/extra/webcpanel/templates/default/chanserv/access.html
@@ -0,0 +1,52 @@
+{INCLUDE header.html}
+		{FOR M IN MESSAGES}
+			{M}<br/>
+		{END FOR}
+		{IF EXISTS ACCESSES}
+			<b>Access List</b></br>
+			<table width="100%" height="100%">
+				<tr>
+					<th>Mask</th>
+					<th>Access</th>
+					<th>Creator</th>
+				</tr>
+				{FOR MASK,ACCESS,CREATOR,ACCESS_CHANGE IN MASKS,ACCESSES,CREATORS,ACCESS_CHANGES}
+					<tr>
+						<td>{MASK}</td>
+						<td>{ACCESS}</td>
+						<td>{CREATOR}</td>
+						{IF EQ ACCESS_CHANGE YES}
+							<td><a href="/chanserv/access?channel={ESCAPED_CHANNEL}&mask={MASK}&del=1">Delete</a></td>
+						{END IF}
+					</tr>
+				{END FOR}
+			</table>
+		{ELSE}
+			<b>Access list is empty.</b>
+		{END IF}
+
+		<br/><br/>
+
+		<b>Add an access entry</b><br/>
+		<form method="post" action="/chanserv/access?channel={ESCAPED_CHANNEL}">
+			<table width="100%" height="100%">
+				<tr>
+					<th>Mask</th>
+					<th>Access</th>
+					<th>Provider</th>
+				</tr>
+				<tr>
+					<td><input type="text" name="mask"></td>
+					<td><input type="text" name="access"></td>
+					<td>
+						<select name="provider">
+							{FOR PROVIDER IN PROVIDERS}
+								<option value="{PROVIDER}">{PROVIDER}</option>
+							{END FOR}
+						</select>
+					</td>
+				</tr>
+			</table>
+			<input type="submit" value="Add">
+		</form>
+{INCLUDE footer.html}
diff --git a/modules/extra/webcpanel/templates/default/chanserv/akick.html b/modules/extra/webcpanel/templates/default/chanserv/akick.html
new file mode 100644
index 000000000..23c1c1efd
--- /dev/null
+++ b/modules/extra/webcpanel/templates/default/chanserv/akick.html
@@ -0,0 +1,42 @@
+{INCLUDE header.html}
+		{FOR M IN MESSAGES}
+			{M}<br/>
+		{END FOR}
+		{IF EXISTS MASKS}
+			<b>Akick List</b></br>
+			<table width="100%" height="100%">
+				<tr>
+					<th>Mask</th>
+					<th>Creator</th>
+					<th>Reason</th>
+				</tr>
+				{FOR MASK,CREATOR,REASON IN MASKS,CREATORS,REASONS}
+					<tr>
+						<td>{MASK}</td>
+						<td>{CREATOR}</td>
+						<td>{REASON}</td>
+						<td><a href="/chanserv/akick?channel={ESCAPED_CHANNEL}&mask={MASK}&del=1">Delete</a></td>
+					</tr>
+				{END FOR}
+			</table>
+		{ELSE}
+			<b>Akick list is empty.</b>
+		{END IF}
+
+		<br/><br/>
+
+		<b>Add an akick entry</b><br/>
+		<form method="post" action="/chanserv/akick?channel={ESCAPED_CHANNEL}">
+			<table width="100%" height="100%">
+				<tr>
+					<th>Mask</th>
+					<th>Reason</th>
+				</tr>
+				<tr>
+					<td><input type="text" name="mask"></td>
+					<td><input type="text" name="access"></td>
+				</tr>
+			</table>
+			<input type="submit" value="Add">
+		</form>
+{INCLUDE footer.html}
diff --git a/modules/extra/webcpanel/templates/default/chanserv/main.html b/modules/extra/webcpanel/templates/default/chanserv/main.html
new file mode 100644
index 000000000..99fec7d75
--- /dev/null
+++ b/modules/extra/webcpanel/templates/default/chanserv/main.html
@@ -0,0 +1,6 @@
+{INCLUDE header.html}
+			<b>Channels you have access in:</b><br/>
+			{FOR CH,ECH IN CHANNEL_NAMES,ESCAPED_CHANNEL_NAMES}
+				<a href="/chanserv/set?channel={ECH}">{CH}</a></br>
+			{END FOR}
+{INCLUDE footer.html}
diff --git a/modules/extra/webcpanel/templates/default/chanserv/set.html b/modules/extra/webcpanel/templates/default/chanserv/set.html
new file mode 100644
index 000000000..ec2a33929
--- /dev/null
+++ b/modules/extra/webcpanel/templates/default/chanserv/set.html
@@ -0,0 +1,100 @@
+{INCLUDE header.html}
+		{FOR M IN MESSAGES}
+			{M}<br/>
+		{END FOR}
+		<form method="post" action="/chanserv/set?channel={CHANNEL_ESCAPED}">
+			<table width="100%" height="100%">
+				<tr>
+					<td>Channel Name</td>
+					<td>{CHANNEL}</td>
+				</tr>
+				{IF EXISTS FOUNDER}
+				<tr>
+					<td>Founder</td>
+					<td>{FOUNDER}</td>
+				</tr>
+				{END IF}
+				{IF EXISTS SUCCESSOR}
+				<tr>
+					<td>Succsesor</td>
+					<td>{SUCCESSOR}</td>
+				</tr>
+				{END IF}
+				<tr>
+					<td>Time registered</td>
+					<td>{TIME_REGISTERED</td>
+				</tr>
+				<tr>
+					<td>Last used</td>
+					<td>{LAST_USED}</td>
+				</tr>
+				{IF EXISTS LAST_TOPIC}
+				<tr>
+					<td>Last topic</td>
+					<td>{LAST_TOPIC}</td>
+				</tr>
+				<tr>
+					<td>Set by</td>
+					<td>{LAST_TOPIC_SETTER}</td>
+				</tr>
+				{END IF}
+				<tr>
+					<td>Keep topic</td>
+					{IF EXISTS KEEPTOPIC}
+					<td><input type="checkbox" name="keeptopic" value="on" checked></td>
+					{ELSE}
+					<td><input type="checkbox" name="keeptopic" value="on"></td>
+					{END IF}
+				</tr>
+				<tr>
+					<td>Peace</td>
+					{IF EXISTS PEACE}
+					<td><input type="checkbox" name="peace" value="on" checked></td>
+					{ELSE}
+					<td><input type="checkbox" name="peace" value="on"></td>
+					{END IF}
+				</tr>
+				<tr>
+					<td>Private</td>
+					{IF EXISTS PRIVATE}
+					<td><input type="checkbox" name="private" value="on" checked></td>
+					{ELSE}
+					<td><input type="checkbox" name="private" value="on"></td>
+					{END IF}
+				</tr>
+				<tr>
+					<td>Restricted</td>
+					{IF EXISTS RESTRICTED}
+					<td><input type="checkbox" name="restricted" value="on" checked></td>
+					{ELSE}
+					<td><input type="checkbox" name="restricted" value="on"></td>
+					{END IF}
+				</tr>
+				<tr>
+					<td>Secure</td>
+					{IF EXISTS SECURE}
+					<td><input type="checkbox" name="secure" value="on" checked></td>
+					{ELSE}
+					<td><input type="checkbox" name="secure" value="on"></td>
+					{END IF}
+				</tr>
+				<tr>
+					<td>Secure Ops</td>
+					{IF EXISTS SECUREOPS}
+					<td><input type="checkbox" name="secureops" value="on" checked></td>
+					{ELSE}
+					<td><input type="checkbox" name="secureops" value="on"></td>
+					{END IF}
+				</tr>
+				<tr>
+					<td>Topic Lock</td>
+					{IF EXISTS TOPICLOCK}
+					<td><input type="checkbox" name="topiclock" value="on" checked></td>
+					{ELSE}
+					<td><input type="checkbox" name="topiclock" value="on"></td>
+					{END IF}
+				</tr>
+		</table>
+	<input type="submit" value="Save">
+	</form>
+{INCLUDE footer.html}
diff --git a/modules/extra/webcpanel/templates/default/confirm.html b/modules/extra/webcpanel/templates/default/confirm.html
new file mode 100644
index 000000000..918ccd971
--- /dev/null
+++ b/modules/extra/webcpanel/templates/default/confirm.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html> 
+<html>
+<head>
+	<link href="/static/style.css" media="screen" rel="stylesheet" type="text/css" />
+	<title>{TITLE}</title>
+</head>
+<body>
+	<div class="master">
+		<div class="header">
+			<div class="loggedinas"><a href="/">Home</a></div>
+		</div>
+		<table width="100%" height="100%">
+			<tr>
+				<td>
+					<center>
+						<img src="static/logo.png"/>
+						<br/>
+						{FOR M IN MESSAGES}
+							{M}<br/>
+						{END FOR}
+					</center>
+				</td>
+			</tr>
+		</table>
+	</div>
+	<div class="footer">
+		Anope IRC Services - &copy; 2012 Anope Team - <a href="http://anope.org">http://anope.org</a>
+	</div>
+</body>
+</html>
diff --git a/modules/extra/webcpanel/templates/default/favicon.ico b/modules/extra/webcpanel/templates/default/favicon.ico
new file mode 100644
index 000000000..be735614a
Binary files /dev/null and b/modules/extra/webcpanel/templates/default/favicon.ico differ
diff --git a/modules/extra/webcpanel/templates/default/footer.html b/modules/extra/webcpanel/templates/default/footer.html
new file mode 100644
index 000000000..65d23402a
--- /dev/null
+++ b/modules/extra/webcpanel/templates/default/footer.html
@@ -0,0 +1,7 @@
+		</div>
+	</div>
+	<div class="footer">
+		Anope IRC Services - &copy; 2012 Anope Team - <a href="http://anope.org">http://anope.org</a>
+	</div>
+</body>
+</html>
diff --git a/modules/extra/webcpanel/templates/default/header.html b/modules/extra/webcpanel/templates/default/header.html
new file mode 100644
index 000000000..38f367acc
--- /dev/null
+++ b/modules/extra/webcpanel/templates/default/header.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html> 
+<html>
+<head>
+	<link href="/static/style.css" media="screen" rel="stylesheet" type="text/css" />
+	<title>{TITLE}</title>
+</head>
+<body>
+	<div class="master">
+		<div class="header">
+			<ul id="button">
+				{FOR CATEGORY_URL,CATEGORY_NAME IN CATEGORY_URLS,CATEGORY_NAMES}
+				<li><a href="{CATEGORY_URL}">{CATEGORY_NAME}</a></li>
+				{END FOR}
+			</ul>
+			<div class="loggedinas">Logged in as {ACCOUNT} <a href="/logout">(Logout)</a></div>
+		</div>
+		<div class="sidebar">
+			<ul class="sidenav">
+				{FOR SUBCATEGORY_URL,SUBCATEGORY_GET,SUBCATEGORY_NAME IN SUBCATEGORY_URLS,SUBCATEGORY_GETS,SUBCATEGORY_NAMES}
+				<li><a href="{SUBCATEGORY_URL}{SUBCATEGORY_GET}">{SUBCATEGORY_NAME}</a></li>
+				{END FOR}
+			</ul>
+		</div>
+		<div class="content">
diff --git a/modules/extra/webcpanel/templates/default/login.html b/modules/extra/webcpanel/templates/default/login.html
new file mode 100644
index 000000000..7aa54aa9c
--- /dev/null
+++ b/modules/extra/webcpanel/templates/default/login.html
@@ -0,0 +1,47 @@
+<!DOCTYPE html> 
+<html>
+<head>
+	<link href="/static/style.css" media="screen" rel="stylesheet" type="text/css" />
+	<title>{TITLE}</title>
+</head>
+<body>
+	<div class="master">
+		<div class="header">
+			<div class="loggedinas"><a href="/register">Register</a></div>
+		</div>
+		<table width="100%" height="100%">
+			<tr>
+				<td>
+					<center>
+						<img src="static/logo.png"/>
+						<br>
+						<h2>Login</h2>
+						{INVALID_LOGIN}<br>
+						Login to continue.
+						<br>
+						<form action="/" method="post">
+							<table>
+								<tr>
+									<td><div align="right">Username:</div></td>
+									<td><div align="left"><input name="username"/></div></td>
+								</tr>
+								<tr>
+									<td><div align="right">Password:</div></td>
+									<td><div align="left"><input name="password" type="password"/></div></td>
+								</tr>
+								<tr>
+									<td></td>
+									<td><div align="left"><input type="submit" value="Login"/></div></td>
+								</tr>
+							</table>
+						</form>
+					</center>
+				</td>
+			</tr>
+		</table>
+	</div>
+	<div class="footer">
+		Anope IRC Services - &copy; 2012 Anope Team - <a href="http://anope.org">http://anope.org</a>
+	</div>
+</body>
+</html>
diff --git a/modules/extra/webcpanel/templates/default/logo.png b/modules/extra/webcpanel/templates/default/logo.png
new file mode 100644
index 000000000..1ab5546c6
Binary files /dev/null and b/modules/extra/webcpanel/templates/default/logo.png differ
diff --git a/modules/extra/webcpanel/templates/default/memoserv/memos.html b/modules/extra/webcpanel/templates/default/memoserv/memos.html
new file mode 100644
index 000000000..559efd35b
--- /dev/null
+++ b/modules/extra/webcpanel/templates/default/memoserv/memos.html
@@ -0,0 +1,50 @@
+{INCLUDE header.html}
+		<b>Channels you have access in:</b><br/>
+		{FOR CH,ECH IN CHANNEL_NAMES,ESCAPED_CHANNEL_NAMES}
+			<a href="/memoserv/memos?channel={ECH}">{CH}</a> 
+		{END FOR}
+		<br/><br/>
+		{FOR M IN MESSAGES}
+			{M}</br>
+		{END FOR}
+		<br/>
+		{IF EXISTS NUMBER}
+			<b>Memos List:</b>
+			<table width="100%" height="100%">
+				<tr>
+					<th>Number</th>
+					<th>Sender</th>
+					<th>Time/Message</th>
+				</tr>
+				{FOR I,S,T,TXT,U IN NUMBER,SENDER,TIME,TEXT,UNREAD}
+				<tr>
+					<td>{I}</td>
+					<td>{S}</td>
+					<td>{T}</td>
+				{IF EQ U YES}
+					<td><a href="/memoserv/memos?channel={ESCAPED_CHANNEL_NAME}&number={I}&read=1">Mark as Read</a></td>
+				{ELSE}
+					<td><a href="/memoserv/memos?channel={ESCAPED_CHANNEL_NAME}&number={I}&read=2">Mark as Unread</a></td>
+				{END IF}
+					<td><a href="/memoserv/memos?channel={ESCAPED_CHANNEL_NAME}&number={I}&del=1">Delete</a></td>
+
+				</tr>
+				<tr>
+					<td></td><td></td>
+					<td>{TXT}</td>
+				</tr>
+				{END FOR}
+			</table>
+		{ELSE}
+			<b>No memos to show.</b>
+		{END IF}
+
+		<br/><br/>
+
+		<b>Send a new Memo</b>
+		<form method="post" action="/memoserv/memos?channel={ESCAPED_CHANNEL}">
+		Receiver: <input type="text" name="receiver">
+		Message: <input type="text" name="message">
+		<input type="submit" value="Send">
+		</form>
+{INCLUDE footer.html}
diff --git a/modules/extra/webcpanel/templates/default/nickserv/access.html b/modules/extra/webcpanel/templates/default/nickserv/access.html
new file mode 100644
index 000000000..9948c3694
--- /dev/null
+++ b/modules/extra/webcpanel/templates/default/nickserv/access.html
@@ -0,0 +1,24 @@
+{INCLUDE header.html}
+		{FOR M IN MESSAGES}
+			{M}</br>
+		{END FOR}
+		{IF EXISTS ACCESS}
+			<b>Your access list:</b>
+			<table width="100%" height="100%">
+				{FOR A IN ACCESS}
+				<tr>
+					<td>{A}</td>
+					<td><a href="/nickserv/access?mask={A}&del=1">Delete</a></td>
+				</tr>
+				{END FOR}
+			</table>
+		{ELSE}
+			<b>Your access list is empty.</b>
+		{END IF}
+		<br/><br/>
+		<b>Add an access entry:</b>
+		<form method="post" action="/nickserv/access">
+		<input name="access">
+		<input type="submit" value="Add">
+		</form>
+{INCLUDE footer.html}
diff --git a/modules/extra/webcpanel/templates/default/nickserv/alist.html b/modules/extra/webcpanel/templates/default/nickserv/alist.html
new file mode 100644
index 000000000..e36143458
--- /dev/null
+++ b/modules/extra/webcpanel/templates/default/nickserv/alist.html
@@ -0,0 +1,16 @@
+{INCLUDE header.html}
+	<table>
+		<tr>
+			<th>Number</th>
+			<th>Channel</th>
+			<th>Access</th>
+		</tr>
+		{FOR N,C,A IN NUMBERS,CHANNELS,ACCESSES}
+			<tr>
+				<td>{N}</td>
+				<td>{C}</td>
+				<td>{A}</td>
+			</tr>
+		{END FOR}
+	</table>
+{INCLUDE footer.html}
diff --git a/modules/extra/webcpanel/templates/default/nickserv/cert.html b/modules/extra/webcpanel/templates/default/nickserv/cert.html
new file mode 100644
index 000000000..31f12b883
--- /dev/null
+++ b/modules/extra/webcpanel/templates/default/nickserv/cert.html
@@ -0,0 +1,19 @@
+{INCLUDE header.html}
+		{FOR M IN MESSAGES}
+			{M}</br>
+		{END FOR}
+		<b>Your certificate finrgerprints:</b>
+		<table width="100%" height="100%">
+			{FOR CERT IN CERTS}
+			<tr>
+				<td>{CERT}</td>
+				<td><a href="/nickserv/cert?mask={CERT}&del=1">Delete</a></td>
+			</tr>
+			{END FOR}
+		</table>
+		<b>Add an certificate fingerprint</b>
+		<form method="post" action="/nickserv/cert">
+		<input name="certfp">
+		<input type="submit" value="Add">
+		</form>
+{INCLUDE footer.html}
diff --git a/modules/extra/webcpanel/templates/default/nickserv/info.html b/modules/extra/webcpanel/templates/default/nickserv/info.html
new file mode 100644
index 000000000..1dd051364
--- /dev/null
+++ b/modules/extra/webcpanel/templates/default/nickserv/info.html
@@ -0,0 +1,82 @@
+{INCLUDE header.html}
+			{FOR M IN ERRORS}
+				{M}<br/>
+			{END FOR}
+			{FOR M IN MESSAGES}
+				{M}<br/>
+			{END FOR}
+			<b>Your account information:</b>
+			<form method="post" action="/nickserv/info">
+			<table width="100%" height="100%">
+				<tr>
+					<td>Account:</td>
+					<td>{DISPLAY}</td>
+				</tr>
+				{IF EXISTS EMAIL}
+				<tr>
+					<td>EMail</td>
+					<td>{EMAIL}</td>
+				</tr>
+				{END IF}
+				<tr>
+					<td>Time registered</td>
+					<td>{TIME_REGISTERED}</td>
+				</tr>
+				{IF EXISTS VHOST}
+				<tr>
+					<td>Vhost</td>
+					<td>{VHOST}</td>
+				</tr>
+				{END IF}
+				<tr>
+					<td>Greet</td>
+					<td><input name="greet" value="{GREET}"></td>
+				</tr>
+				<tr>
+					<td>Auto op</td>
+					{IF EXISTS AUTOOP}
+					<td><input type="checkbox" name="autoop" value="on" checked></td>
+					{ELSE}
+					<td><input type="checkbox" name="autoop" value="on"></td>
+					{END IF}
+				</tr>
+				<tr>
+					<td>Private</td>
+					{IF EXISTS PRIVATE}
+					<td><input type="checkbox" name="private" value="on" checked></td>
+					{ELSE}
+					<td><input type="checkbox" name="private" value="on"></td>
+					{END IF}
+				</tr>
+				<tr>
+					<td>Secure</td>
+					{IF EXISTS SECURE}
+					<td><input type="checkbox" name="secure" value="on" checked></td>
+					{ELSE}
+					<td><input type="checkbox" name="secure" value="on"></td>
+					{END IF}
+				</tr>
+				<tr>
+					<td>Kill</td>
+					<td><select name="kill">
+						{IF EXISTS KILL_ON}
+						<option value="on" selected>On</option>
+						{ELSE}
+						<option value="on">On</option>
+						{END IF}
+						{IF EXISTS KILL_QUICK}
+						<option value="quick" selected>Quick</option>
+						{ELSE}
+						<option value="quick">Quick</option>
+						{END IF}
+						{IF EXISTS KILL_OFF}
+						<option value="off" selected>Off</option>
+						{ELSE}
+						<option value="off">Off</option>
+						{END IF}
+					</select></td>
+				</tr>
+			</table>
+			<input type="submit" value="Save">
+			</form>
+{INCLUDE footer.html}
diff --git a/modules/extra/webcpanel/templates/default/register.html b/modules/extra/webcpanel/templates/default/register.html
new file mode 100644
index 000000000..8f6a5296a
--- /dev/null
+++ b/modules/extra/webcpanel/templates/default/register.html
@@ -0,0 +1,51 @@
+<!DOCTYPE html> 
+<html>
+<head>
+	<link href="/static/style.css" media="screen" rel="stylesheet" type="text/css" />
+	<title>{TITLE}</title>
+</head>
+<body>
+	<div class="master">
+		<div class="header">
+			<div class="loggedinas"><a href="/">Home</a></div>
+		</div>
+		<table width="100%" height="100%">
+			<tr>
+				<td>
+					<center>
+						<img src="static/logo.png"/>
+						{MESSAGES}
+						<br>
+						<h2>Register</h2>
+						<br>
+						Fill out the following form to register.
+						<form action="/confirm" method="post">
+							<table>
+								<tr>
+									<td><div align="right">Username:</div></td>
+									<td><div align="left"><input name="username"/></div></td>
+								</tr>
+								<tr>
+									<td><div align="right">Password:</div></td>
+									<td><div align="left"><input name="password" type="password"/></div></td>
+								</tr>
+								<tr>
+									<td><div align="right">Email</div></td>
+									<td><div align="left"><input type="{EMAIL_TYPE}" name="email"></div></td>
+								</tr>
+								<tr>
+									<td></td>
+									<td><div align="left"><input type="submit" value="Register"/></div></td>
+								</tr>
+							</table>
+						</form>
+					</center>
+				</td>
+			</tr>
+		</table>
+	</div>
+	<div class="footer">
+		Anope IRC Services - &copy; 2012 Anope Team - <a href="http://anope.org">http://anope.org</a>
+	</div>
+</body>
+</html>
diff --git a/modules/extra/webcpanel/templates/default/style.css b/modules/extra/webcpanel/templates/default/style.css
new file mode 100644
index 000000000..78c044995
--- /dev/null
+++ b/modules/extra/webcpanel/templates/default/style.css
@@ -0,0 +1,97 @@
+html {
+font-family: 'Cabin', Helvetica, Arial, sans-serif;
+}
+body {
+	overflow:hidden;
+}
+.master {
+	margin-left:0px;
+	margin-right:0px;
+	height:100%;
+	background: #FFF;
+	border-width: 1px;
+	border-style: solid;
+	overflow: hidden;
+}
+.header {
+	height: 33px;
+	padding-left: 5px;
+	width: auto;
+	background: #EEE;
+	border-width: 1px;
+	border-bottom-style: solid;	
+}
+.sidebar {
+	width: 185px;
+	background: #EEE;
+	height: 500px;
+	border-width: 1px;
+	border-right-style: solid;	
+	padding-top:15px;
+	padding-left:15px;
+}
+
+.loggedinas {
+	right:15px;
+	top:15px;
+	position:absolute;
+}
+
+#button {
+	padding: 0;
+	height:30px;
+	margin: 0px;
+	padding-bottom: 2px;
+}
+#button li {
+	display: inline;
+}
+
+#button li a {
+	font-family: Arial;
+	font-size:11px;
+	text-decoration: none;
+	float:left;
+	padding: 10px;
+	background-color: #EEE;
+	height:13px;
+	color: #000;
+}
+#button li a:hover {
+ background-color: #A8BEE3;
+ padding-bottom:10px;
+}
+#a.current {
+	color:navy;
+}
+
+.content {
+	left:220px;
+	top:50px;
+	position:absolute;
+}
+
+.footer {
+	margin-left:auto;
+	margin-right:auto;
+	text-align:center;
+	height: 30px;
+	width:100%;
+	background: #FFF;
+	overflow: hidden;
+}
+
+.sidenav {
+	list-style-type: none;
+	background: #EEE
+}
+
+.sidenav a {
+	color:black;
+	text-decoration:none;
+}
+.sidenav a:hover{
+	color:black;
+	background:#FFF;
+	text-decoration:underline;
+}
-- 
cgit