made the tabs actually remotely work

This commit is contained in:
XeonSquared 2019-01-31 13:37:43 +11:00
parent 2c6c54d211
commit d8e77012bc
5 changed files with 84 additions and 59 deletions

View File

@ -1,59 +0,0 @@
<head>
<style>
#redeem {
display: none;
}
#redeem:target {
display:block;
}
#gencode {
display: none;
}
#gencode:target {
display:block;
}
#changepass {
display: none;
}
#changepass:target {
display: block;
}
body {
background-image: url(/img/dolphins.png);
background-repeat: repeat;
}
</style>
<link rel="stylesheet" href="/css/columns.css">
<link rel="stylesheet" href="/css/haiku.css">
</head>
<body>
<div style="display: inline-block;">
<b class="twrapper"><a class="title" href="#redeem"><img class="wbutton wlbutton" src="/img/close.png">Redeem invite code<img class="wbutton wrbutton" src="/img/minimise.png"></a><a class="title" href="#gencode"><img class="wbutton wlbutton" src="/img/close.png">Generate invite code<img class="wbutton wrbutton" src="/img/minimise.png"></a><a class="title" href="#changepass"><img class="wbutton wlbutton" src="/img/close.png">Change password<img class="wbutton wrbutton" src="/img/minimise.png"></a></b>
<div class="wrapper">
<div id="redeem" >
<form action="/redeemcode.cgi" method="post">
Invite code <input type="text" name="key"><br>
Username <input type="text" name="username"><br>
Password <input type="password" name="password"><br>
Email <input type="text" name="email"><br>
<br><input type="submit" value="Redeem">
</form>
</div>
<div id="gencode">
<form action="/gencode.cgi" method="post">
Username <input type="text" name="username"><br>
Password <input type="password" name="password"><br>
<br><input type="submit" value="Generate code">
</form>
</div>
<div id="changepass">
<form action="/changepass.cgi" method="post">
Username <input type="text" name="username"><br>
Password <input type="password" name="password"><br>
New Password <input type="password" name="newpass"><br>
<br><input type="submit" value="Change password">
</form>
</div>
</div>
</div>
</body>

24
static/changepass.html Normal file
View File

@ -0,0 +1,24 @@
<head>
<style>
body {
background-image: url(/img/sun.png);
background-repeat: repeat;
}
</style>
<link rel="stylesheet" href="/css/columns.css">
<link rel="stylesheet" href="/css/haiku.css">
</head>
<body>
<div style="display: inline-block;">
<b class="twrapper"><a class="dtitle" href="redeem.html"><img class="wbutton wlbutton" src="/img/dclose.png">Redeem invite code<img class="wbutton wrbutton" src="/img/dminimise.png"></a><a class="dtitle" href="gencode.html"><img class="wbutton wlbutton" src="/img/dclose.png">Generate invite code<img class="wbutton wrbutton" src="/img/dminimise.png"></a><a class="title" href="changepass.html"><img class="wbutton wlbutton" src="/img/close.png">Change password<img class="wbutton wrbutton" src="/img/minimise.png"></a></b>
<div class="wrapper">
<div id="changepass">
<form action="/changepass.cgi" method="post">
Username <input type="text" name="username"><br>
Password <input type="password" name="password"><br>
New Password <input type="password" name="newpass"><br>
<br><input type="submit" value="Change password">
</form>
</div>
</div>
</body>

View File

@ -10,6 +10,18 @@
text-decoration: none;
color: black;
}
.dtitle {
border-top: 1px solid #9d9d9d;
border-right: 1px solid #9d9d9d;
background: linear-gradient(#d8d8d8, #e9e9e9);
padding: 2px;
display: inline-block;
border-bottom: 0px;
line-height: 1.5em;
font-size: 1em;
text-decoration: none;
color: black;
}
.twrapper {
border-left: 1px solid #9d9d9d;
display: inline-block;

23
static/gencode.html Normal file
View File

@ -0,0 +1,23 @@
<head>
<style>
body {
background-image: url(/img/leaves.png);
background-repeat: repeat;
}
</style>
<link rel="stylesheet" href="/css/columns.css">
<link rel="stylesheet" href="/css/haiku.css">
</head>
<body>
<div style="display: inline-block;">
<b class="twrapper"><a class="dtitle" href="redeem.html"><img class="wbutton wlbutton" src="/img/dclose.png">Redeem invite code<img class="wbutton wrbutton" src="/img/dminimise.png"></a><a class="title" href="gencode.html"><img class="wbutton wlbutton" src="/img/close.png">Generate invite code<img class="wbutton wrbutton" src="/img/minimise.png"></a><a class="dtitle" href="changepass.html"><img class="wbutton wlbutton" src="/img/dclose.png">Change password<img class="wbutton wrbutton" src="/img/dminimise.png"></a></b>
<div class="wrapper">
<div id="gencode">
<form action="/gencode.cgi" method="post">
Username <input type="text" name="username"><br>
Password <input type="password" name="password"><br>
<br><input type="submit" value="Generate code">
</form>
</div>
</div>
</body>

25
static/redeem.html Normal file
View File

@ -0,0 +1,25 @@
<head>
<style>
body {
background-image: url(/img/dolphins.png);
background-repeat: repeat;
}
</style>
<link rel="stylesheet" href="/css/columns.css">
<link rel="stylesheet" href="/css/haiku.css">
</head>
<body>
<div style="display: inline-block;">
<b class="twrapper"><a class="title" href="redeem.html"><img class="wbutton wlbutton" src="/img/close.png">Redeem invite code<img class="wbutton wrbutton" src="/img/minimise.png"></a><a class="dtitle" href="gencode.html"><img class="wbutton wlbutton" src="/img/dclose.png">Generate invite code<img class="wbutton wrbutton" src="/img/dminimise.png"></a><a class="dtitle" href="changepass.html"><img class="wbutton wlbutton" src="/img/dclose.png">Change password<img class="wbutton wrbutton" src="/img/dminimise.png"></a></b>
<div class="wrapper">
<div id="redeem" >
<form action="/redeemcode.cgi" method="post">
Invite code <input type="text" name="key"><br>
Username <input type="text" name="username"><br>
Password <input type="password" name="password"><br>
Email <input type="text" name="email"><br>
<br><input type="submit" value="Redeem">
</form>
</div>
</div>
</body>