Screen for invalid username

589f6fb9 · Bob Mottram · 5db46620 · 589f6fb9 · 589f6fb9
Commit 589f6fb9 authored 6 years ago by Bob Mottram
--- a/webadmin/EN/new_user.html
+++ b/webadmin/EN/new_user.html
 <!DOCTYPE html>
 <html>
  <head>
-    <meta http-equiv="Refresh" content="30">
    <style>
      #headerpic {
          width: 60%;

--- a/webadmin/EN/new_user_invalid.html
+++ b/webadmin/EN/new_user_invalid.html
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      #headerpic {
+          width: 60%;
+          height: auto;
+          margin-right : auto;
+          margin-left : auto;
+          min-width : 220px;
+      }
+
+      #domainicon {
+          width: 20%;
+          height: auto;
+          margin-right : auto;
+          margin-left : auto;
+          min-width : 100px;
+      }
+
+      .header {
+          text-align: center;
+          padding: 32px;
+      }
+
+      #iconpic {
+          width: 20%;
+          height: auto;
+          margin-right : auto;
+          margin-left : auto;
+          min-width : 120px;
+      }
+
+      .card {
+          box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
+          max-width: 600px;
+          margin: auto;
+          text-align: center;
+          font-family: arial;
+          clear: both;
+      }
+
+      .card input[type=text] {
+          width: 90%;
+          clear: both;
+          text-align: center;
+      }
+
+      .appurl {
+          color: grey;
+          font-size: 100%;
+      }
+
+      .welcomeheader {
+          color: black;
+          font-size: 200%;
+          font-weight: bold;
+      }
+
+      .domaintext {
+          color: red;
+          font-size: 90%;
+      }
+
+      button {
+          border: none;
+          outline: 0;
+          display: inline-block;
+          padding: 8px;
+          color: white;
+          background-color: #000;
+          text-align: center;
+          cursor: pointer;
+          width: 100%;
+          font-size: 18px;
+      }
+
+      a {
+          text-decoration: none;
+          color: black;
+      }
+
+      button:hover, a:hover {
+          opacity: 0.7;
+      }
+
+      .chip {
+          display: inline-block;
+          padding: 0 25px;
+          height: 50px;
+          font-size: 70%;
+          line-height: 50px;
+          border-radius: 25px;
+          background-color: #f1f1f1;
+      }
+
+      .chip img {
+          float: left;
+          margin: 0 10px 0 -25px;
+          height: 50px;
+          width: 50px;
+          border-radius: 50%;
+      }
+    </style>
+  </head>
+  <body>
+    <div class="card">
+      <div class="header">
+        <a href="new_user.html"><img id="headerpic" class="img-responsive" src="images/logo.png"></a><br>
+        <img id="domainicon" class="img-responsive" src="images/admin_users.png">
+        <h2>Add a new user</h2>
+
+        <p class="domaintext">We're sorry, but the username you gave is not suitable. Check that it does not contain spaces, is lower case and at least 3 characters in length.</p>
+
+        <form action="new_user.html" method="post">
+          <input type="submit" name="submituserinvalid" value="Continue">
+        </form>
+
+        <br><br>
+
+      </div>
+    </div>
+  </body>
+</html>