diff --git a/docs/index.html b/docs/index.html index 79f6c0b69b..64f417214b 100644 --- a/docs/index.html +++ b/docs/index.html @@ -1,215 +1,310 @@ <!DOCTYPE html> <html> - <head> - <title>Polkadot-js extension, manage accounts for substrate based chains</title> - <meta - name="description" - content="This browser extension for Polkadot, Kusama or any other substrate-base blockchain allows to keep all your accounts in one place while being able to interact with any website or application that support it." - /> - <meta name="viewport" content="width=device-width, initial-scale=1.0" /> - <meta property="og:title" content="Polkadot-js extension, manage accounts for substrate based chains" /> - <meta property="og:url" content="https://polkadot-js.github.io/extension" /> - <meta property="og:image" content="./logo.jpg" /> - <meta property="og:type" content="website" /> - <meta - property="og:description" - content="This browser extension for Polkadot, Kusama or any other substrate-base blockchain allows to keep all your accounts in one place while being able to interact with any website or application that support it." - /> - <link rel="shortcut icon" href="favicon.ico"> - <style> - * { - box-sizing: border-box; - } - body { - color: rgb(36, 37, 41); - font-family: "-apple-system", BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - margin: 0; +<head> + <title>Polkadot-js developer extension, manage accounts for Polkadot-SDK based chains</title> + <meta name="description" + content="This is a developer focused browser extension for Polkadot, Kusama or any other Polkadot-SDK based blockchain, that allows developers to keep all their accounts in one place while being able to interact with any website or application that supports it." /> + <meta name="viewport" content="width=device-width, initial-scale=1.0" /> + <meta property="og:title" content="Polkadot-js Developer extension, manage accounts for Polkadot-SDK based chains" /> + <meta property="og:url" content="https://polkadot-js.github.io/extension" /> + <meta property="og:image" content="./logo.jpg" /> + <meta property="og:type" content="website" /> + <meta name="robots" content="noindex"> + <meta property="og:description" + content="This is a developer focused browser extension for Polkadot, Kusama or any other Polkadot-SDK based blockchain, that allows developers to keep all their accounts in one place while being able to interact with any website or application that supports it." /> + <link rel="shortcut icon" href="favicon.ico"> + <style> + * { + box-sizing: border-box; + } + + body { + color: rgb(36, 37, 41); + font-family: "-apple-system", BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + margin: 0; + } + + #headerWrapper { + background: rgb(239, 239, 239) none repeat scroll 0% 0%; + display: flex; + } + + #header { + align-items: center; + display: flex; + padding-top: 1rem; + padding-bottom: 1rem; + max-width: 800px; + margin: auto; + } + + #header h1 { + margin: 0; + font-weight: 400; + } + + #logo { + margin-right: 1rem; + width: 2.5rem; + } + + #content { + max-width: 800px; + margin: auto; + margin-top: 2rem; + } + + #downloadContainer { + text-align: center; + max-width: 80%; + margin: auto; + margin-bottom: 3rem; + margin-top: 2rem; + } + + a { + color: rgb(227, 126, 6); + } + + a.button { + display: inline-block; + background-color: rgb(227, 126, 6); + height: 48px; + box-sizing: border-box; + border: medium none; + border-radius: 4px; + color: rgb(255, 255, 255); + font-size: 15px; + font-weight: 800; + line-height: 20px; + padding: 0px 1rem; + position: relative; + text-align: center; + text-decoration: none; + } + + a.button:hover { + background: rgb(237, 147, 41) none repeat scroll 0% 0%; + } + + .insideButton { + display: flex; + height: 100%; + } + + .buttonText { + align-self: center; + } + + .svg-inline { + width: 1.5rem; + margin-right: 0.3rem; + } + + .fullWidth { + left: 50%; + margin-left: -50vw; + margin-right: -50vw; + max-width: 100vw; + padding: 0 1.5rem; + position: relative; + right: 50%; + width: 100vw; + } + + @media only screen and (min-width: 1900px) { + .fullWidth { + margin-left: -40vw; + margin-right: -40vw; + max-width: 80vw; + right: 40%; + width: 80vw; } + } + + @media only screen and (max-width: 800px) { - #headerWrapper { - background: rgb(239, 239, 239) none repeat scroll 0% 0%; - display: flex; + /* For tablets: */ + #logo { + width: 4rem; } #header { - align-items: center; - display: flex; - padding-top: 1rem; - padding-bottom: 1rem; - max-width: 800px; - margin: auto; + font-size: small; } - #header h1 { - margin: 0; - font-weight: 400; + #content { + padding-right: 1rem; + padding-left: 1rem; } + } + + @media only screen and (max-width: 500px) { + /* For mobile phones: */ #logo { - margin-right: 1rem; - width: 2.5rem; + width: 3rem; } - #content { - max-width: 800px; - margin: auto; - margin-top: 2rem; + #header { + font-size: x-small; } - #downloadContainer { - text-align: center; - max-width: 80%; - margin: auto; - margin-bottom: 3rem; - margin-top: 2rem; + .menu, + .main, + .right { + width: 100%; } + } - a { - color: rgb(227, 126, 6); - } + .warning { + background-color: #ffcc00; + color: #333; + padding: 1rem; + text-align: center; + font-weight: bold; + font-size: 1.2rem; + } - a.button { - display: inline-block; - background-color: rgb(227, 126, 6); - height: 48px; - box-sizing: border-box; - border: medium none; - border-radius: 4px; - color: rgb(255, 255, 255); - font-size: 15px; - font-weight: 800; - line-height: 20px; - padding: 0px 1rem; - position: relative; - text-align: center; - text-decoration: none; - } + .wallet-logos { + display: flex; + justify-content: space-around; + margin: 1rem 0; + } - a.button:hover { - background: rgb(237, 147, 41) none repeat scroll 0% 0%; - } + .wallet-logos img { + width: 100px; + height: auto; + transition: transform 0.3s ease, box-shadow 0.3s ease; + } - .insideButton { - display: flex; - height: 100%; - } + .wallet-logos img:hover { + transform: scale(1.1); + box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); + } - .buttonText { - align-self: center; - } + #confirmButton, + #confirmationPrompt { + margin: 10px; + padding: 10px; + font-size: 14px; + } - .svg-inline { - width: 1.5rem; - margin-right: 0.3rem; - } + .container { + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + } - .fullWidth { - left: 50%; - margin-left: -50vw; - margin-right: -50vw; - max-width: 100vw; - padding: 0 1.5rem; - position: relative; - right: 50%; - width: 100vw; - } + button { + margin: 10px; + padding: 10px; + font-size: 14px; + } + </style> +</head> - @media only screen and (min-width: 1900px) { - .fullWidth { - margin-left: -40vw; - margin-right: -40vw; - max-width: 80vw; - right: 40%; - width: 80vw; - } - } +<body> + <div id="headerWrapper"> + <div id="header"> + <img id="logo" src="pjslogo.svg" /> + <h1>Polkadot{.js} Developer extension</h1> + </div> + </div> + <div class="warning"> + This extension is made for developers. Please consider using one of the alternatives below: + </div> - @media only screen and (max-width: 800px) { - /* For tablets: */ - #logo { - width: 4rem; - } - #header { - font-size: small; - } - #content { - padding-right: 1rem; - padding-left: 1rem; - } - } + <div id="content"> + <div id="wallet-logos" class="wallet-logos"> + <a href="https://novawallet.io/" target="_blank" class="wallet-item"> + <img src="./nova.jpg" alt="Nova Wallet" /> + </a> + <a href="https://www.subwallet.app/" target="_blank" class="wallet-item"> + <img src="./subwallet.jpg" alt="Subwallet" /> + </a> + <a href="https://www.talisman.xyz/" target="_blank" class="wallet-item"> + <img src="./talisman.jpg" alt="Talisman" /> + </a> + </div> - @media only screen and (max-width: 500px) { - /* For mobile phones: */ - #logo { - width: 3rem; - } - - #header { - font-size: x-small; - } - .menu, - .main, - .right { - width: 100%; - } - } - </style> - </head> - <body> - <div id="headerWrapper"> - <div id="header"> - <img - id="logo" - src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiIHN0YW5kYWxvbmU9InllcyI/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjE1IDE1IDE0MCAxNDAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDE3MCAxNzA7em9vbTogMTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+LmJnMHtmaWxsOiNGRjhDMDB9IC5zdDB7ZmlsbDojRkZGRkZGfTwvc3R5bGU+PGc+PGNpcmNsZSBjbGFzcz0iYmcwIiBjeD0iODUiIGN5PSI4NSIgcj0iNzAiPjwvY2lyY2xlPjxnPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik04NSwzNC43Yy0yMC44LDAtMzcuOCwxNi45LTM3LjgsMzcuOGMwLDQuMiwwLjcsOC4zLDIsMTIuM2MwLjksMi43LDMuOSw0LjIsNi43LDMuM2MyLjctMC45LDQuMi0zLjksMy4zLTYuNyBjLTEuMS0zLjEtMS42LTYuNC0xLjUtOS43QzU4LjEsNTcuNiw2OS41LDQ2LDgzLjYsNDUuM2MxNS43LTAuOCwyOC43LDExLjcsMjguNywyNy4yYzAsMTQuNS0xMS40LDI2LjQtMjUuNywyNy4yIGMwLDAtNS4zLDAuMy03LjksMC43Yy0xLjMsMC4yLTIuMywwLjQtMywwLjVjLTAuMywwLjEtMC42LTAuMi0wLjUtMC41bDAuOS00LjRMODEsNzMuNGMwLjYtMi44LTEuMi01LjYtNC02LjIgYy0yLjgtMC42LTUuNiwxLjItNi4yLDRjMCwwLTExLjgsNTUtMTEuOSw1NS42Yy0wLjYsMi44LDEuMiw1LjYsNCw2LjJjMi44LDAuNiw1LjYtMS4yLDYuMi00YzAuMS0wLjYsMS43LTcuOSwxLjctNy45IGMxLjItNS42LDUuOC05LjcsMTEuMi0xMC40YzEuMi0wLjIsNS45LTAuNSw1LjktMC41YzE5LjUtMS41LDM0LjktMTcuOCwzNC45LTM3LjdDMTIyLjgsNTEuNiwxMDUuOCwzNC43LDg1LDM0Ljd6IE04Ny43LDEyMS43IGMtMy40LTAuNy02LjgsMS40LTcuNSw0LjljLTAuNywzLjQsMS40LDYuOCw0LjksNy41YzMuNCwwLjcsNi44LTEuNCw3LjUtNC45QzkzLjMsMTI1LjcsOTEuMiwxMjIuNCw4Ny43LDEyMS43eiI+PC9wYXRoPjwvZz48L2c+PC9zdmc+Cg==" - /> - <h1>Polkadot{.js} extension</h1> + <div class="container"> + <button id="confirmButton">I want the developer extension</button> + + <button id="confirmationPrompt" style="display: none;">You sure about that?</button> + + <div id="download" style="display: none;"> + <img class="fullWidth" src="./extension-overview.png" /> + <p> + This browser extension does one thing: it manages accounts and allows the signing of transactions with those + accounts. It does not inject providers for use by dapps at this early point, nor does it perform wallet + functions, + e.g send funds. + </p> + + <div id="downloadContainer"> + + <a class="button" + href="https://chrome.google.com/webstore/detail/polkadot%7Bjs%7D-extension/mopnmbcafieddcagagdcbnhejhlodfdd"> + <div class="insideButton"> + <svg aria-hidden="true" focusable="false" data-prefix="fab" data-icon="chrome" role="img" + xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512" class="svg-inline"> + <path fill="currentColor" + d="M131.5 217.5L55.1 100.1c47.6-59.2 119-91.8 192-92.1 42.3-.3 85.5 10.5 124.8 33.2 43.4 25.2 76.4 61.4 97.4 103L264 133.4c-58.1-3.4-113.4 29.3-132.5 84.1zm32.9 38.5c0 46.2 37.4 83.6 83.6 83.6s83.6-37.4 83.6-83.6-37.4-83.6-83.6-83.6-83.6 37.3-83.6 83.6zm314.9-89.2L339.6 174c37.9 44.3 38.5 108.2 6.6 157.2L234.1 503.6c46.5 2.5 94.4-7.7 137.8-32.9 107.4-62 150.9-192 107.4-303.9zM133.7 303.6L40.4 120.1C14.9 159.1 0 205.9 0 256c0 124 90.8 226.7 209.5 244.9l63.7-124.8c-57.6 10.8-113.2-20.8-139.5-72.5z" + class=""></path> + </svg> + <span class="buttonText">Download for Chrome</span> + </div> + </a> + <a class="button" href="https://addons.mozilla.org/en-US/firefox/addon/polkadot-js-extension/"> + <div class="insideButton"> + <svg aria-hidden="true" focusable="false" data-prefix="fab" data-icon="firefox" role="img" + xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="svg-inline"> + <path fill="currentColor" + d="M503.52,241.48c-.12-1.56-.24-3.12-.24-4.68v-.12l-.36-4.68v-.12a245.86,245.86,0,0,0-7.32-41.15c0-.12,0-.12-.12-.24l-1.08-4c-.12-.24-.12-.48-.24-.6-.36-1.2-.72-2.52-1.08-3.72-.12-.24-.12-.6-.24-.84-.36-1.2-.72-2.4-1.08-3.48-.12-.36-.24-.6-.36-1-.36-1.2-.72-2.28-1.2-3.48l-.36-1.08c-.36-1.08-.84-2.28-1.2-3.36a8.27,8.27,0,0,0-.36-1c-.48-1.08-.84-2.28-1.32-3.36-.12-.24-.24-.6-.36-.84-.48-1.2-1-2.28-1.44-3.48,0-.12-.12-.24-.12-.36-1.56-3.84-3.24-7.68-5-11.4l-.36-.72c-.48-1-.84-1.8-1.32-2.64-.24-.48-.48-1.08-.72-1.56-.36-.84-.84-1.56-1.2-2.4-.36-.6-.6-1.2-1-1.8s-.84-1.44-1.2-2.28c-.36-.6-.72-1.32-1.08-1.92s-.84-1.44-1.2-2.16a18.07,18.07,0,0,0-1.2-2c-.36-.72-.84-1.32-1.2-2s-.84-1.32-1.2-2-.84-1.32-1.2-1.92-.84-1.44-1.32-2.16a15.63,15.63,0,0,0-1.2-1.8L463.2,119a15.63,15.63,0,0,0-1.2-1.8c-.48-.72-1.08-1.56-1.56-2.28-.36-.48-.72-1.08-1.08-1.56l-1.8-2.52c-.36-.48-.6-.84-1-1.32-1-1.32-1.8-2.52-2.76-3.72a248.76,248.76,0,0,0-23.51-26.64A186.82,186.82,0,0,0,412,62.46c-4-3.48-8.16-6.72-12.48-9.84a162.49,162.49,0,0,0-24.6-15.12c-2.4-1.32-4.8-2.52-7.2-3.72a254,254,0,0,0-55.43-19.56c-1.92-.36-3.84-.84-5.64-1.2h-.12c-1-.12-1.8-.36-2.76-.48a236.35,236.35,0,0,0-38-4H255.14a234.62,234.62,0,0,0-45.48,5c-33.59,7.08-63.23,21.24-82.91,39-1.08,1-1.92,1.68-2.4,2.16l-.48.48H124l-.12.12.12-.12a.12.12,0,0,0,.12-.12l-.12.12a.42.42,0,0,1,.24-.12c14.64-8.76,34.92-16,49.44-19.56l5.88-1.44c.36-.12.84-.12,1.2-.24,1.68-.36,3.36-.72,5.16-1.08.24,0,.6-.12.84-.12C250.94,20.94,319.34,40.14,367,85.61a171.49,171.49,0,0,1,26.88,32.76c30.36,49.2,27.48,111.11,3.84,147.59-34.44,53-111.35,71.27-159,24.84a84.19,84.19,0,0,1-25.56-59,74.05,74.05,0,0,1,6.24-31c1.68-3.84,13.08-25.67,18.24-24.59-13.08-2.76-37.55,2.64-54.71,28.19-15.36,22.92-14.52,58.2-5,83.28a132.85,132.85,0,0,1-12.12-39.24c-12.24-82.55,43.31-153,94.31-170.51-27.48-24-96.47-22.31-147.71,15.36-29.88,22-51.23,53.16-62.51,90.36,1.68-20.88,9.6-52.08,25.8-83.88-17.16,8.88-39,37-49.8,62.88-15.6,37.43-21,82.19-16.08,124.79.36,3.24.72,6.36,1.08,9.6,19.92,117.11,122,206.38,244.78,206.38C392.77,503.42,504,392.19,504,255,503.88,250.48,503.76,245.92,503.52,241.48Z" + class=""></path> + </svg> + <span class="buttonText">Download for Firefox</span> + </div> + </a> + </div> + + <h2>More info</h2> + <p>This extension is open source and the code is available on <a + href="https://github.com/polkadot-js/extension">GitHub</a>.</p> + <p>For developers wanting to use the accounts from the extension in a Dapp, head to the <a + href="https://polkadot.js.org/docs/extension/">developer documentation</a>.</p> </div> </div> - <div id="content"> - <img class="fullWidth" src="./extension-overview.png" /> - <p> - This browser extension does one thing: it manages accounts and allows the signing of transactions with those accounts. It does not inject providers for use by dapps at this early point, nor does it perform wallet functions, - e.g send funds. - </p> - - <div id="downloadContainer"> - <a class="button" href="https://chrome.google.com/webstore/detail/polkadot%7Bjs%7D-extension/mopnmbcafieddcagagdcbnhejhlodfdd"> - <div class="insideButton"> - <svg aria-hidden="true" focusable="false" data-prefix="fab" data-icon="chrome" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512" class="svg-inline"> - <path - fill="currentColor" - d="M131.5 217.5L55.1 100.1c47.6-59.2 119-91.8 192-92.1 42.3-.3 85.5 10.5 124.8 33.2 43.4 25.2 76.4 61.4 97.4 103L264 133.4c-58.1-3.4-113.4 29.3-132.5 84.1zm32.9 38.5c0 46.2 37.4 83.6 83.6 83.6s83.6-37.4 83.6-83.6-37.4-83.6-83.6-83.6-83.6 37.3-83.6 83.6zm314.9-89.2L339.6 174c37.9 44.3 38.5 108.2 6.6 157.2L234.1 503.6c46.5 2.5 94.4-7.7 137.8-32.9 107.4-62 150.9-192 107.4-303.9zM133.7 303.6L40.4 120.1C14.9 159.1 0 205.9 0 256c0 124 90.8 226.7 209.5 244.9l63.7-124.8c-57.6 10.8-113.2-20.8-139.5-72.5z" - class="" - ></path> - </svg> - <span class="buttonText">Download for Chrome</span> - </div> - </a> - <a class="button" href="https://addons.mozilla.org/en-US/firefox/addon/polkadot-js-extension/"> - <div class="insideButton"> - <svg aria-hidden="true" focusable="false" data-prefix="fab" data-icon="firefox" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="svg-inline"> - <path - fill="currentColor" - d="M503.52,241.48c-.12-1.56-.24-3.12-.24-4.68v-.12l-.36-4.68v-.12a245.86,245.86,0,0,0-7.32-41.15c0-.12,0-.12-.12-.24l-1.08-4c-.12-.24-.12-.48-.24-.6-.36-1.2-.72-2.52-1.08-3.72-.12-.24-.12-.6-.24-.84-.36-1.2-.72-2.4-1.08-3.48-.12-.36-.24-.6-.36-1-.36-1.2-.72-2.28-1.2-3.48l-.36-1.08c-.36-1.08-.84-2.28-1.2-3.36a8.27,8.27,0,0,0-.36-1c-.48-1.08-.84-2.28-1.32-3.36-.12-.24-.24-.6-.36-.84-.48-1.2-1-2.28-1.44-3.48,0-.12-.12-.24-.12-.36-1.56-3.84-3.24-7.68-5-11.4l-.36-.72c-.48-1-.84-1.8-1.32-2.64-.24-.48-.48-1.08-.72-1.56-.36-.84-.84-1.56-1.2-2.4-.36-.6-.6-1.2-1-1.8s-.84-1.44-1.2-2.28c-.36-.6-.72-1.32-1.08-1.92s-.84-1.44-1.2-2.16a18.07,18.07,0,0,0-1.2-2c-.36-.72-.84-1.32-1.2-2s-.84-1.32-1.2-2-.84-1.32-1.2-1.92-.84-1.44-1.32-2.16a15.63,15.63,0,0,0-1.2-1.8L463.2,119a15.63,15.63,0,0,0-1.2-1.8c-.48-.72-1.08-1.56-1.56-2.28-.36-.48-.72-1.08-1.08-1.56l-1.8-2.52c-.36-.48-.6-.84-1-1.32-1-1.32-1.8-2.52-2.76-3.72a248.76,248.76,0,0,0-23.51-26.64A186.82,186.82,0,0,0,412,62.46c-4-3.48-8.16-6.72-12.48-9.84a162.49,162.49,0,0,0-24.6-15.12c-2.4-1.32-4.8-2.52-7.2-3.72a254,254,0,0,0-55.43-19.56c-1.92-.36-3.84-.84-5.64-1.2h-.12c-1-.12-1.8-.36-2.76-.48a236.35,236.35,0,0,0-38-4H255.14a234.62,234.62,0,0,0-45.48,5c-33.59,7.08-63.23,21.24-82.91,39-1.08,1-1.92,1.68-2.4,2.16l-.48.48H124l-.12.12.12-.12a.12.12,0,0,0,.12-.12l-.12.12a.42.42,0,0,1,.24-.12c14.64-8.76,34.92-16,49.44-19.56l5.88-1.44c.36-.12.84-.12,1.2-.24,1.68-.36,3.36-.72,5.16-1.08.24,0,.6-.12.84-.12C250.94,20.94,319.34,40.14,367,85.61a171.49,171.49,0,0,1,26.88,32.76c30.36,49.2,27.48,111.11,3.84,147.59-34.44,53-111.35,71.27-159,24.84a84.19,84.19,0,0,1-25.56-59,74.05,74.05,0,0,1,6.24-31c1.68-3.84,13.08-25.67,18.24-24.59-13.08-2.76-37.55,2.64-54.71,28.19-15.36,22.92-14.52,58.2-5,83.28a132.85,132.85,0,0,1-12.12-39.24c-12.24-82.55,43.31-153,94.31-170.51-27.48-24-96.47-22.31-147.71,15.36-29.88,22-51.23,53.16-62.51,90.36,1.68-20.88,9.6-52.08,25.8-83.88-17.16,8.88-39,37-49.8,62.88-15.6,37.43-21,82.19-16.08,124.79.36,3.24.72,6.36,1.08,9.6,19.92,117.11,122,206.38,244.78,206.38C392.77,503.42,504,392.19,504,255,503.88,250.48,503.76,245.92,503.52,241.48Z" - class="" - ></path> - </svg> - <span class="buttonText">Download for Firefox</span> - </div> - </a> - </div> + </div> - <h2>More info</h2> - <p>This extension is open source and the code is available on <a href="https://github.com/polkadot-js/extension">GitHub</a>.</p> - <p>For developers wanting to use the accounts from the extension in a Dapp, head to the <a href="https://polkadot.js.org/docs/extension/">developer documentation</a>.</p> - </div> - <script> - if (window.self !== window.top) { - window.top.location.href = window.location.href; - } - </script> - </body> -</html> + <script> + if (window.self !== window.top) { + window.top.location.href = window.location.href; + } + + document.addEventListener('DOMContentLoaded', (event) => { + const confirmButton = document.getElementById('confirmButton'); + const confirmationPrompt = document.getElementById('confirmationPrompt'); + const downloadDiv = document.getElementById('download'); + const wallets = document.getElementById('wallet-logos'); + + confirmButton.addEventListener('click', () => { + confirmationPrompt.style.display = 'inline'; + }); + + confirmationPrompt.addEventListener('click', () => { + downloadDiv.style.display = 'block'; + confirmationPrompt.style.display = 'none'; + confirmButton.style.display = 'none'; + wallets.style.display = 'none'; + }); + }); + </script> +</body> + +</html> \ No newline at end of file diff --git a/docs/nova.jpg b/docs/nova.jpg new file mode 100644 index 0000000000..f7c0c290ca Binary files /dev/null and b/docs/nova.jpg differ diff --git a/docs/pjslogo.svg b/docs/pjslogo.svg new file mode 100644 index 0000000000..d2ab8f3275 --- /dev/null +++ b/docs/pjslogo.svg @@ -0,0 +1,2 @@ +<?xml version="1.0" encoding="UTF-8" standalone="yes"?> +<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" viewBox="15 15 140 140" style="enable-background:new 0 0 170 170;zoom: 1;" xml:space="preserve"><style type="text/css">.bg0{fill:#FF8C00} .st0{fill:#FFFFFF}</style><g><circle class="bg0" cx="85" cy="85" r="70"/><g><path class="st0" d="M85,34.7c-20.8,0-37.8,16.9-37.8,37.8c0,4.2,0.7,8.3,2,12.3c0.9,2.7,3.9,4.2,6.7,3.3c2.7-0.9,4.2-3.9,3.3-6.7 c-1.1-3.1-1.6-6.4-1.5-9.7C58.1,57.6,69.5,46,83.6,45.3c15.7-0.8,28.7,11.7,28.7,27.2c0,14.5-11.4,26.4-25.7,27.2 c0,0-5.3,0.3-7.9,0.7c-1.3,0.2-2.3,0.4-3,0.5c-0.3,0.1-0.6-0.2-0.5-0.5l0.9-4.4L81,73.4c0.6-2.8-1.2-5.6-4-6.2 c-2.8-0.6-5.6,1.2-6.2,4c0,0-11.8,55-11.9,55.6c-0.6,2.8,1.2,5.6,4,6.2c2.8,0.6,5.6-1.2,6.2-4c0.1-0.6,1.7-7.9,1.7-7.9 c1.2-5.6,5.8-9.7,11.2-10.4c1.2-0.2,5.9-0.5,5.9-0.5c19.5-1.5,34.9-17.8,34.9-37.7C122.8,51.6,105.8,34.7,85,34.7z M87.7,121.7 c-3.4-0.7-6.8,1.4-7.5,4.9c-0.7,3.4,1.4,6.8,4.9,7.5c3.4,0.7,6.8-1.4,7.5-4.9C93.3,125.7,91.2,122.4,87.7,121.7z"/></g></g></svg> \ No newline at end of file diff --git a/docs/subwallet.jpg b/docs/subwallet.jpg new file mode 100644 index 0000000000..5c2b758028 Binary files /dev/null and b/docs/subwallet.jpg differ diff --git a/docs/talisman.jpg b/docs/talisman.jpg new file mode 100644 index 0000000000..ced895c301 Binary files /dev/null and b/docs/talisman.jpg differ