Browse Source

erster commit

master
Cebeer 4 months ago
parent
commit
a2b8ba2d61
Signed by: Cebeer <cebeer@anoxinon.de> GPG Key ID: BDFD2D5E8A9D4762
7 changed files with 240 additions and 0 deletions
  1. 136
    0
      css/style.css
  2. 3
    0
      icons/calculator.svg
  3. 12
    0
      icons/key.svg
  4. 12
    0
      icons/user.svg
  5. 54
    0
      register.html
  6. 2
    0
      simplecaptcha.html
  7. 21
    0
      success.html

+ 136
- 0
css/style.css View File

@@ -0,0 +1,136 @@
@font-face {
font-family: "Lato";
font-weight: normal;
src: url("https://anoxinon.de/font/Lato-Regular.woff");
}
@font-face {
font-family: "Lato";
font-weight: bold;
src: url("https://anoxinon.de/font/Lato-Bold.woff");
}


body {
font-family: "Lato";
margin: 10px;
}

a {
color: #3794DE;
}
a:hover {
color: #F03C69
}

input:not([type="submit"]) {
background: none;
border: none;
border: solid 1px #dbdbdb;
padding: 0px;
padding-left: 10px;
padding-right: 10px;
font-family: inherit !important;
font-size: inherit !important;
line-height: 200%;
margin:0;
outline:0;
}

input:not([type="submit"]):focus {
border-color:#3794DE;
}

div.inputrow {
display: flex;
align-items: stretch;
margin-bottom: 10px;
}

.inputblock {
display: inline-block;
border: solid 1px #dbdbdb;
padding: 5px;
}

.inputblock:first-child {
padding:0;
padding-top:5px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
font-size: 20px;
border-right: none;
height:28px;
width:40px;
}

input.inputblock {
flex: 1;
}

.inputblock:last-child {
border-right: solid 1px #dbdbdb;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}

span.inputblock:last-child {
border-left: none;
padding-top:7px;
}

span.inputblock {
background-color: #f9f9f9;
}




input.submit {
border: none;
background: none;
width: 100%;
height: 40px;
border-radius: 3px;
background-color: #00b31b;
color: white;
font-weight: bold;
margin-bottom: 10px;
font-size:20px;
}
input.submit:hover {
cursor: pointer;
box-shadow: 0px 0px 3px #bababa;
background-color:#00C71E;
}
input.submit:active {
background-color:#008513;
}


div.metalinks {
margin-top: 65px;
}

div.metalinks a {
text-decoration: none;
}

div.metalinks p {
font-style: italic;
color: grey;
font-size: 10px;
margin-bottom: 0px;
}

div.notice {
color: #FFFFFF;
background-color:#FF8C8C;
border:1px solid red;
border-radius:5px;
margin-bottom:10px;
padding:5px
}

img {
height:23px;
}

+ 3
- 0
icons/calculator.svg View File

@@ -0,0 +1,3 @@
<svg height="1793" width="1665" xmlns="http://www.w3.org/2000/svg">
<path d="M384 1536c0-71-57-128-128-128s-128 57-128 128 57 128 128 128 128-57 128-128zm384 0c0-71-57-128-128-128s-128 57-128 128 57 128 128 128 128-57 128-128zm-384-384c0-71-57-128-128-128s-128 57-128 128 57 128 128 128 128-57 128-128zm768 384c0-71-57-128-128-128s-128 57-128 128 57 128 128 128 128-57 128-128zm-384-384c0-71-57-128-128-128s-128 57-128 128 57 128 128 128 128-57 128-128zM384 768c0-71-57-128-128-128s-128 57-128 128 57 128 128 128 128-57 128-128zm768 384c0-71-57-128-128-128s-128 57-128 128 57 128 128 128 128-57 128-128zM768 768c0-71-57-128-128-128s-128 57-128 128 57 128 128 128 128-57 128-128zm768 768v-384c0-70-58-128-128-128s-128 58-128 128v384c0 70 58 128 128 128s128-58 128-128zm-384-768c0-71-57-128-128-128s-128 57-128 128 57 128 128 128 128-57 128-128zm384-320V192c0-35-29-64-64-64H192c-35 0-64 29-64 64v256c0 35 29 64 64 64h1280c35 0 64-29 64-64zm0 320c0-71-57-128-128-128s-128 57-128 128 57 128 128 128 128-57 128-128zm128-640v1536c0 70-58 128-128 128H128c-70 0-128-58-128-128V128C0 58 58 0 128 0h1408c70 0 128 58 128 128z"/>
</svg>

+ 12
- 0
icons/key.svg View File

@@ -0,0 +1,12 @@
<?xml version="1.0"?>
<svg width="1683" height="1592" xmlns="http://www.w3.org/2000/svg">

<g>
<title>background</title>
<rect fill="none" id="canvas_background" height="1594" width="1685" y="-1" x="-1"/>
</g>
<g>
<title>Layer 1</title>
<path id="svg_1" d="m832,384c0,-106 -86,-192 -192,-192s-192,86 -192,192c0,29 7,57 19,83c-26,-12 -54,-19 -83,-19c-106,0 -192,86 -192,192s86,192 192,192s192,-86 192,-192c0,-29 -7,-57 -19,-83c26,12 54,19 83,19c106,0 192,-86 192,-192zm851,704c0,23 -92,115 -115,115c-26,0 -107,-94 -128,-115l-96,96l220,220c18,18 28,43 28,68c0,56 -64,120 -120,120c-25,0 -50,-10 -68,-28l-671,-671c-105,78 -233,131 -365,131c-218,0 -368,-151 -368,-368c0,-328 328,-656 656,-656c217,0 368,150 368,368c0,132 -53,260 -131,365l355,355l96,-96c-21,-21 -115,-102 -115,-128c0,-23 92,-115 115,-115c8,0 17,4 23,10c37,37 316,300 316,329z"/>
</g>
</svg>

+ 12
- 0
icons/user.svg View File

@@ -0,0 +1,12 @@
<?xml version="1.0"?>
<svg width="1280" height="1536" xmlns="http://www.w3.org/2000/svg">

<g>
<title>background</title>
<rect fill="none" id="canvas_background" height="1538" width="1282" y="-1" x="-1"/>
</g>
<g>
<title>Layer 1</title>
<path id="svg_1" d="m1280,1271c0,146 -96,265 -213,265l-854,0c-117,0 -213,-119 -213,-265c0,-263 65,-567 327,-567c81,79 191,128 313,128s232,-49 313,-128c262,0 327,304 327,567zm-256,-887c0,212 -172,384 -384,384s-384,-172 -384,-384s172,-384 384,-384s384,172 384,384z"/>
</g>
</svg>

+ 54
- 0
register.html View File

@@ -0,0 +1,54 @@
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Registrieren | Anoxinon.me</title>

<link rel="stylesheet" href="https://anoxinon.me/css/style.css">

<script type="text/javascript" language="JavaScript">
function $(id) {
return document.getElementById(id);
}
function checkPw() {
if ($("pw").value != $("pw2").value) {
$("notice").innerHTML = ("Fehler: Die Passworteingaben stimmen nicht überein. Bitte wiederhole die Eingabe.");
$("pw").value = "";
$("pw2").value = "";
$("pw").focus();
return false;
} else {
return true;
}
}
</script>
</head>

<body style="width:361px;height:399px">

<div class="notice" id="notice">
{notice}
</div>

<form action="" method="post" onSubmit="return checkPw()">
<div class="inputrow"><span class="inputblock"><center><img src="https://anoxinon.me/icons/user.svg"></center></span><input type="text" name="username" placeholder="Benutzername" required class="inputblock"><span class="inputblock">@{hostname}</span></div>
<div class="inputrow"><span class="inputblock"><center><img src="https://anoxinon.me/icons/key.svg"></center></span><input type="password" id="pw" name="password" placeholder="Passwort" required class="inputblock"></div>
<div class="inputrow"><span class="inputblock"><center><img src="https://anoxinon.me/icons/key.svg"></center></span><input type="password" id="pw2" name="confirm_password" placeholder="Passwort wiederholen" required class="inputblock"></div>

<!-- Captcha -->
{captcha}

<p>
<input type="submit" class="submit" value="Registrieren!">
</p>
</form>

<div class="metalinks">
<a href="https://anoxinon.de/impressum/" target="_top">Impressum</a> | <a href="https://anoxinon.de/nutzungsbedingungenxmpp/" target="_top">Nutzungsbedingungen</a> | <a href="https://anoxinon.de/datenschutzerklaerungxmppserver/" target="_top">Datenschutz</a>
<p>
Durch den Klick auf "Registrieren" akzeptierst Du die Nutzungsbedingungen und Datenschutzbestimmungen.
</p>
</div>
</body>
</html>

+ 2
- 0
simplecaptcha.html View File

@@ -0,0 +1,2 @@
<input name="captcha_challenge" type="hidden" value="{challenge}">
<div class="inputrow"><span class="inputblock"><center><img src="https://anoxinon.me/icons/calculator.svg"></center></span><input type="text" name="captcha_reply" placeholder="Was ist das Ergebnis von {x} {op} {y}?" required class="inputblock"></div>

+ 21
- 0
success.html View File

@@ -0,0 +1,21 @@
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Registrierung erfolgreich! | Anoxinon.me</title>

<link rel="stylesheet" href="https://anoxinon.me/css/style.css">
</head>

<body style="width:361px;height:399px">
<h2>Registrierung erfolgreich!</h2>

<p>
Du kannst Dich jetzt mit deiner XMPP-ID <b>{jid}</b> und Deinem Passwort über einen XMPP-Client Deiner Wahl einloggen!<br>
</p>

<p>
Empfohlene Clients: <a href="https://anoxinon.me/faq/" target="_top">https://anoxinon.me/faq/</a>
</p>
</body>
</html>

Loading…
Cancel
Save