downloads: revamp section 'Hardware Wallets'

This commit is contained in:
erciccione 2021-07-19 13:05:22 +02:00
parent 4faf466d56
commit 5b8620ab5b
No known key found for this signature in database
GPG Key ID: 762AF8C608E56CDF
6 changed files with 131 additions and 44 deletions

View File

@ -234,11 +234,6 @@ downloads:
showhash2: and should be treated as canonical, with the signature checked against the appropriate GPG key
showhash3: in the source code
showhash4: "Two guides are available to guide you through the verification process:"
hardware1: The Monero community has funded a
hardware2: Dedicated Hardware Wallet (Kastelo)
hardware3: which is now in progress.
hardware4: Ledger Nano S and Nano X are supported in Monero CLI, Monero GUI, and Monerujo wallets.
hardware5: Trezor Model T is supported in Monero CLI and Monero GUI wallets.
mobilelight1: The following are mobile or light wallets that are deemed safe by respected members of the community. If there is a wallet that is not on here, you can request the community check it out. Go to our
mobilelight2: Hangouts
mobilelight3: page to see where we are.
@ -253,6 +248,15 @@ downloads:
desktop: Desktop
antivirus: Antivirus
sourcearchive: Source Code (archive)
hwdesc: "Hardware wallets are cryptographically secure devices that help keep your coins safe. Monero is currently supported by Ledger Nano S/X and Trezor Model T."
hwth: Hardware Wallet
hwthmodel: Model(s)
hwthsupported: Wallets
hwthfirm: Min. firmware version
hwnanos: "Nano S: 1.6.1"
hwnanox: "Nano X: 1.2.4-4"
hwtrezor: "2.3.4"
hwmobmodels: "Models that support Monero:"
press-kit:
intro1: Here you'll find the Monero symbol and logo below. You can choose any size that you want, or download the .ai file to mess with the logo yourself.

View File

@ -3200,12 +3200,6 @@ footer {
border-bottom: none;
}
.downloads a img {
margin-top: 2rem;
border: 2px dotted #ffffff;
padding: 0.5rem;
}
.downloads .full>.info-block {
padding: 4rem 5rem;
}
@ -3305,7 +3299,8 @@ span.icon-git {
border-bottom: none;
}
.downloads td img {
.downloads td img.small {
display: inline-block;
padding: 0;
padding-right: 0.5rem;
@ -3314,6 +3309,16 @@ span.icon-git {
vertical-align: middle;
}
.downloads .hw ul {
padding-left: 0;
}
.downloads .hw td img {
display: inline-block;
width: 50%;
vertical-align: middle;
}
.downloads table {
width: 100%;
margin-top: 1rem;
@ -3328,17 +3333,35 @@ span.icon-git {
text-align: left;
}
.downloads li a img {
margin-top: 2rem;
border: 2px dotted #ffffff;
padding: 0.5rem;
}
.downloads .mobile-only ul {
padding-left: 0;
}
.downloads .mobile-only li {
padding-left: 1rem;
}
.downloads .mobile-only img {
width: 60px;
display: inline-block;
vertical-align: middle;
margin-top: 0;
}
.downloads .mobile-only img.mob {
width: 60px;
}
.downloads .hw .mobile-only img {
max-width: 100%;
margin-top: inherit;
}
.mobile-only {
display:none;
}

View File

@ -240,25 +240,25 @@ permalink: /downloads/index.html
<th>{% t downloads.sourcecode %}</th>
</tr>
<tr>
<td><img src="/img/cakewallet.png" width="172" height="202" loading="lazy" alt="Cake Wallet Logo"><a href="https://cakewallet.com/">Cake Wallet</a></td>
<td><img class="small" src="/img/cakewallet.png" width="172" height="202" loading="lazy" alt="Cake Wallet Logo"><a href="https://cakewallet.com/">Cake Wallet</a></td>
<td><span class="icon-android"></span><span class="icon-apple"></span></td>
<td>X</td>
<td><a class="ext-noicon" href="https://github.com/cake-tech/cake_wallet" aria-label="GitHub icon"><span class="icon-github"></span></a></td>
</tr>
<tr>
<td><img src="/img/Monerujo-wallet.png" width="100" height="100" loading="lazy" alt="Monerujo logo"><a href="https://monerujo.io/">Monerujo</a></td>
<td><img class="small" src="/img/Monerujo-wallet.png" width="100" height="100" loading="lazy" alt="Monerujo logo"><a href="https://monerujo.io/">Monerujo</a></td>
<td><span class="icon-android"></span></td>
<td>X</td>
<td><a class="ext-noicon" href="https://github.com/m2049r/xmrwallet" aria-label="GitHub icon"><span class="icon-github"></span></a></td>
</tr>
<tr>
<td><img src="/img/mymonero.png" width="141" height="95" loading="lazy" alt="Mymonero logo" style="height: 15px;"><a href="https://mymonero.com/">MyMonero</a></td>
<td><img class="small" src="/img/mymonero.png" width="141" height="95" loading="lazy" alt="Mymonero logo" style="height: 15px;"><a href="https://mymonero.com/">MyMonero</a></td>
<td><span class="icon-android"></span><span class="icon-apple"></span></td>
<td><span title="Browser" class="icon-browser"></span><span class="icon-linux"></span><span class="icon-windows"></span><span class="icon-apple"></span></td>
<td><a class="ext-noicon" href="https://github.com/mymonero" aria-label="GitHub icon"><span class="icon-github"></span></a></td>
</tr>
<tr>
<td><img src="/img/edge-wallet.png" width="141" height="142" loading="lazy" alt="Edge Logo"><a href="https://edge.app/">Edge</a></td>
<td><img class="small" src="/img/edge-wallet.png" width="141" height="142" loading="lazy" alt="Edge Logo"><a href="https://edge.app/">Edge</a></td>
<td><span class="icon-android"></span><span class="icon-apple"></span></td>
<td>X</td>
<td><a class="ext-noicon" href="https://github.com/EdgeApp" aria-label="GitHub icon"><span class="icon-github"></span></a></td>
@ -266,10 +266,10 @@ permalink: /downloads/index.html
</table>
<div class="row between-xs mob-wallets mobile-only">
<ul>
<li><a class="ext-noicon" href="https://cakewallet.io" aria-label="GitHub icon"><img style="width: 50px" src="/img/cakewallet.png" width="172" height="202" loading="lazy" alt="Cake Wallet Logo">Cake Wallet</a></li>
<li><a class="ext-noicon" href="https://monerujo.io" aria-label="GitHub icon"><img src="/img/Monerujo-wallet.png" width="100" height="100" loading="lazy" alt="Monerujo Logo">Monerujo</a></li>
<li><a class="ext-noicon" href="https://mymonero.com" aria-label="GitHub icon"><img src="/img/mymonero.png" width="141" height="95" loading="lazy" alt="MyMonero Logo">MyMonero</a></li>
<li><a class="ext-noicon" href="https://edge.app/" aria-label="GitHub icon"><img src="/img/edge-wallet.png" width="141" height="142" loading="lazy" alt="Edge Logo">Edge</a></li>
<li><a class="ext-noicon" href="https://cakewallet.io" aria-label="GitHub icon"><img class="mob" style="width: 50px" src="/img/cakewallet.png" width="172" height="202" loading="lazy" alt="Cake Wallet Logo">Cake Wallet</a></li>
<li><a class="ext-noicon" href="https://monerujo.io" aria-label="GitHub icon"><img class="mob" src="/img/Monerujo-wallet.png" width="100" height="100" loading="lazy" alt="Monerujo Logo">Monerujo</a></li>
<li><a class="ext-noicon" href="https://mymonero.com" aria-label="GitHub icon"><img class="mob" src="/img/mymonero.png" width="141" height="95" loading="lazy" alt="MyMonero Logo">MyMonero</a></li>
<li><a class="ext-noicon" href="https://edge.app/" aria-label="GitHub icon"><img class="mob" src="/img/edge-wallet.png" width="141" height="142" loading="lazy" alt="Edge Logo">Edge</a></li>
</ul>
</div>
</div>
@ -295,19 +295,90 @@ permalink: /downloads/index.html
<!-- 'Hardware Wallets' -->
<h2 id="hardware">{% t downloads.hardware %}</h2>
<div class="row">
<div class="col-md-12 col-sm-12 col-xs-12">
<p>{% t downloads.hardware1 %} <a href="https://forum.getmonero.org/9/work-in-progress/88149/dedicated-monero-hardware-wallet" target="_blank" rel="noreferrer, noopener">{% t downloads.hardware2 %}</a> {% t downloads.hardware3 %}</p>
<p><a href="https://support.ledger.com/hc/en-us/articles/360006352934-Monero-XMR-" target="_blank" rel="noreferrer, noopener">{% t downloads.hardware4 %}</a></p>
<p><a href="https://wiki.trezor.io/Monero_(XMR)" target="_blank" rel="noreferrer, noopener">{% t downloads.hardware5 %}</a></p>
<div class="col-md-12 col-sm-12 col-xs-12 hw">
<p>{% t downloads.hwdesc %}</p>
<table class="desktop-only">
<tr>
<th>{% t downloads.hwth %}</th>
<th>{% t downloads.hwthmodel %}</th>
<th>{% t downloads.hwthsupported %}</th>
<th>{% t downloads.hwthfirm %}</th>
</tr>
<tr>
<td><a class="ext-noicon" href="https://support.ledger.com/hc/en-us/articles/360006352934-Monero-XMR-"><img class="hw" src="/img/ledger.png" loading="lazy" alt="ledger logo"></a></td>
<td>
<ul>
<li>Nano S</li>
<li>Nano X</li>
</ul>
</td>
<td>
<ul>
<li>Monero GUI</li>
<li>Monero CLI</li>
<li>Monerujo</li>
<li>Feather (beta)</li>
</ul>
</td>
<td>
<ul>
<li>{% t downloads.hwnanos %}</li>
<li>{% t downloads.hwnanox %}</li>
</ul>
</td>
</tr>
<tr>
<td><a class="ext-noicon" href="https://wiki.trezor.io/Monero_(XMR)"><img src="/img/trezor.png" loading="lazy" alt="Trezor logo"></a></td>
<td>
<ul>
<li>Model T</li>
</ul>
</td>
<td>
<ul>
<li>Monero GUI</li>
<li>Monero CLI</li>
<li>Feather (beta)</li>
</ul>
</td>
<td>
<ul>
<li>{% t downloads.hwtrezor %}</li>
</ul>
</td>
</tr>
</table>
<div class="mobile-only">
<div>
<h3><a class="ext-noicon" href="https://support.ledger.com/hc/en-us/articles/360006352934-Monero-XMR-"><img class="hw" src="/img/ledger.png" loading="lazy" alt="ledger logo"></a></h3>
<ul>
<b>{% t downloads.hwmobmodels %}</b>
<li>Nano S</li>
<li>Nano X</li>
<b>{% t downloads.hwthsupported %}:</b>
<li>Monero GUI</li>
<li>Monero CLI</li>
<li>Monerujo</li>
<li>Feather (beta)</li>
<b>{% t downloads.hwthfirm %}:</b>
<li>{% t downloads.hwnanos %}</li>
<li>{% t downloads.hwnanox %}</li>
</ul>
<h3><a class="ext-noicon" href="https://wiki.trezor.io/Monero_(XMR)"><img src="/img/trezor.png" loading="lazy" alt="Trezor logo"></a></h3>
<ul>
<b>{% t downloads.hwmobmodels %}</b>
<li>Model T</li>
<b>{% t downloads.hwthsupported %}:</b>
<li>Monero GUI</li>
<li>Monero CLI</li>
<li>Feather (beta)</li>
<b>{% t downloads.hwthfirm %}:</b>
<li>{% t downloads.hwtrezor %}</li>
</ul>
</div>
</div>
</div>
</div>
<div class="row mob-wallets center-xs">
<a class="ext-noicon" href="https://support.ledger.com/hc/en-us/articles/360006352934-Monero-XMR-"><img src="/img/ledger.png" width="318" height="99" loading="lazy" alt="ledger logo"></a>
<a class="ext-noicon" href="https://wiki.trezor.io/Monero_(XMR)"><img src="/img/trezor.png" width="318" height="99" loading="lazy" alt="Trezor logo"></a>
</div>
<div class="row mob-wallets center-xs">
<a class="ext-noicon" href="https://github.com/monero-project/kastelo"><img src="/img/kastelo.png" width="318" height="85" loading="lazy" alt="Kastelo logo"></a>
</div>
</div>
</div>
<!-- End 'Hardware Wallets' -->
</section>

View File

@ -1,11 +0,0 @@
<svg id="emoji" viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg">
<g id="color">
<path fill="#ea5a47" d="m58.14 21.78-7.76-8.013-14.29 14.22-14.22-14.22-8.013 8.013 14.36 14.22-14.36 14.22 8.014 8.013 14.22-14.22 14.29 14.22 7.76-8.013-14.22-14.22z"/>
</g>
<g id="hair"/>
<g id="skin"/>
<g id="skin-shadow"/>
<g id="line">
<path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2" d="m58.14 21.78-7.76-8.013-14.29 14.22-14.22-14.22-8.013 8.013 14.35 14.22-14.35 14.22 8.014 8.013 14.22-14.22 14.29 14.22 7.76-8.013-14.22-14.22z"/>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 632 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 18 KiB

After

Width:  |  Height:  |  Size: 15 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 14 KiB

After

Width:  |  Height:  |  Size: 9.5 KiB