From 8b87c7d2f78dd7048f1abb54438fa1023321048b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Maurice=20Gr=C3=B6nwoldt?= <maurice@versustune.de>
Date: Wed, 21 Oct 2020 17:14:08 +0200
Subject: [PATCH] VENOM-2: do new login <3

---
 public/content/logo.svg            |  1 -
 public/theme/admin/css/login.css   |  2 +-
 public/theme/admin/css/style.css   |  2 +-
 public/theme/admin/images/logo.svg | 10 +++++++
 tpl/admin/login.php                | 45 +++++++++++++++---------------
 5 files changed, 34 insertions(+), 26 deletions(-)
 delete mode 100644 public/content/logo.svg
 create mode 100644 public/theme/admin/images/logo.svg

diff --git a/public/content/logo.svg b/public/content/logo.svg
deleted file mode 100644
index 3c3a39a..0000000
--- a/public/content/logo.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" version="1.0" viewBox="0 0 717 226"><path d="M108.4 25.5c.3 1.3 8.9 26 19 54.7l18.4 52.3 10 .3 10 .3 1-2.8c.5-1.5 9.3-26.1 19.6-54.5C196.6 47.4 205 23.9 205 23.6c0-1-7.2-.7-11.3.5-4.4 1.2-11.1 6.8-13.5 11.3-.9 1.7-6.6 17-12.8 34.1l-11.3 31-1.4-3.5c-.8-1.9-7-19.4-13.8-38.8L128.5 23H107.8l.6 2.5zM239 50.1c-15.2 2.2-25.3 9.6-31.4 22.9-3.8 8.2-5.1 17.2-3.7 25.7 2.5 14.8 10.4 25.7 22.9 31.6 6.4 3 7.3 3.2 18.7 3.2 11.4 0 12.3-.2 18.6-3.1 5.6-2.7 15.9-11.4 15.9-13.4 0-.3-3.5-2.3-7.8-4.4l-7.8-3.8-4.9 3.1c-9.1 5.6-20.1 5.9-27 .7-1.7-1.3-4.4-4.8-6-7.7-2.6-4.7-3-6.4-3-13.4 0-6.3.5-8.9 2.2-12.1 4.5-8.4 14.3-14.1 22.7-13.2 10.1 1.2 17.3 8.4 14.4 14.5-1.8 3.7-6.4 5.2-16.8 5.2-6.3 0-9.6-.4-12.7-1.8-2.3-1.1-4.4-1.7-4.7-1.3-.3.3-.6 2.7-.6 5.3 0 12.7 16.3 18.3 35.3 12.3 15.6-4.9 22.2-19.6 15.3-33.8-4.3-8.8-13-14.6-24.7-16.6-7.1-1.1-7.1-1.1-14.9.1zM332 50.4c-6.6 1.4-11.4 3.9-14.6 7.3l-2.4 2.6V52h-20v81h20V72.6l2.8 2.7c3.5 3.4 3.8 3.4 4.5-.3 1.2-5.7 9.6-8.5 16.2-5.4 2.8 1.3 4.3 3 5.8 6.3 1.7 4 2 7.4 2.5 30.8l.5 26.4 9.6-.3 9.6-.3v-30c0-33.9-.4-36.9-6.6-43.9-6.5-7.3-17.2-10.5-27.9-8.2zM409.3 51.4c-6 1.9-12.2 5.8-16.3 10.1-2.1 2.3-2.7 3.4-1.5 2.7 6.3-3.1 15.7-2.2 22.7 2.4 2.6 1.6 5.2 2.4 8.3 2.4 11.7 0 20.1 8.2 21.2 20.9 1.2 13.2-6.3 23.2-18.9 25.6-5.2 1-13.6-1.7-17.7-5.7-12.6-12.2-7.6-32.2 7.6-30.5 4.1.4 4.3.3 3.7-1.7-.3-1.1-1.8-3.4-3.3-5-9.4-10.3-29.9-5.8-33.9 7.4-3.2 10.4-2.3 20.3 2.9 30.7 8.1 16.6 26.7 26.4 44.1 23.3 18.7-3.3 32.2-16.5 35.9-35.3 3.4-16.8-7.2-36.7-24-45-5.8-2.8-7.5-3.2-16.5-3.4-6.5-.2-11.6.2-14.3 1.1zM510.1 51.5c-2.4.7-6.1 2.8-8.2 4.5l-3.9 3.1V52h-21l.2 40.2.3 40.3h20l.5-29.4c.5-28.9.5-29.3 2.4-27.2 2.2 2.5 3.6 2.7 3.6.6 0-.8 1.3-2.9 2.8-4.6 5.5-6.2 15.7-4.5 19.9 3.3 1.5 2.9 1.8 6.9 2.1 30.5l.4 27.3H549V74.7l2.1 1.9c1.7 1.6 2.2 1.6 2.9.4.6-.8 1-2 1-2.7 0-.6 1.4-2.3 3.1-3.7 2.4-2 4.1-2.6 8-2.6 6.1 0 8.4 1.1 10.6 5.3 1.6 2.8 1.9 7 2.3 31.2l.5 28 10.3.3 10.2.3v-29.9c0-33.9-.5-37.5-6.8-44.4-5.3-5.9-12.1-8.8-20.7-8.8-3.8 0-8.6.5-10.5 1-5.5 1.5-12.6 6.5-14.1 9.8l-1.3 3-2.2-3c-2.8-3.7-8.9-8.2-13.3-9.7-4.5-1.5-15.5-1.3-21 .4zM683 166.7c-1.5 7.2-8.9 28.6-12.8 37.4l-3 6.6 2.5 2.7c2.4 2.6 2.5 2.7 13.1 2 13.5-.7 13.6-.7 12.7-4.2-.3-1.5-1-3.1-1.4-3.5-.4-.4-4.5 0-9 .9s-8.5 1.4-8.8 1c-.6-.5 11.3-31.7 14.8-38.6 2-4.2 1.3-6.2-3.1-8.5-1.6-.8-3.1-1.5-3.4-1.5-.2 0-1 2.6-1.6 5.7zM25.7 163.6c-3.1.7-7.1 2.1-8.7 2.9-3 1.5-3 1.6-1.5 4.5.9 1.7 1.8 3 2.2 3 .4 0 2.6-1 5-2.1 2.4-1.2 4.6-2 4.8-1.8.1.2-1.8 4.9-4.5 10.4-7.4 15.6-11.6 27.3-10.4 29.3 1.7 2.8 9.5 6.2 14 6.2 7.1 0 14.4-3 19.5-8 7.1-6.8 8.2-13.7 3.2-19.2-1.4-1.6-1.3-2.1 2.1-5.8 4.9-5.4 5.2-11.6.8-16.3-4.5-4.8-14.7-6-26.5-3.1zm24.7 5.5c1.4 1.1 2.6 2.9 2.6 3.8 0 2.9-4 7.2-8.4 9.2-4.2 1.9-15.1 2.7-14.4 1 .2-.4 1.9-4.3 3.8-8.4l3.5-7.6 5.1-.1c3.7 0 5.9.6 7.8 2.1zm-4.2 20.6c2.9 2.6 2.3 7.6-1.4 11.8-4.7 5.4-10.1 7.8-17.8 7.9-6.4.1-6.5.1-6.3-2.5.1-1.5 1.5-6 3.2-10.1l3.1-7.4 5.8.4c3.1.2 6.8-.1 8.2-.7 3.3-1.3 3.1-1.3 5.2.6zM110.8 162.7c-8.8.3-9.8.6-9.8 2.3 0 1 1.1 2.7 2.5 3.7l2.6 1.8-2.1 6.8c-1.8 5.8-2.6 7-5.1 7.9-3.3 1.1-3.5 1.5-1.4 3.8 1.4 1.6 1.3 2.4-.9 8.1-1.3 3.5-3.1 8.1-4 10.1-1.5 3.6-1.5 3.8.7 6.2l2.2 2.5 14.3-.6c12.7-.5 14.2-.8 14.2-2.4 0-5.3-2.2-5.8-16.2-3.5-5.4.9-7.8.9-7.8.2 0-2 5-16.3 6.4-18.1 1-1.4 3.1-1.9 9-2.3 7.6-.5 7.7-.5 7.4-3.1-.3-2.4-.7-2.6-6.6-3.1l-6.2-.5 3.4-7.3 3.5-7.2h9.1c4.9 0 9-.2 9-.4 0-.3-.4-1.6-1-3-1.1-2.9 1.4-2.7-23.2-1.9zM236.2 164.6c-9.2 4.6-16.1 14.9-18.4 27.3-2.5 13.4 4 24.1 14.6 24.1 3.1 0 9.4-4.7 14.1-10.4 4.5-5.5 4.1-6.9-.6-2.8-5.6 4.8-11.2 8.2-13.6 8.2-3.4 0-5.3-4.7-5.3-12.7.1-15.8 12.2-35 21.5-34.1 4 .4 4.4 3.5.9 7.7-2.5 3.1-2.6 3.2-.9 5.1 1 1.1 2.3 2 3 2 1.6 0 5.5-7.2 5.5-10.2 0-6.9-10.9-9.1-20.8-4.2zM315.9 165.4c-5.2 3.8-12.7 12.1-16.7 18.4-1.8 2.8-3.8 4.6-6.2 5.4-3.2 1-3.3 1.1-1.2 1.9l2.3.9-3.2 6.2c-1.7 3.4-3.7 7.9-4.5 10-1.2 3.5-1.2 4 .6 5.8 2.7 2.7 3.9 2.5 4.5-.8 1.2-5.9 2.8-10.8 5-15.9l2.4-5.3h14.2l-.7 10.3c-.7 11.4-.4 12.1 5.4 13.3l3.2.6v-8.8c0-10.6 2.2-24.1 5.6-34.2 1.3-4 2.4-7.4 2.4-7.7 0-.7-5.8-3.5-7.2-3.5-.7 0-3.4 1.6-5.9 3.4zm.5 13.4l-1.8 8-6.1.5c-3.3.2-6.2.3-6.4.1-.2-.2 1.3-2.5 3.3-5.2 3.9-5.4 11.5-12.7 12.3-11.9.2.3-.4 4.1-1.3 8.5zM380.2 163.6c-8 2.1-11.1 4-10.5 6.3 1 4.1 3 4.5 7.8 2 2.4-1.3 4.6-2.1 4.9-1.8.8.8-2.2 9-9.3 25.7-3.4 7.8-6.1 14.6-6.1 15 0 1.2 4.4 5.2 5.7 5.2.6 0 1.6-2.1 2.3-4.7.6-2.6 2.5-8.3 4.2-12.6 2.6-6.4 3.5-7.7 5.1-7.5 1.6.2 2.7 2.5 5.2 10.6 3.1 9.8 6.3 15.2 9.1 15.2.6 0 2.2-.8 3.5-1.9l2.3-1.8-2.8-3.3c-2.7-3.3-9.6-16.1-9.6-17.9 0-.5 2.2-1.7 4.8-2.5 5.2-1.8 10.8-6.5 12.3-10.4 2.4-6.2.2-12.5-5.3-15.3-4.5-2.3-15.6-2.5-23.6-.3zm25.4 6c2 1.9 2.4 3.1 1.9 5.2-1.5 6.1-10 11.2-18.7 11.2H385l4.4-8.9c2.5-4.9 4.2-9.1 3.9-9.5-.4-.3 1.7-.6 4.6-.6 4.2 0 5.7.5 7.7 2.6zM465 162.7c-5.7.2-9.7.8-10.1 1.5-1 1.6.8 4.8 2.6 4.8 2 0 1.9 2.5-.6 9.7-1.8 5.3-2.4 6.3-5 6.8-3.4.8-3.7 2-1 3.5 1.9 1 1.8 1.3-1.6 9.7-4.8 11.9-4.8 12.4-2.1 15 2.2 2.1 2.8 2.2 16.3 1.5l14-.7-.3-2.5c-.5-4.2-1.5-4.5-11.6-3.2-5.1.6-10.1 1.5-11 1.8-2.1.8-1.6-1.8 2.6-12.7 3.2-8.5 3.8-8.9 13.8-8.9 5.1 0 6.4-1.2 4.8-4.3-.7-1.3-2.1-1.7-6.3-1.7-3.8 0-5.5-.4-5.5-1.3 0-.6 1.5-3.9 3.3-7.2l3.2-6 8.8-.3c8.9-.3 9.6-.7 7.7-4.3-.9-1.6-2-1.9-6.8-1.7-3.1.1-10 .4-15.2.5zM538.5 162.7c-4.9.2-9.4.8-9.8 1.2-1.2 1.2 1 5.1 2.9 5.1 2.5 0 2.5 2.2.1 9.5-1.7 5-2.9 7.1-4.3 7.3-3.2.6-4.1 2.2-2.1 3.7 1.8 1.3 1.7 1.8-2.1 11.2l-4 9.8 2.6 2.7c1.4 1.6 3.1 2.8 3.7 2.8.7 0 1.8-2.6 2.5-5.8.7-3.1 2.4-8.7 3.7-12.4 2.7-7.4 3-7.6 13.4-8.3 5.8-.4 7.3-2.1 4.8-5.2-1-1.2-2.6-1.4-6.6-1-2.9.3-5.3.3-5.3.1 0-.3 1.5-3.8 3.4-7.8l3.3-7.3 6.3-.6c3.4-.4 7.3-.4 8.6-.1 2.6.7 3.1-.5 1.4-3.7-1.1-2-.2-2-22.5-1.2zM601.4 167.6c-4.2 9.6-7.6 22.5-8.1 31.4-.5 7.8-.3 8.8 1.9 12 5.3 7.9 17 7.2 25.1-1.4 6.1-6.5 13.3-25.8 15.1-40.8.5-4.7.5-4.8-2.7-5.6l-3.2-.8-.6 10.5c-1.5 24.3-9.7 40.1-20.8 40.1-5 0-6.5-3.4-5.8-13.3.6-9.5 3.7-19.6 8.4-27.4 1.8-3.1 3.3-5.9 3.3-6.4 0-1.2-5.5-3.9-8-3.9-1.6 0-2.7 1.4-4.6 5.6z"/></svg>
\ No newline at end of file
diff --git a/public/theme/admin/css/login.css b/public/theme/admin/css/login.css
index 6b96953..5bdcb6b 100644
--- a/public/theme/admin/css/login.css
+++ b/public/theme/admin/css/login.css
@@ -1 +1 @@
-body{display:flex;align-items:center;justify-content:center;height:100vh;width:calc(100% - 20px);font-size:2vw}main{display:flex;align-items:center;justify-content:center;position:relative;max-width:540px;width:90%;height:350px;background-color:#424242;color:#fff;border-radius:3px;border-bottom:#007769 solid 20px;box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);transform-style:preserve-3d}main:after{content:'';position:absolute;top:0;left:0;width:calc(100% + 10px);height:calc(100% + 10px);background-color:#3949ab;transform:translate3d(-5px,-5px,-1px) rotate(-5deg);box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23)}p{font-size:1.4rem;text-align:center}a{font-size:.7rem;color:#fff;text-decoration:none;border-bottom:1px solid transparent}a:hover{border-bottom-color:#c51162}form{margin:0 auto;width:80%;min-width:240px}.input-group input{background-color:rgba(0,0,0,.4);border:none;border-bottom:2px solid #3949ab;color:#fff;padding:6px}.input-group input:focus,.input-group.focus input{border-color:#ff0089}.input-group.valid input{border-color:#39ab48}.input-group.invalid input{border-color:#cf1b1b}.input-group{display:flex;flex-direction:column;margin-bottom:3px;position:relative;padding-top:.7rem}.input-group label{font-size:.7rem;position:absolute;top:.7rem;left:6px;height:1rem;vertical-align:middle;transform:translateY(50%);color:#dcdcdc;transition:all .2s ease-out}.input-group input:focus~label,.input-group.focus label{top:0;left:0;transform:translateY(0);font-size:.6rem}.input-group .error{display:none}.input-group.invalid .error{margin-top:2px;display:block;font-size:.5rem;color:#ff3232}.error-message{background-color:#c51162;padding:1rem;font-size:.7rem}
\ No newline at end of file
+*{box-sizing:border-box}:focus{outline:0}body,html{width:100vw;height:100vh;overflow:hidden;color:#fff;display:flex;justify-content:center;align-items:center;margin:0;padding:0;background:#1f2857;background:linear-gradient(144deg,#1f2954 25%,#000 50%,#5e002c 80%);background-attachment:fixed}.hide{display:none!important}#login-background{background-color:rgba(31,31,31,.25);-webkit-filter:blur(10px);filter:blur(10px);position:absolute;top:0;left:0;width:100%;height:100%}login{display:flex;position:relative;max-width:860px;width:90%;height:400px;padding:1rem;border-radius:10px 40px;overflow:hidden;box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23)}#login{z-index:1;display:flex;flex-direction:column;align-items:center;width:100%}#login .logo{width:50%;margin-bottom:20px}#login .error-message{background-color:#c51162;padding:1rem;font-size:.7rem;display:block;width:50%}#login .input-group{width:50%}#login a{text-decoration:none;color:#fff}#login a:hover{color:#3949ab}
\ No newline at end of file
diff --git a/public/theme/admin/css/style.css b/public/theme/admin/css/style.css
index 5b3f6e4..aa0e085 100644
--- a/public/theme/admin/css/style.css
+++ b/public/theme/admin/css/style.css
@@ -1 +1 @@
-:focus{outline:0}*{box-sizing:border-box}body,html{padding:0;margin:0;background-color:#303030;color:#fff;font-family:sans-serif;font-size:16px}.hide{display:none!important}.btn{border:none;background:#3949ab radial-gradient(circle at 0 0,#3949ab 0,rgba(0,0,0,.2) 100%) no-repeat;color:#fff;padding:5px 15px;margin:10px 0;cursor:pointer;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-radius:4px;box-shadow:0 2px 5px 0 rgba(0,0,0,.26);overflow:hidden;display:flex;justify-content:center;align-items:center;transition:.5s}.btn--outline{background:0 0;border:1px solid #3949ab}.btn:focus{box-shadow:0 3px 8px 1px rgba(0,0,0,.4)}.btn--accent{background:#ff0089 radial-gradient(circle at 0 0,#ff0089 0,rgba(0,0,0,.2) 100%) no-repeat}.btn--warn{background:#f87229 radial-gradient(circle at 0 0,#f87229 0,rgba(0,0,0,.2) 100%) no-repeat}.btn-fab{border-radius:2rem;width:2em;height:2em;padding:5px}.btn-ripple{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;background:0 0}.btn-ripple__effect{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:1;width:200%;height:0;padding-bottom:200%;border-radius:50%;background:rgba(190,190,190,.3);-webkit-animation:a-ripple .4s ease-in;animation:a-ripple .4s ease-in}.btn-ripple__effect.to-remove{-webkit-animation:remove-ripple .2s linear;animation:remove-ripple .2s linear}.btn--outline .btn-ripple__effect{background:rgba(57,73,171,.5);z-index:-1}.btn__content{z-index:1;font-weight:400;pointer-events:none}@-webkit-keyframes remove-ripple{from{opacity:1}to{opacity:0}}@keyframes remove-ripple{from{opacity:1}to{opacity:0}}@-webkit-keyframes a-ripple{0%{opacity:0;padding-bottom:0;width:0}25%{opacity:1}100%{width:200%;padding-bottom:200%}}@keyframes a-ripple{0%{opacity:0;padding-bottom:0;width:0}25%{opacity:1}100%{width:200%;padding-bottom:200%}}
\ No newline at end of file
+:focus{outline:0}*{box-sizing:border-box}body,html{padding:0;margin:0;background-color:#303030;color:#fff;font-family:sans-serif;font-size:16px}.hide{display:none!important}.btn{border:none;background:#3949ab radial-gradient(circle at 0 0,#3949ab 0,rgba(0,0,0,.2) 100%) no-repeat;color:#fff;padding:5px 15px;margin:10px 0;cursor:pointer;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-radius:4px;box-shadow:0 2px 5px 0 rgba(0,0,0,.26);overflow:hidden;display:flex;justify-content:center;align-items:center;transition:.5s}.btn--outline{background:0 0;border:1px solid #3949ab}.btn:focus{box-shadow:0 3px 8px 1px rgba(0,0,0,.4)}.btn--accent{background:#ff0089 radial-gradient(circle at 0 0,#ff0089 0,rgba(0,0,0,.2) 100%) no-repeat}.btn--warn{background:#f87229 radial-gradient(circle at 0 0,#f87229 0,rgba(0,0,0,.2) 100%) no-repeat}.btn-fab{border-radius:2rem;width:2em;height:2em;padding:5px}.btn-ripple{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;background:0 0}.btn-ripple__effect{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:1;width:200%;height:0;padding-bottom:200%;border-radius:50%;background:rgba(190,190,190,.3);-webkit-animation:a-ripple .4s ease-in;animation:a-ripple .4s ease-in}.btn-ripple__effect.to-remove{-webkit-animation:remove-ripple .2s linear;animation:remove-ripple .2s linear}.btn--outline .btn-ripple__effect{background:rgba(57,73,171,.5);z-index:-1}.btn__content{z-index:1;font-weight:400;pointer-events:none}@-webkit-keyframes remove-ripple{from{opacity:1}to{opacity:0}}@keyframes remove-ripple{from{opacity:1}to{opacity:0}}@-webkit-keyframes a-ripple{0%{opacity:0;padding-bottom:0;width:0}25%{opacity:1}100%{width:200%;padding-bottom:200%}}@keyframes a-ripple{0%{opacity:0;padding-bottom:0;width:0}25%{opacity:1}100%{width:200%;padding-bottom:200%}}.input-group input{background-color:rgba(0,0,0,.4);border:none;border-bottom:2px solid #3949ab;color:#fff;padding:6px}.input-group input:focus,.input-group.focus input{border-color:#ff0089}.input-group.valid input{border-color:#39ab48}.input-group.invalid input{border-color:#cf1b1b}.input-group{display:flex;flex-direction:column;margin-bottom:3px;position:relative;padding-top:.7rem}.input-group label{font-size:.7rem;position:absolute;top:.7rem;left:6px;height:1rem;vertical-align:middle;transform:translateY(50%);color:#dcdcdc;transition:all .2s ease-out}.input-group input:focus~label,.input-group.focus label{top:0;left:0;transform:translateY(0);font-size:.6rem}.input-group .error{display:none}.input-group.invalid .error{margin-top:2px;display:block;font-size:.5rem;color:#ff3232}
\ No newline at end of file
diff --git a/public/theme/admin/images/logo.svg b/public/theme/admin/images/logo.svg
new file mode 100644
index 0000000..dfd6f7c
--- /dev/null
+++ b/public/theme/admin/images/logo.svg
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg class="logo" viewBox="0 0 717 226" xmlns="http://www.w3.org/2000/svg">
+    <defs>
+        <linearGradient id="a">
+            <stop stop-color="#01ff2d" stop-opacity=".5" offset="0"/>
+            <stop stop-color="#212121" offset=".8"/>
+        </linearGradient>
+    </defs>
+    <path d="M108.4 25.5c.3 1.3 8.9 26 19 54.7l18.4 52.3 10 .3 10 .3 1-2.8c.5-1.5 9.3-26.1 19.6-54.5C196.6 47.4 205 23.9 205 23.6c0-1-7.2-.7-11.3.5-4.4 1.2-11.1 6.8-13.5 11.3-.9 1.7-6.6 17-12.8 34.1l-11.3 31-1.4-3.5c-.8-1.9-7-19.4-13.8-38.8L128.5 23H107.8l.6 2.5zM239 50.1c-15.2 2.2-25.3 9.6-31.4 22.9-3.8 8.2-5.1 17.2-3.7 25.7 2.5 14.8 10.4 25.7 22.9 31.6 6.4 3 7.3 3.2 18.7 3.2 11.4 0 12.3-.2 18.6-3.1 5.6-2.7 15.9-11.4 15.9-13.4 0-.3-3.5-2.3-7.8-4.4l-7.8-3.8-4.9 3.1c-9.1 5.6-20.1 5.9-27 .7-1.7-1.3-4.4-4.8-6-7.7-2.6-4.7-3-6.4-3-13.4 0-6.3.5-8.9 2.2-12.1 4.5-8.4 14.3-14.1 22.7-13.2 10.1 1.2 17.3 8.4 14.4 14.5-1.8 3.7-6.4 5.2-16.8 5.2-6.3 0-9.6-.4-12.7-1.8-2.3-1.1-4.4-1.7-4.7-1.3-.3.3-.6 2.7-.6 5.3 0 12.7 16.3 18.3 35.3 12.3 15.6-4.9 22.2-19.6 15.3-33.8-4.3-8.8-13-14.6-24.7-16.6-7.1-1.1-7.1-1.1-14.9.1zM332 50.4c-6.6 1.4-11.4 3.9-14.6 7.3l-2.4 2.6V52h-20v81h20V72.6l2.8 2.7c3.5 3.4 3.8 3.4 4.5-.3 1.2-5.7 9.6-8.5 16.2-5.4 2.8 1.3 4.3 3 5.8 6.3 1.7 4 2 7.4 2.5 30.8l.5 26.4 9.6-.3 9.6-.3v-30c0-33.9-.4-36.9-6.6-43.9-6.5-7.3-17.2-10.5-27.9-8.2zM409.3 51.4c-6 1.9-12.2 5.8-16.3 10.1-2.1 2.3-2.7 3.4-1.5 2.7 6.3-3.1 15.7-2.2 22.7 2.4 2.6 1.6 5.2 2.4 8.3 2.4 11.7 0 20.1 8.2 21.2 20.9 1.2 13.2-6.3 23.2-18.9 25.6-5.2 1-13.6-1.7-17.7-5.7-12.6-12.2-7.6-32.2 7.6-30.5 4.1.4 4.3.3 3.7-1.7-.3-1.1-1.8-3.4-3.3-5-9.4-10.3-29.9-5.8-33.9 7.4-3.2 10.4-2.3 20.3 2.9 30.7 8.1 16.6 26.7 26.4 44.1 23.3 18.7-3.3 32.2-16.5 35.9-35.3 3.4-16.8-7.2-36.7-24-45-5.8-2.8-7.5-3.2-16.5-3.4-6.5-.2-11.6.2-14.3 1.1zM510.1 51.5c-2.4.7-6.1 2.8-8.2 4.5l-3.9 3.1V52h-21l.2 40.2.3 40.3h20l.5-29.4c.5-28.9.5-29.3 2.4-27.2 2.2 2.5 3.6 2.7 3.6.6 0-.8 1.3-2.9 2.8-4.6 5.5-6.2 15.7-4.5 19.9 3.3 1.5 2.9 1.8 6.9 2.1 30.5l.4 27.3H549V74.7l2.1 1.9c1.7 1.6 2.2 1.6 2.9.4.6-.8 1-2 1-2.7 0-.6 1.4-2.3 3.1-3.7 2.4-2 4.1-2.6 8-2.6 6.1 0 8.4 1.1 10.6 5.3 1.6 2.8 1.9 7 2.3 31.2l.5 28 10.3.3 10.2.3v-29.9c0-33.9-.5-37.5-6.8-44.4-5.3-5.9-12.1-8.8-20.7-8.8-3.8 0-8.6.5-10.5 1-5.5 1.5-12.6 6.5-14.1 9.8l-1.3 3-2.2-3c-2.8-3.7-8.9-8.2-13.3-9.7-4.5-1.5-15.5-1.3-21 .4zM683 166.7c-1.5 7.2-8.9 28.6-12.8 37.4l-3 6.6 2.5 2.7c2.4 2.6 2.5 2.7 13.1 2 13.5-.7 13.6-.7 12.7-4.2-.3-1.5-1-3.1-1.4-3.5-.4-.4-4.5 0-9 .9s-8.5 1.4-8.8 1c-.6-.5 11.3-31.7 14.8-38.6 2-4.2 1.3-6.2-3.1-8.5-1.6-.8-3.1-1.5-3.4-1.5-.2 0-1 2.6-1.6 5.7zM25.7 163.6c-3.1.7-7.1 2.1-8.7 2.9-3 1.5-3 1.6-1.5 4.5.9 1.7 1.8 3 2.2 3 .4 0 2.6-1 5-2.1 2.4-1.2 4.6-2 4.8-1.8.1.2-1.8 4.9-4.5 10.4-7.4 15.6-11.6 27.3-10.4 29.3 1.7 2.8 9.5 6.2 14 6.2 7.1 0 14.4-3 19.5-8 7.1-6.8 8.2-13.7 3.2-19.2-1.4-1.6-1.3-2.1 2.1-5.8 4.9-5.4 5.2-11.6.8-16.3-4.5-4.8-14.7-6-26.5-3.1zm24.7 5.5c1.4 1.1 2.6 2.9 2.6 3.8 0 2.9-4 7.2-8.4 9.2-4.2 1.9-15.1 2.7-14.4 1 .2-.4 1.9-4.3 3.8-8.4l3.5-7.6 5.1-.1c3.7 0 5.9.6 7.8 2.1zm-4.2 20.6c2.9 2.6 2.3 7.6-1.4 11.8-4.7 5.4-10.1 7.8-17.8 7.9-6.4.1-6.5.1-6.3-2.5.1-1.5 1.5-6 3.2-10.1l3.1-7.4 5.8.4c3.1.2 6.8-.1 8.2-.7 3.3-1.3 3.1-1.3 5.2.6zM110.8 162.7c-8.8.3-9.8.6-9.8 2.3 0 1 1.1 2.7 2.5 3.7l2.6 1.8-2.1 6.8c-1.8 5.8-2.6 7-5.1 7.9-3.3 1.1-3.5 1.5-1.4 3.8 1.4 1.6 1.3 2.4-.9 8.1-1.3 3.5-3.1 8.1-4 10.1-1.5 3.6-1.5 3.8.7 6.2l2.2 2.5 14.3-.6c12.7-.5 14.2-.8 14.2-2.4 0-5.3-2.2-5.8-16.2-3.5-5.4.9-7.8.9-7.8.2 0-2 5-16.3 6.4-18.1 1-1.4 3.1-1.9 9-2.3 7.6-.5 7.7-.5 7.4-3.1-.3-2.4-.7-2.6-6.6-3.1l-6.2-.5 3.4-7.3 3.5-7.2h9.1c4.9 0 9-.2 9-.4 0-.3-.4-1.6-1-3-1.1-2.9 1.4-2.7-23.2-1.9zM236.2 164.6c-9.2 4.6-16.1 14.9-18.4 27.3-2.5 13.4 4 24.1 14.6 24.1 3.1 0 9.4-4.7 14.1-10.4 4.5-5.5 4.1-6.9-.6-2.8-5.6 4.8-11.2 8.2-13.6 8.2-3.4 0-5.3-4.7-5.3-12.7.1-15.8 12.2-35 21.5-34.1 4 .4 4.4 3.5.9 7.7-2.5 3.1-2.6 3.2-.9 5.1 1 1.1 2.3 2 3 2 1.6 0 5.5-7.2 5.5-10.2 0-6.9-10.9-9.1-20.8-4.2zM315.9 165.4c-5.2 3.8-12.7 12.1-16.7 18.4-1.8 2.8-3.8 4.6-6.2 5.4-3.2 1-3.3 1.1-1.2 1.9l2.3.9-3.2 6.2c-1.7 3.4-3.7 7.9-4.5 10-1.2 3.5-1.2 4 .6 5.8 2.7 2.7 3.9 2.5 4.5-.8 1.2-5.9 2.8-10.8 5-15.9l2.4-5.3h14.2l-.7 10.3c-.7 11.4-.4 12.1 5.4 13.3l3.2.6v-8.8c0-10.6 2.2-24.1 5.6-34.2 1.3-4 2.4-7.4 2.4-7.7 0-.7-5.8-3.5-7.2-3.5-.7 0-3.4 1.6-5.9 3.4zm.5 13.4l-1.8 8-6.1.5c-3.3.2-6.2.3-6.4.1-.2-.2 1.3-2.5 3.3-5.2 3.9-5.4 11.5-12.7 12.3-11.9.2.3-.4 4.1-1.3 8.5zM380.2 163.6c-8 2.1-11.1 4-10.5 6.3 1 4.1 3 4.5 7.8 2 2.4-1.3 4.6-2.1 4.9-1.8.8.8-2.2 9-9.3 25.7-3.4 7.8-6.1 14.6-6.1 15 0 1.2 4.4 5.2 5.7 5.2.6 0 1.6-2.1 2.3-4.7.6-2.6 2.5-8.3 4.2-12.6 2.6-6.4 3.5-7.7 5.1-7.5 1.6.2 2.7 2.5 5.2 10.6 3.1 9.8 6.3 15.2 9.1 15.2.6 0 2.2-.8 3.5-1.9l2.3-1.8-2.8-3.3c-2.7-3.3-9.6-16.1-9.6-17.9 0-.5 2.2-1.7 4.8-2.5 5.2-1.8 10.8-6.5 12.3-10.4 2.4-6.2.2-12.5-5.3-15.3-4.5-2.3-15.6-2.5-23.6-.3zm25.4 6c2 1.9 2.4 3.1 1.9 5.2-1.5 6.1-10 11.2-18.7 11.2H385l4.4-8.9c2.5-4.9 4.2-9.1 3.9-9.5-.4-.3 1.7-.6 4.6-.6 4.2 0 5.7.5 7.7 2.6zM465 162.7c-5.7.2-9.7.8-10.1 1.5-1 1.6.8 4.8 2.6 4.8 2 0 1.9 2.5-.6 9.7-1.8 5.3-2.4 6.3-5 6.8-3.4.8-3.7 2-1 3.5 1.9 1 1.8 1.3-1.6 9.7-4.8 11.9-4.8 12.4-2.1 15 2.2 2.1 2.8 2.2 16.3 1.5l14-.7-.3-2.5c-.5-4.2-1.5-4.5-11.6-3.2-5.1.6-10.1 1.5-11 1.8-2.1.8-1.6-1.8 2.6-12.7 3.2-8.5 3.8-8.9 13.8-8.9 5.1 0 6.4-1.2 4.8-4.3-.7-1.3-2.1-1.7-6.3-1.7-3.8 0-5.5-.4-5.5-1.3 0-.6 1.5-3.9 3.3-7.2l3.2-6 8.8-.3c8.9-.3 9.6-.7 7.7-4.3-.9-1.6-2-1.9-6.8-1.7-3.1.1-10 .4-15.2.5zM538.5 162.7c-4.9.2-9.4.8-9.8 1.2-1.2 1.2 1 5.1 2.9 5.1 2.5 0 2.5 2.2.1 9.5-1.7 5-2.9 7.1-4.3 7.3-3.2.6-4.1 2.2-2.1 3.7 1.8 1.3 1.7 1.8-2.1 11.2l-4 9.8 2.6 2.7c1.4 1.6 3.1 2.8 3.7 2.8.7 0 1.8-2.6 2.5-5.8.7-3.1 2.4-8.7 3.7-12.4 2.7-7.4 3-7.6 13.4-8.3 5.8-.4 7.3-2.1 4.8-5.2-1-1.2-2.6-1.4-6.6-1-2.9.3-5.3.3-5.3.1 0-.3 1.5-3.8 3.4-7.8l3.3-7.3 6.3-.6c3.4-.4 7.3-.4 8.6-.1 2.6.7 3.1-.5 1.4-3.7-1.1-2-.2-2-22.5-1.2zM601.4 167.6c-4.2 9.6-7.6 22.5-8.1 31.4-.5 7.8-.3 8.8 1.9 12 5.3 7.9 17 7.2 25.1-1.4 6.1-6.5 13.3-25.8 15.1-40.8.5-4.7.5-4.8-2.7-5.6l-3.2-.8-.6 10.5c-1.5 24.3-9.7 40.1-20.8 40.1-5 0-6.5-3.4-5.8-13.3.6-9.5 3.7-19.6 8.4-27.4 1.8-3.1 3.3-5.9 3.3-6.4 0-1.2-5.5-3.9-8-3.9-1.6 0-2.7 1.4-4.6 5.6z" fill="url(#a)"/>
+</svg>
\ No newline at end of file
diff --git a/tpl/admin/login.php b/tpl/admin/login.php
index 62eff0c..68035ac 100644
--- a/tpl/admin/login.php
+++ b/tpl/admin/login.php
@@ -1,24 +1,23 @@
-<main>
-    <div>
-        <p>- Admin Login -<br>Be Carefully!</p>
-        <form id="login" novalidate method="POST" action="/admin/api/login">
-            <p class="error-message hide">Login Failed</p>
-            <input type="hidden" name="REDIRECT_TO" value="NO">
-            <div class="input-group">
-                <input id="username" name="USERNAME" required>
-                <label for="username">Username</label>
-                <span class="error">Username is required</span>
-            </div>
-            <div class="input-group">
-                <input id="password" required name="PASSWORD" type="password">
-                <label for="password">Password</label>
-                <span class="error">Password is required</span>
-            </div>
-            <button class="btn btn--primary">
-                <span class="btn-ripple"></span>
-                <span class="btn__content">Login</span>
-            </button>
-        </form>
+<login>
+    <div id="login-background"></div>
+    <form id="login" novalidate method="POST" action="/admin/api/login">
+        <img class="logo" alt="Be Careful" src="/theme/admin/images/logo.svg">
+        <p class="error-message hide">Login Failed</p>
+        <input type="hidden" name="REDIRECT_TO" value="NO">
+        <div class="input-group">
+            <input id="username" name="USERNAME" required>
+            <label for="username">Username</label>
+            <span class="error">Username is required</span>
+        </div>
+        <div class="input-group">
+            <input id="password" required name="PASSWORD" type="password">
+            <label for="password">Password</label>
+            <span class="error">Password is required</span>
+        </div>
+        <button class="btn btn--primary">
+            <span class="btn-ripple"></span>
+            <span class="btn__content">Login</span>
+        </button>
         <a href="">Forgotten Password? [not active!]</a>
-    </div>
-</main>
+    </form>
+</login>