Remove login popup

2 files changed, 76 insertions, 30 deletions

diff --git a/src/main/assets/scripts.js b/src/main/assets/scripts.js
index cc811808..8d201438 100644
--- a/src/main/assets/scripts.js
+++ b/src/main/assets/scripts.js
@@ -416,29 +416,6 @@ function checkUsername() {
 
 /******************************************************************************/
 
-function openDialogLogin() {
-    const token = document.body.getAttribute('data-token');
-    let html = `
-        <div class="dialoglogin">
-            <p>${i18n('loginDialog.pleaseIntroduceYourself')}:</p>
-            <a href="mailto:juick@juick.com?subject=LOGIN" id="signemail">${evilIcon('ei-envelope')}${i18n('loginDialog.email')}</a>
-            <a href="/_fblogin" id="signfb">${evilIcon('ei-sc-facebook')}${i18n('loginDialog.facebook')}</a>
-            <a href="/_vklogin" id="signvk">${evilIcon('ei-sc-vk')}${i18n('loginDialog.vk')}</a>
-            <a href="/_apple" id="signapple"><img src="https://appleid.cdn-apple.com/appleid/button"></a>
-            <p>${i18n('loginDialog.registeredAlready')}</p>
-            <form action="/login" method="POST">
-                <input type="hidden" name="_csrf" value="${token}" />
-                <input class="signinput" type="text" name="username" placeholder="${i18n('loginDialog.username')}" autocomplete="username" /><br/>
-                <input class="signinput" type="password" name="password" placeholder="${i18n('loginDialog.password')}" autocomplete="current-password" /><br/>
-                <input class="signsubmit Button" type="submit" value="OK"/>
-            </form>
-        </div>`;
-    openDialog(html);
-    return false;
-}
-
-/******************************************************************************/
-
 function resultMessage(str) {
     var result = document.createElement('p');
     result.textContent = str;
@@ -711,12 +688,6 @@ ready(() => {
             e.preventDefault();
         });
     });
-    Array.from(document.querySelectorAll('.a-login')).forEach(function(el) {
-        el.addEventListener('click', function(e) {
-            openDialogLogin();
-            e.preventDefault();
-        });
-    });
     var unfoldall = document.getElementById('unfoldall');
     if (unfoldall) {
         unfoldall.addEventListener('click', function(e) {
diff --git a/src/main/assets/style.css b/src/main/assets/style.css
index 0842b492..ab00fab7 100644
--- a/src/main/assets/style.css
+++ b/src/main/assets/style.css
@@ -1,4 +1,4 @@
-@import "../../../node_modules/evil-icons/assets/evil-icons.css";
+@import url("../../../node_modules/evil-icons/assets/evil-icons.css");
 @custom-media --viewport-desktop (width >=62.5rem);
 @custom-media --viewport-mobile (width < 62.5rem);
 
@@ -991,6 +991,81 @@ article p {
     }
 }
 
+#signup,
+#signin {
+    width: 250px;
+}
+
+#signup {
+    padding-top: 25px;
+}
+
+#signup>div {
+    width: 100%;
+    margin: 15px 0;
+}
+
+#signup>div>a {
+    display: block;
+    width: 100%;
+    height: 32px;
+    line-height: 32px;
+    text-indent: 37px;
+    text-decoration: none;
+    overflow: hidden;
+}
+
+#facebook a {
+    color: #FFF;
+    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAAXNSR0IArs4c6QAAADNQTFRFO1edX3ewl6bLnKrOoK3QrrrYvMXe2N7r3OLu3+Tv5urz7O/29vf6+Pn7+vv9/Pz9////ykQjsQAAAEZJREFUOMtjYBgFuAATO68ADxdOaUYuATDAqYBbAL8CFgECCjiBcqz4XMiPz3oQEKCtAgEkwEdIAQchBWyEFDAPkDdHsAIAhZkIwz/VK/UAAAAASUVORK5CYII=") no-repeat #3A569C;
+}
+
+#vk a {
+    color: #FFF;
+    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAAXNSR0IArs4c6QAAAHJQTFRFbY+zbo+zbpCzb5C0cpO1c5O2dZW3dpa4e5m6gJ29gZ69lq/In7bNo7jPrcDUs8XXvs3dv87dy9fkztnlz9rm0Nrm093o1N7o1+Dq3OTt3ubu4Ofv5Orw7fH27vL28PP38vX49Pb5+vv8+/z9/Pz9////2jSYlQAAAG5JREFUOMvtkEcOgDAMBE3vvXdIyP+/iMMRKfYHmMtcRtE6AD8f1Is8pyKgAs0RGYO2HSWqMQaoBHVRgYsS3AsrtyFlrqgdJlCLb95gxQO6IkZCqL+KCjz0TQU5ejOf2a3aJXPF7BOB2PvMhp8PDzGRFgEe7xvEAAAAAElFTkSuQmCC") no-repeat #6d8fb3;
+}
+
+#xmpp>a {
+    color: #333;
+    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAAXNSR0IArs4c6QAAAt9QTFRFBj5rCUFoFz5mDEFuDUNqGUJkGUNgAEprEkVtGkRhHURnHEZjAE+BIElmEEx/HEx0PUdTHE5wMEtfO0laJk5sFlN6Nk1cKFBuIlJ1R0pYRExTGF2KMVh1OFhxDGSQT1deNlx6TVhkIGKPUlphKWOFU1tiOmB+Vl1kmlAuNmaDQGpaIG6ba2Q2SGeBN2uUNW+LF3mGRmyLV3BAL3xWgmVJ2VAa2lEb0VYX11UafWlmam9mam5xy1km3lUea29y2VccvF8obHBz21gd4VcXS3ebPoVG1lwl5FkaU3iYYHaH2F0ejHFIx2Iv4V0aP4o+02As218g4l4bPYtFX351KZFaymU43mIrVYoz5mEfT4w0xGsrSo82eXqDw2s+z2k1OZVAT4SoPZU5RZM4NJVYbYc8VoSiWY43WItbuXBK52gYOI20TpM6YYSYfX98T5Q7foB9aYSZSZc8Ro21cYxH7GwdT46e0HFGeopO2HA8V5ZEf4s8528l1HM7UJs5UI+xXoyrWZhGY4ylyHdMwXhXQZS7XpdNU5tH4XJBYJZZcIuhbpJk0HdPU588kohqOZ2pVZS30XpX6XcxSaFrz4FIUqVWWqVCYZm23YBGxYRrZZ2QXpy/5YFC7IA+6oBRb6ZUcKZn44ZSgKJu54hHmJqXbbBNfKh3cq5nYqrMpJyVdrBjx5WCo56diamAjaWdyZeE8JFV8ZJWnqOlaK/Sd7Zh7pVdgbN6x52N8JdfwqCU8ZhgZLbXb7a5grtTmK+UxKKWtqahq6qhd7bHqauop6yvqqyp755pbbzRrK6rwamgib53qq+xra+sobSg86Jza8PJsLKujMVctrGwqLapv7Crr7Wr8ad1srSxj8R9uLOys7WyubSztLazkcZ/sre6tbe0r7m0tri1t7m2vri3uLq3v7m4ubu4nc9mpNBvos2UptJxtNWXtteFuNmbuNyQud2Rut6SwN+aweCbwuGdw+KeweKkF4OfHQAAAadJREFUOMtjeEoAMAwfBQ9vYJO68RCu4BYDq1bXmr2XHoMlnlzet2qGpTgX8y2EFWwensEdrW2FbUAlJ2zDKsqaYwo6eZHcIGzoor/s5IdPSfefPt3nf3Xn3HZpPU8xJAXWIvU88VOffcm78vTptrijJe4OfAmy1kgKzjMlaIfUPvvQcObp03U120ucTZQaGc8je1NZrd8g8cL7eUufPp0wfX2mvVydripKONzkTG1JXvL6TuXTR/Zb5gR6F+Vw30QNqNUss/pqn3/MvrTD7Wy1V9Y0jtXoIZnLv2nSnrfzF3bP3hDRu1wwHzOo1VWOTXn5yi/q7MTJuxTUscTFQyHNc5vfbU1btOCgjNBDbJH1UF5i9/XP6VVrJRUfYo/Nx3YcpS/euOo4Pn6MqeDx44f3LoY2SYnOXBlUfPPug8cwRQxQ6Qf39sda+HqZaQiwGydFlx+4eQ+qAqrg4b3bPqbmNhkrNm5cbGUUHply7d6Dh8hWPH744Oa186eOHDl06NDh46fP33zwEMUEiCMe3L13GwjuPbj38PHTx9jT5OPHj5G9MFQyDgA8riWAv9eLFAAAAABJRU5ErkJggg==") no-repeat #BBB;
+}
+
+#xmppinfo {
+    background: #FFF;
+    padding: 10px;
+    display: none;
+}
+
+#signin {
+    text-align: center;
+    font-size: small;
+}
+
+#signinform {
+    background: #FFF;
+    padding: 10px 15px;
+    margin-top: 15px;
+    display: none;
+}
+
+input.txt {
+    width: 212px;
+    border: 1px solid #CCC;
+    margin: 3px 0;
+    padding: 3px;
+}
+
+input.submit {
+    width: 70px;
+    border: 1px solid #CCC;
+    margin: 3px 0;
+    padding: 3px;
+}
+
+.err {
+    color: red;
+}
+
 @media (--viewport-desktop) {
     @supports (position: sticky) {
         #column {