mirror of
https://github.com/namooplol/unknow-dmb.git
synced 2025-04-28 06:58:07 +00:00
136 lines
11 KiB
Plaintext
136 lines
11 KiB
Plaintext
<div id="loginContainer" style="display: none;">
|
|
<div id="loginCancelContainer" style="display: none;">
|
|
<button id="loginCancelButton">
|
|
<div id="loginCancelIcon">X</div>
|
|
<span id="loginCancelText"><%- lang('login.loginCancelText') %></span>
|
|
</button>
|
|
</div>
|
|
<div id="loginContent">
|
|
<form id="loginForm">
|
|
<span id="loginSubheader"><%- lang('login.loginSubheader') %></span>
|
|
<div class="loginFieldContainer">
|
|
<svg id="profileSVG" class="loginSVG" viewBox="40 37 65.36 61.43">
|
|
<g>
|
|
<path d="M86.77,58.12A13.79,13.79,0,1,0,73,71.91,13.79,13.79,0,0,0,86.77,58.12M97,103.67a3.41,3.41,0,0,0,3.39-3.84,27.57,27.57,0,0,0-54.61,0,3.41,3.41,0,0,0,3.39,3.84Z"/>
|
|
</g>
|
|
</svg>
|
|
<span class="loginErrorSpan" id="loginEmailError"><%- lang('login.loginEmailError') %></span>
|
|
<input id="loginUsername" class="loginField" type="text" placeholder="<%- lang('login.loginEmailPlaceholder') %>"/>
|
|
</div>
|
|
<div class="loginFieldContainer">
|
|
<svg id="lockSVG" class="loginSVG" viewBox="40 32 60.36 70.43">
|
|
<g>
|
|
<path d="M86.16,54a16.38,16.38,0,1,0-32,0H44V102.7H96V54Zm-25.9-3.39a9.89,9.89,0,1,1,19.77,0A9.78,9.78,0,0,1,79.39,54H60.89A9.78,9.78,0,0,1,60.26,50.59ZM70,96.2a6.5,6.5,0,0,1-6.5-6.5,6.39,6.39,0,0,1,3.1-5.4V67h6.5V84.11a6.42,6.42,0,0,1,3.39,5.6A6.5,6.5,0,0,1,70,96.2Z"/>
|
|
</g>
|
|
</svg>
|
|
<span class="loginErrorSpan" id="loginPasswordError"><%- lang('login.loginPasswordError') %></span>
|
|
<input id="loginPassword" class="loginField" type="password" placeholder="<%- lang('login.loginPasswordPlaceholder') %>"/>
|
|
</div>
|
|
<div id="loginOptions">
|
|
<span class="loginSpanDim">
|
|
<a href="<%- lang('login.loginForgotPasswordLink') %>"><%- lang('login.loginForgotPasswordText') %></a>
|
|
</span>
|
|
<label id="checkmarkContainer">
|
|
<input id="loginRememberOption" type="checkbox" checked>
|
|
<span id="loginRememberText" class="loginSpanDim"><%- lang('login.loginRememberMeText') %></span>
|
|
<span class="loginCheckmark"></span>
|
|
</label>
|
|
</div>
|
|
<button id="loginButton" disabled>
|
|
<div id="loginButtonContent">
|
|
<%- lang('login.loginButtonText') %>
|
|
<svg id="loginSVG" viewBox="0 0 24.87 13.97">
|
|
<defs>
|
|
<style>.arrowLine{fill:none;stroke:#FFF;stroke-width:2px;transition: 0.25s ease;}</style>
|
|
</defs>
|
|
<polyline class="arrowLine" points="0.71 13.26 12.56 1.41 24.16 13.02"/>
|
|
</svg>
|
|
<div class="circle-loader">
|
|
<div class="checkmark draw"></div>
|
|
</div>
|
|
<!--<div class="spinningCircle" id="loginSpinner"></div>-->
|
|
</div>
|
|
</button>
|
|
<div id="loginDisclaimer">
|
|
<span class="loginSpanDim" id="loginRegisterSpan">
|
|
<a href="<%- lang('login.loginNeedAccountLink') %>"><%- lang('login.loginNeedAccountText') %></a>
|
|
</span>
|
|
<p class="loginDisclaimerText"><%- lang('login.loginPasswordDisclaimer1') %></p>
|
|
<p class="loginDisclaimerText"><%- lang('login.loginPasswordDisclaimer2', { appName: lang('app.title') }) %></p>
|
|
<br>
|
|
<svg
|
|
width="38.435234mm"
|
|
height="8.858992mm"
|
|
viewBox="0 0 76.435234 16.858992"
|
|
version="1.1"
|
|
id="svg1"
|
|
xml:space="preserve"
|
|
inkscape:version="1.3.2 (091e20e, 2023-11-25, custom)"
|
|
sodipodi:docname="powered-by-DPCloudev.svg"
|
|
inkscape:export-filename="powered-by-DPCloudev.png"
|
|
inkscape:export-xdpi="96"
|
|
inkscape:export-ydpi="96"
|
|
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
|
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
xmlns:svg="http://www.w3.org/2000/svg"><sodipodi:namedview
|
|
id="namedview1"
|
|
pagecolor="#ffffff"
|
|
bordercolor="#000000"
|
|
borderopacity="0.25"
|
|
inkscape:showpageshadow="2"
|
|
inkscape:pageopacity="0.0"
|
|
inkscape:pagecheckerboard="0"
|
|
inkscape:deskcolor="#d1d1d1"
|
|
inkscape:document-units="mm"
|
|
inkscape:zoom="1.0242632"
|
|
inkscape:cx="401.7522"
|
|
inkscape:cy="505.24122"
|
|
inkscape:window-width="1920"
|
|
inkscape:window-height="1009"
|
|
inkscape:window-x="1912"
|
|
inkscape:window-y="-8"
|
|
inkscape:window-maximized="1"
|
|
inkscape:current-layer="layer1" /><defs
|
|
id="defs1"><rect
|
|
x="146.72466"
|
|
y="315.36963"
|
|
width="186.32265"
|
|
height="42.779961"
|
|
id="rect7" /></defs><g
|
|
inkscape:label="Layer 1"
|
|
inkscape:groupmode="layer"
|
|
id="layer1"
|
|
transform="translate(-47.625001,-111.65416)"><text
|
|
xml:space="preserve"
|
|
transform="matrix(0.26458334,0,0,0.26458334,3.9593842,27.136316)"
|
|
id="text7"
|
|
style="font-size:26.6667px;text-align:center;white-space:pre;shape-inside:url(#rect7);display:inline;fill:#ffaa00;fill-opacity:1;fill-rule:evenodd"><tspan
|
|
x="162.43122"
|
|
y="339.69798"
|
|
id="tspan2"><tspan
|
|
style="fill:#808080"
|
|
id="tspan1">Powered by</tspan></tspan></text><g
|
|
id="g1"
|
|
transform="matrix(0.51040974,0,0,0.51040974,39.378824,115.13105)"><g
|
|
id="text3"
|
|
style="font-size:23.05px;text-align:center;text-anchor:middle;fill:#2bcd95;fill-rule:evenodd;stroke-width:0.864374"
|
|
aria-label="DPCloudev"
|
|
transform="translate(-30.476699,-109.96845)"><path
|
|
style="fill:#ffe900"
|
|
d="m 89.092595,127.47554 q 0,2.28474 -1.001685,4.1418 -0.990429,1.85706 -2.644897,2.88125 -1.147998,0.70906 -2.566113,1.02419 -1.406861,0.31514 -3.714111,0.31514 H 74.933953 V 119.0794 h 4.186816 q 2.453564,0 3.894189,0.36016 1.45188,0.3489 2.453565,0.96792 1.710742,1.06921 2.667407,2.84748 0.956665,1.77827 0.956665,4.22058 z m -2.329761,-0.0338 q 0,-1.96961 -0.686548,-3.32019 -0.686547,-1.35059 -2.048388,-2.12717 -0.99043,-0.56275 -2.104663,-0.77659 -1.114234,-0.2251 -2.667407,-0.2251 H 77.16242 v 12.93186 h 2.093408 q 1.609448,0 2.802465,-0.23635 1.204273,-0.23635 2.205957,-0.87788 1.249292,-0.7991 1.868311,-2.10467 0.630273,-1.30556 0.630273,-3.26391 z"
|
|
id="path22" /><path
|
|
style="fill:#ff7e00"
|
|
d="m 103.65641,124.1441 q 0,1.11423 -0.39392,2.0709 -0.38266,0.94541 -1.08047,1.64321 -0.86662,0.86663 -2.04839,1.30557 -1.181758,0.42768 -2.982539,0.42768 h -2.228467 v 6.24646 H 92.694157 V 119.0794 h 4.546973 q 1.508154,0 2.554858,0.25886 1.046702,0.24761 1.857052,0.78785 0.95667,0.64152 1.47439,1.59819 0.52898,0.95666 0.52898,2.4198 z m -2.3185,0.0563 q 0,-0.86662 -0.30389,-1.50815 -0.30388,-0.64153 -0.9229,-1.04671 -0.54023,-0.3489 -1.238032,-0.49521 -0.686548,-0.15757 -1.744507,-0.15757 h -2.205957 v 6.69666 h 1.879565 q 1.350586,0 2.194702,-0.23636 0.844116,-0.2476 1.373099,-0.77658 0.52898,-0.54024 0.74282,-1.13675 0.2251,-0.59651 0.2251,-1.33933 z"
|
|
id="path23" /><path
|
|
style="fill:#0096ff"
|
|
d="m 119.53705,134.62239 q -0.61902,0.27012 -1.12549,0.50647 -0.49521,0.23636 -1.30556,0.49522 -0.68655,0.21384 -1.4969,0.36015 -0.7991,0.15757 -1.76702,0.15757 -1.82329,0 -3.32019,-0.50647 -1.48564,-0.51772 -2.58862,-1.60944 -1.08047,-1.06922 -1.68823,-2.71243 -0.60777,-1.65447 -0.60777,-3.83792 0,-2.07089 0.58526,-3.70285 0.58525,-1.63196 1.68823,-2.75745 1.06921,-1.09172 2.57737,-1.66572 1.51941,-0.574 3.36521,-0.574 1.35058,0 2.68991,0.32639 1.35059,0.32639 2.9938,1.148 v 2.6449 h -0.16882 q -1.38435,-1.15926 -2.74619,-1.68824 -1.36184,-0.52898 -2.91502,-0.52898 -1.2718,0 -2.29599,0.41644 -1.01294,0.40517 -1.81204,1.2718 -0.77659,0.84411 -1.21553,2.13842 -0.42768,1.28306 -0.42768,2.97129 0,1.76702 0.4727,3.03882 0.48396,1.2718 1.23804,2.0709 0.78784,0.83286 1.83455,1.23804 1.05796,0.39392 2.22846,0.39392 1.60945,0 3.01631,-0.55149 1.40686,-0.55149 2.63364,-1.65447 h 0.15757 z m 5.12097,1.21553 h -2.11591 v -17.5126 h 2.11591 z m 14.90147,-6.28022 q 0,3.07258 -1.57568,4.85085 -1.57569,1.77827 -4.22058,1.77827 -2.66741,0 -4.2431,-1.77827 -1.56442,-1.77827 -1.56442,-4.85085 0,-3.07259 1.56442,-4.85086 1.57569,-1.78952 4.2431,-1.78952 2.64489,0 4.22058,1.78952 1.57568,1.77827 1.57568,4.85086 z m -2.18345,0 q 0,-2.44231 -0.95666,-3.62408 -0.95667,-1.19301 -2.65615,-1.19301 -1.722,0 -2.67867,1.19301 -0.94541,1.18177 -0.94541,3.62408 0,2.36352 0.95667,3.5903 0.95666,1.21553 2.66741,1.21553 1.68823,0 2.64489,-1.20427 0.96792,-1.21553 0.96792,-3.60156 z m 15.88064,6.28022 h -2.11592 v -1.3956 q -1.06921,0.84411 -2.04839,1.29431 -0.97917,0.45019 -2.16094,0.45019 -1.98086,0 -3.08383,-1.20427 -1.10298,-1.21553 -1.10298,-3.55654 v -8.15979 h 2.11592 v 7.1581 q 0,0.95667 0.09,1.64322 0.09,0.67529 0.38267,1.15925 0.30388,0.49521 0.78784,0.72031 0.48396,0.2251 1.40686,0.2251 0.82161,0 1.78953,-0.42769 0.97917,-0.42768 1.82329,-1.09172 v -9.38657 h 2.11592 z m 14.36123,0 h -2.11592 v -1.31682 q -0.91165,0.78784 -1.90208,1.22678 -0.99043,0.43894 -2.14968,0.43894 -2.25098,0 -3.57905,-1.73325 -1.31682,-1.73325 -1.31682,-4.80583 0,-1.5982 0.45019,-2.84749 0.46145,-1.24929 1.23804,-2.12717 0.76533,-0.85537 1.77827,-1.30557 1.02419,-0.45019 2.11592,-0.45019 0.99043,0 1.75576,0.21384 0.76533,0.20259 1.60945,0.64153 v -5.44737 h 2.11592 z m -2.11592,-3.09509 v -7.21438 q -0.85537,-0.38267 -1.53067,-0.52898 -0.67529,-0.14631 -1.47439,-0.14631 -1.77827,0 -2.7687,1.23803 -0.99043,1.23804 -0.99043,3.51153 0,2.23972 0.76534,3.41023 0.76533,1.15925 2.45356,1.15925 0.90039,0 1.82329,-0.39392 0.9229,-0.40518 1.722,-1.03545 z"
|
|
id="path24" /><path
|
|
style="fill:#36ff00"
|
|
d="m 182.30553,129.77154 h -9.26276 q 0,1.15925 0.3489,2.02588 0.3489,0.85537 0.95666,1.40686 0.58526,0.54023 1.38435,0.81035 0.81035,0.27012 1.77827,0.27012 1.28306,0 2.57737,-0.50647 1.30557,-0.51773 1.85706,-1.01294 h 0.11255 v 2.30725 q -1.06922,0.45019 -2.18345,0.75408 -1.11423,0.30388 -2.34102,0.30388 -3.12885,0 -4.88461,-1.68823 -1.75577,-1.69949 -1.75577,-4.81709 0,-3.08384 1.67698,-4.89588 1.68823,-1.81203 4.43442,-1.81203 2.54361,0 3.9167,1.48564 1.38435,1.48565 1.38435,4.22058 z m -2.05964,-1.6207 q -0.0112,-1.66573 -0.84412,-2.57737 -0.8216,-0.91165 -2.50983,-0.91165 -1.69949,0 -2.71243,1.00169 -1.00169,1.00168 -1.13674,2.48733 z m 16.1395,-4.88462 -5.0872,12.5717 h -2.12718 l -5.05344,-12.5717 h 2.296 l 3.89419,10.00559 3.86042,-10.00559 z"
|
|
id="path25" /></g></g></g></svg>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
<script src="./assets/js/scripts/login.js"></script>
|
|
</div> |