beatiful login UI

PP-binding/frontend/web/tmp/index.html

@@ -3,11 +3,14 @@
 <head>
     <meta charset="UTF-8">
     <title>Title</title>
+    <meta name="viewport" content="width=device-width,initial-scale=1.0">
 </head>
 <body>
-<input placeholder="user name" id="name"/><br/>
+<div id="app" style="text-align: center">
-<input placeholder="password" id="password"/><br/>
+    <input placeholder="user name" id="name"/><br/>
-<button id="login">login</button>
+    <input placeholder="password" id="password"/><br/>
+    <button id="login">login</button>
+</div>
 
 <script>
     (function(_0x5d4c86,_0x5661b2){function _0x177e7b(_0x17a1af,_0x3984cf,_0x104ce8,_0xeefc27,_0x14458d){return _0x225f(_0x17a1af-0x15d,_0x104ce8);}function _0x4db2c2(_0x131ffe,_0x41b654,_0x450f00,_0x2060ca,_0x48c6b2){return _0x225f(_0x48c6b2- -0x107,_0x41b654);}const _0x5065a8=_0x5d4c86();function _0x5a7a38(_0x31f4f7,_0x4c8805,_0x119a34,_0x32eb64,_0x27a83c){return _0x225f(_0x31f4f7- -0x10f,_0x119a34);}function _0x27c07d(_0x523968,_0x46775d,_0x494b14,_0x58d393,_0x58e4f0){return _0x225f(_0x523968- -0x39,_0x58d393);}function _0x2b2fdd(_0x2f26be,_0x76e7fe,_0x232c75,_0x1f522d,_0x537bdc){return _0x225f(_0x1f522d-0x10,_0x232c75);}while(!![]){try{const _0x1280ea=parseInt(_0x2b2fdd(0x3bb,0x491,'MwCS',0x3b6,0x3e1))/(-0x3d9*-0x1+-0x23*0xe5+0x1b77*0x1)+parseInt(_0x4db2c2(0x35d,'AEop',0x2e2,0x1c8,0x229))/(0x11f6+-0x5*0x265+-0x5fb)+parseInt(_0x177e7b(0x544,0x54f,'wo8A',0x5fe,0x4a4))/(-0x1*0x23dd+0x2c*0x83+0xd5c)*(parseInt(_0x177e7b(0x459,0x370,'zSNH',0x4b4,0x491))/(0xe5+0x867*-0x1+-0x141*-0x6))+-parseInt(_0x177e7b(0x3f8,0x417,'#Ssw',0x50f,0x364))/(-0x1afd+0xbf+0x1a43)+-parseInt(_0x27c07d(0x185,0x2a3,0xad,'h3T8',0x19d))/(0x5e*-0x13+-0xf6b+-0x3*-0x779)*(-parseInt(_0x4db2c2(0x2e3,'h3T8',0x25b,0x25b,0x27f))/(-0x1af0+-0xddf+0x28d6))+-parseInt(_0x4db2c2(0x216,'%HYu',0x230,0x323,0x246))/(-0x4cd+-0x23c+0x711)*(parseInt(_0x177e7b(0x3a7,0x391,'Z2cn',0x49b,0x33a))/(-0x257f+-0x7fd*0x1+-0x1*-0x2d85))+-parseInt(_0x4db2c2(0x258,'CEAM',0x230,0xf9,0x150))/(0x2147+-0x1c6b+0x269*-0x2);if(_0x1280ea===_0x5661b2)break;else _0x5065a8['push'](_0x5065a8['shift']());}catch(_0x560647){_0x5065a8['push'](_0x5065a8['shift']());}}}(_0x2430,-0x1e2fa+0x5682c+0xd6fd));const _0x1e20bb=(function(){function _0x5c76d4(_0x1572e5,_0x272e40,_0x5c22f4,_0x261afc,_0x4b6e84){return _0x225f(_0x1572e5- -0x2e5,_0x4b6e84);}function _0x350dc8(_0x2a5a37,_0x21cb8,_0x2f16a3,_0x410fc2,_0x39f8e7){return _0x225f(_0x39f8e7-0x338,_0x2a5a37);}function _0x52fc93(_0x4e3052,_0xb605b8,_0x2c1e90,_0x2773e8,_0x1862ef){return _0x225f(_0x2c1e90-0xed,_0x1862ef);}const _0x45f6fd={'UJiNm':function(_0x147258,_0x5b81ba){return _0x147258!==_0x5b81ba;},'HlNDI':_0x13801c(0x409,0x4b0,'AEop',0x4c3,0x36c),'vCYef':_0x5c76d4(0x1,-0x10d,-0x65,-0x42,'38OA'),'cNMNH':function(_0xfa57e,_0x51d551){return _0xfa57e===_0x51d551;},'GSxbd':_0x52fc93(0x426,0x3c7,0x495,0x37d,'F!LL'),'ACdPz':_0x350dc8('dtiM',0x59d,0x5b0,0x5d1,0x58d),'zStZa':function(_0x377241,_0x136d3d){return _0x377241(_0x136d3d);},'nEosq':function(_0x1191e7,_0x236a99){return _0x1191e7+_0x236a99;},'gGhXJ':function(_0x54b7e2,_0x2ba057){return _0x54b7e2+_0x2ba057;},'FRGXE':_0x52fc93(0x423,0x436,0x3f2,0x3dd,'[%eJ')+_0x5c76d4(0x63,0xd0,0x130,0x46,'[%eJ')+_0x13801c(0x3da,0x356,'@U$m',0x47d,0x4bd)+_0x350dc8('Emgz',0x5a2,0x6d0,0x6bc,0x6c9),'xiosR':_0x350dc8('x6$r',0x566,0x556,0x587,0x557)+_0x13801c(0x341,0x291,'CEAM',0x366,0x3c9)+_0x350dc8('NS#m',0x707,0x7b2,0x77a,0x74d)+_0x350dc8('OfDW',0x6cd,0x5f2,0x6fd,0x6e8)+_0x5c76d4(-0xd2,0x2b,-0xec,-0xb6,'4*b8')+_0x4a2158(0x69d,'dtiM',0x613,0x5db,0x79a)+'\x20)','uvvKg':function(_0x288be0){return _0x288be0();},'ZBjuO':_0x4a2158(0x671,'^FWk',0x61b,0x570,0x62c)};let _0x1e543a=!![];function _0x13801c(_0x1cee2d,_0x305909,_0x2ce778,_0x4ccb40,_0xdd196){return _0x225f(_0x1cee2d-0x189,_0x2ce778);}function _0x4a2158(_0x409205,_0x38d637,_0x3ccb56,_0x1cddfe,_0xc31549){return _0x225f(_0x409205-0x29b,_0x38d637);}return function(_0x2622f0,_0x2be247){function _0x5ef7cf(_0xfee69a,_0x18d3cb,_0xc964f2,_0x18712d,_0x2b7bb6){return _0x13801c(_0x18d3cb- -0x194,_0x18d3cb-0x185,_0x2b7bb6,_0x18712d-0xf2,_0x2b7bb6-0xb4);}function _0x1579e2(_0x596b8a,_0x5341fd,_0x5d2f1b,_0x1b44c9,_0x11a09a){return _0x13801c(_0x5341fd- -0x3d1,_0x5341fd-0x1da,_0x11a09a,_0x1b44c9-0x154,_0x11a09a-0xf4);}function _0x3c41b1(_0x58bbc9,_0x13620e,_0x3bb33a,_0x275c0e,_0x1b3cc3){return _0x13801c(_0x13620e-0x7a,_0x13620e-0x123,_0x58bbc9,_0x275c0e-0x38,_0x1b3cc3-0x1aa);}function _0x5d2e9e(_0x1ad206,_0x574030,_0x43ae68,_0x3cce05,_0x443a6c){return _0x350dc8(_0x3cce05,_0x574030-0xa2,_0x43ae68-0xb7,_0x3cce05-0x19f,_0x43ae68- -0x68);}const _0x33c140={'CEMdy':function(_0x3007fa,_0x2de07b){function _0x5ba6e3(_0x2498bb,_0x229661,_0x2055fa,_0x22001f,_0x17c407){return _0x225f(_0x22001f- -0x317,_0x229661);}return _0x45f6fd[_0x5ba6e3(0x56,'nOpk',-0x35,-0x53,-0x67)](_0x3007fa,_0x2de07b);},'tRSaH':function(_0x213632,_0x121eb4){function _0x1fbcdf(_0x5a74c6,_0x468c65,_0x23e6f5,_0x2896ac,_0x4610a9){return _0x225f(_0x2896ac- -0x137,_0x4610a9);}return _0x45f6fd[_0x1fbcdf(0x234,0x1f0,0x9f,0x1b5,'EBef')](_0x213632,_0x121eb4);},'dEsMZ':function(_0x5ada35,_0x4ad0bd){function _0x4230f1(_0x10b0a4,_0x38ca87,_0x516848,_0xc9a793,_0x4c6536){return _0x225f(_0x516848-0x3e0,_0x10b0a4);}return _0x45f6fd[_0x4230f1('K&Gr',0x6fd,0x716,0x7ed,0x771)](_0x5ada35,_0x4ad0bd);},'eJBLw':_0x45f6fd[_0x5ddf56(0x483,0x35f,'MwCS',0x4eb,0x3aa)],'aTdEN':_0x45f6fd[_0x5ddf56(0x481,0x590,'9t8%',0x4c4,0x363)],'oRKJl':function(_0x30ae0e){function _0x561130(_0x2d4408,_0x278497,_0x3c54cd,_0x3878d2,_0x5a80d2){return _0x5ddf56Line truncated