Browse Source

made the tabs actually remotely work

master
XeonSquared 5 years ago
parent
commit
d8e77012bc
5 changed files with 84 additions and 59 deletions
  1. +0
    -59
      static/account.html
  2. +24
    -0
      static/changepass.html
  3. +12
    -0
      static/css/haiku.css
  4. +23
    -0
      static/gencode.html
  5. +25
    -0
      static/redeem.html

+ 0
- 59
static/account.html 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
- 0
static/changepass.html 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>

+ 12
- 0
static/css/haiku.css 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
- 0
static/gencode.html 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
- 0
static/redeem.html 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>

Loading…
Cancel
Save