From 6c7e71ffa06faee8eda956883333b1591a3901f9 Mon Sep 17 00:00:00 2001 From: alexcherman Date: Tue, 18 Jun 2019 14:11:49 +0200 Subject: [PATCH] Add wallet selector sidebar --- _includes/layout/base/wallets-selector.html | 510 ++++++++++++++++---- _sass/_wallet-selector.scss | 151 ++++++ _sass/_wallets.scss | 442 +++++++++++++---- img/icons/check.svg | Bin 0 -> 1111 bytes img/icons/info-alt.svg | Bin 0 -> 3322 bytes img/os/wallet_menu_android_bright.svg | Bin 5304 -> 5304 bytes img/os/wallet_menu_hardware.svg | Bin 2446 -> 2387 bytes img/os/wallet_menu_hardware_bright.svg | Bin 2446 -> 2387 bytes img/os/wallet_menu_linux_bright.svg | Bin 24090 -> 24090 bytes img/os/wallet_menu_mac_bright.svg | Bin 3209 -> 3209 bytes img/os/wallet_menu_web_bright.svg | Bin 8580 -> 8580 bytes img/os/wallet_menu_windows_bright.svg | Bin 1617 -> 1617 bytes 12 files changed, 916 insertions(+), 187 deletions(-) create mode 100644 _sass/_wallet-selector.scss create mode 100644 img/icons/check.svg create mode 100644 img/icons/info-alt.svg diff --git a/_includes/layout/base/wallets-selector.html b/_includes/layout/base/wallets-selector.html index 9354d44c..b36436bc 100644 --- a/_includes/layout/base/wallets-selector.html +++ b/_includes/layout/base/wallets-selector.html @@ -6,90 +6,436 @@ http://opensource.org/licenses/MIT.
-

Below is a list of wallets available for your operating system

- - - - - - - - - - - - - - - - {% for wallet in site.wallets %} - {% for platform in wallet.platform %} - {% for os in platform.os %} - - - {% for check in os.check %} - {% assign checkName = check[0] %} - {% if checkName == "privacy" %} - {% continue %} - {% endif %} - {% assign checkValue = check[1] %} - - {% endfor %} - {% if os.privacycheck %} - {% for privacycheck in os.privacycheck %} - {% assign privacycheckValue = privacycheck[1] %} - - {% endfor %} - {% else %} - - - - {% endif %} - - {% endfor %} - {% endfor %} - {% endfor %} - -
-

iOS Wallets:

- 		-

Control

- 		-

Validation

- 		-

Transparency

- 		-

Environment

- 		-

Fees

- 		-

Reuse

- 		-

Privacy
Disclosure

- 		-

Tor

-
- {{ wallet.title }} - {{wallet.title}} - -
- 		-
- 		---
+
+
+
+

Wallet type:

+
+
+
+
+

Mobile:

+
+ info +
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. +
+
+
+
+ + + +
+
+
+
+

Desktop:

+
+ info +
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. +
+
+
+
+ + + +
+
+
+
+
+
+

Hardware:

+
+ info +
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. +
+
+
+
+ +
+
+
+
+

Web:

+
+ info +
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. +
+
+
+
+ +
+
+
+
+
+
+

User type:

+
+ +
+ info +
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. +
+
+
+
+ +
+ info +
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. +
+
+
+
+ +
+ info +
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. +
+
+
+
+
+
+

Important criteria:

+ 1/3 +
+
+ +
+ info +
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. +
+
+
+
+ +
+ info +
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. +
+
+
+
+ +
+ info +
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. +
+
+
+
+ +
+ info +
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. +
+
+
+
+ +
+ info +
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. +
+
+
+
+ +
+ info +
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. +
+
+
+
+ +
+ info +
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. +
+
+
+
+ +
+ info +
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. +
+
+
+
+
+
+

Features:

+ 1/2 +
+
+ +
+ info +
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. +
+
+
+
+ +
+ info +
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. +
+
+
+
+ +
+ info +
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. +
+
+
+
+ +
+ info +
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. +
+
+
+
+ +
+ info +
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. +
+
+
+
+ +
+ info +
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. +
+
+
+
+

Need some help?

+

You can find more information and help on the resources and community pages or on the Wiki FAQ

+
-
-
-
-

- Good

-
-
-
-

- Caution

-
-
-
-

- Neural

+
+

Below is a list of wallets available for your operating system

+ + + + + + + + + + + + + + + + {% for wallet in site.wallets %} + {% for platform in wallet.platform %} + {% for os in platform.os %} + + + {% for check in os.check %} + {% assign checkName = check[0] %} + {% if checkName == "privacy" %} + {% continue %} + {% endif %} + {% assign checkValue = check[1] %} + + {% endfor %} + {% if os.privacycheck %} + {% for privacycheck in os.privacycheck %} + {% assign privacycheckValue = privacycheck[1] %} + + {% endfor %} + {% else %} + + + + {% endif %} + + {% endfor %} + {% endfor %} + {% endfor %} + +
+

iOS Wallets:

+ 		+

Control

+ 		+

Validation

+ 		+

Transparency

+ 		+

Environment

+ 		+

Fees

+ 		+

Reuse

+ 		+

Privacy
Disclosure

+ 		+

Tor

+
+ {{ wallet.title }} + {{wallet.title}} + +
+ 		+
+ 		---
+ +
+
+
+

- Good

+
+
+
+

- Caution

+
+
+
+

- Neural

+
+
+
diff --git a/_sass/_wallet-selector.scss b/_sass/_wallet-selector.scss new file mode 100644 index 00000000..c7c6155a --- /dev/null +++ b/_sass/_wallet-selector.scss @@ -0,0 +1,151 @@ +.tooltip-trigger { + position: relative; +} +.tooltip { + position: absolute; + bottom: 0; + left: 50%; + width: 200px; + transform: translate(-50%, 100%); + padding: 10px; + background: #FFFFFF; + border: 1px solid #E1E1E1; + border-radius: 3px; + font-size: 12px; + color: #13161F; + line-height: 22px; +} + +.wallet-selector { + padding: 50px 0 25px; +} +.wallet-selector-row { + display: flex; +} +.sidebar-selector { + width: 270px; + padding: 15px; + margin-right: 130px; + background: #f8f8f8; +} +.sidebar-selector-title { + margin: 0 0 5px; + font-size: 20px; + color: #13161F; + line-height: 36px; +} +.sidebar-selector-platforms-row { + display: flex; +} +.sidebar-selector-platform { + width: 100%; +} +.sidebar-selector-label-row { + display: flex; + align-items: center; + justify-content: space-between; + margin-bottom: 5px; +} +.sidebar-selector-label { + margin: 0; + font-weight: 600; + font-size: 16px; + color: #13161F; + line-height: 30px; +} + +.wallet-table-head { + border: none; +} +.wallet-table { + border-collapse: separate; + border-spacing: 0 9px; +} +.wallet-table-title { + font-weight: 400; + font-size: 14px; + color: #13161F; + line-height: 1.4; + text-align: center; +} +.wallet-label { + font-weight: 600; + font-size: 17px; + color: #13161F; + line-height: 1.4; + vertical-align: middle; +} +.wallet-table-row { + cursor: pointer; +} +.wallet-table-data { + padding: 20px; + border: 1px solid #DADADA; + border-left: 0; + border-right: 0; +} +.wallet-table-data:first-child { + padding-right: 25px; + border-left: 1px solid #DADADA; +} +.wallet-table-data:last-child { + padding-right: 25px; + border-right: 1px solid #DADADA; +} +.wallet-img { + width: 35px; + margin-right: 13px; + vertical-align: middle; +} + +.wallet-hints-row { + display: flex; + align-items: center; + margin-top: 20px; +} +.wallet-hint { + display: flex; + align-items: center; + margin-right: 30px; +} +.wallet-good { + margin: 0 auto; + width: 13px; + height: 13px; + border-radius: 50%; + background: #7EBF1E; +} +.wallet-caution { + margin: 0 auto; + width: 0; + height: 0; + border-left: 7px solid transparent; + border-right: 7px solid transparent; + border-bottom: 11px solid #F7931A; +} +.wallet-neutral { + margin: 0 auto; + width: 12px; + height: 12px; + background: #aaa; +} +.wallet-hint-text { + margin-left: 8px; + font-size: 14px; + color: #13161F; + line-height: 30px; +} + +.wallet-table-headline { + margin-bottom: 37px; + text-align: center; + font-size: 22px; + color: #13161F; + line-height: 36px; +} +.wallet-table-head:first-child .wallet-table-title { + text-align: left; + font-size: 22px; + color: #13161F; + line-height: 36px; +} \ No newline at end of file diff --git a/_sass/_wallets.scss b/_sass/_wallets.scss index ae281ad6..81b191a5 100644 --- a/_sass/_wallets.scss +++ b/_sass/_wallets.scss @@ -133,105 +133,6 @@ $checks: control, validation, transparency, environment, fees, privacy; $scores: good $black 600, pass $black 600, neutral $black 600, fail $black 600; -.wallet-selector { - padding: 50px 0 25px; -} -.wallet-table-head { - border: none; -} -.wallet-table { - border-collapse: separate; - border-spacing: 0 9px; -} -.wallet-table-title { - font-weight: 400; - font-size: 14px; - color: #13161F; - line-height: 1.4; - text-align: center; -} -.wallet-label { - font-weight: 600; - font-size: 17px; - color: #13161F; - line-height: 1.4; - vertical-align: middle; -} -.wallet-table-row { - cursor: pointer; -} -.wallet-table-data { - padding: 20px; - border: 1px solid #DADADA; - border-left: 0; - border-right: 0; -} -.wallet-table-data:first-child { - padding-right: 25px; - border-left: 1px solid #DADADA; -} -.wallet-table-data:last-child { - padding-right: 25px; - border-right: 1px solid #DADADA; -} -.wallet-img { - width: 35px; - margin-right: 13px; - vertical-align: middle; -} - -.wallet-hints-row { - display: flex; - align-items: center; - margin-top: 20px; -} -.wallet-hint { - display: flex; - align-items: center; - margin-right: 30px; -} -.wallet-good { - margin: 0 auto; - width: 13px; - height: 13px; - border-radius: 50%; - background: #7EBF1E; -} -.wallet-caution { - margin: 0 auto; - width: 0; - height: 0; - border-left: 7px solid transparent; - border-right: 7px solid transparent; - border-bottom: 11px solid #F7931A; -} -.wallet-neutral { - margin: 0 auto; - width: 12px; - height: 12px; - background: #aaa; -} -.wallet-hint-text { - margin-left: 8px; - font-size: 14px; - color: #13161F; - line-height: 30px; -} - -.wallet-table-headline { - margin-bottom: 37px; - text-align: center; - font-size: 22px; - color: #13161F; - line-height: 36px; -} -.wallet-table-head:first-child .wallet-table-title { - text-align: left; - font-size: 22px; - color: #13161F; - line-height: 36px; -} - .wallet { .wallet-logo-container { text-align: center; @@ -564,12 +465,6 @@ $scores: good $black 600, pass $black 600, neutral $black 600, fail $black 600; background-size: contain; } -// .wallet-os-ico-dark { -// display: block; -// width: 18px; -// height: 18px; -// } - .wallet-list-os-link:hover .wallet-ico-tooltip { display: block; } @@ -842,3 +737,340 @@ $scores: good $black 600, pass $black 600, neutral $black 600, fail $black 600; height: 100%; } } + +.tooltip-trigger { + position: relative; +} +.tooltip-trigger:hover .tooltip { + display: block; +} +.tooltip { + display: none; + position: absolute; + bottom: 0; + left: 50%; + width: 200px; + transform: translate(-50%, 100%); + padding: 10px; + background: #FFFFFF; + border: 1px solid #E1E1E1; + border-radius: 3px; + font-size: 12px; + color: #13161F; + line-height: 22px; + z-index: 1000; +} +.tooltip::after, +.tooltip::before { + content: ''; + position: absolute; + top: 0; + left: 22px; + transform: translateY(-100%) rotate(-90deg); + border: 4px solid transparent; + border-left: 4px solid #fff; +} +.tooltip::after { + top: 0; +} +.tooltip::before { + top: -1px; + border-left: 4px solid #dadada; +} +.checkbox-wrapper .checkbox { + position: absolute; + z-index: -1; + opacity: 0; + margin: 0; +} +.checkbox-text { + position: relative; + padding: 0 0 0 36px; + font-weight: 600; + font-size: 16px; + color: #4D5060; + line-height: 30px; + cursor: pointer; +} +.checkbox-text:before { + content: ''; + position: absolute; + top: 4px; + left: 0; + width: 22px; + height: 22px; + background: #fff; + border: 1px solid #dadada; +} +.checkbox-wrapper .checkbox:checked + .checkbox-text:before { + background: #F7931A url('../img/icons/check.svg') center no-repeat; + border: 1px solid #F7931A; +} +.checkbox-wrapper .checkbox:checked + .checkbox-text { + color: #13161F; +} + + +.user-radio-row { + display: flex; + align-items: center; + justify-content: space-between; +} +.user-radio-row + .user-radio-row { + margin-top: 5px; +} +.user-radio { + position: absolute; + z-index: -1; + opacity: 0; + margin: 0; +} +.user-radio-text { + position: relative; + padding: 0 0 0 36px; + font-weight: 600; + font-size: 16px; + color: #4D5060; + line-height: 30px; + cursor: pointer; +} +.user-radio-text:before { + content: ''; + position: absolute; + top: 3px; + left: 0; + width: 22px; + height: 22px; + border: 1px solid #dadada; + border-radius: 50%; + background: #FFF; +} +.user-radio-text:after { + content: ''; + position: absolute; + top: 10px; + left: 7px; + width: 10px; + height: 10px; + border-radius: 50%; + background: #F7931A; + opacity: 0; +} +.user-radio-wrapper .user-radio:checked + .user-radio-text:after { + opacity: 1; +} +.user-radio-wrapper .user-radio:checked + .user-radio-text { + color: #13161F +} + +.platform-radio-wrapper + .platform-radio-wrapper { + margin-left: 5px; +} +.platform-radio { + position: absolute; + z-index: -1; + opacity: 0; +} +.platform-radio-custom { + position: relative; + width: 36px; + height: 36px; + display: flex; + align-items: center; + justify-content: center; + background: #FFFFFF; + border: 1px solid #DADADA; + box-sizing: border-box; + cursor: pointer; +} +.platform-radio-icon-active { + display: none; +} +.platform-radio:checked + .platform-radio-custom { + border: 2px solid #F7931A; +} +.platform-radio:checked + .platform-radio-custom .platform-radio-icon-active { + display: block; +} +.platform-radio:checked + .platform-radio-custom .platform-radio-icon-inactive { + display: none; +} + +.wallet-selector { + padding: 50px 0 25px; +} +.wallet-selector-row { + display: flex; + align-items: flex-start; +} +.sidebar-selector { + width: 270px; + padding: 15px; + margin-right: 30px; + background: #f8f8f8; +} +.sidebar-selector-section { + padding-bottom: 16px; + margin-bottom: 10px; + border-bottom: 1px solid #dadada; +} +.sidebar-selector-title { + margin: 0 0 5px; + font-size: 20px; + color: #13161F; + line-height: 36px; +} +.sidebar-selector-text { + font-size: 16px; + color: #4D5060; + line-height: 22px; +} +.sidebar-selector-platforms-row + .sidebar-selector-platforms-row { + margin-top: 13px; +} +.sidebar-selector-platforms-row { + display: flex; +} +.sidebar-selector-platform { + width: 118px; +} +.sidebar-selector-platform + .sidebar-selector-platform { + margin-left: 15px; +} +.sidebar-selector-label-row { + display: flex; + align-items: center; + justify-content: space-between; + margin-bottom: 5px; +} +.sidebar-selector-label { + margin: 0; + font-weight: 600; + font-size: 16px; + color: #13161F; + line-height: 30px; +} +.wallet-selector-tooltip { + left: -20px; + transform: translate(0, 100%) +} +.sidebar-selector-os-row { + display: flex; +} +.sidebar-selector-section-top { + display: flex; + align-items: center; + justify-content: space-between; +} +.allowed-criteria-amount { + margin-bottom: 5px; + font-weight: 600; + font-size: 16px; + color: #13161F; + text-align: right; + line-height: 30px; +} +.important-checkbox-row { + display: flex; + justify-content: space-between; + align-items: center; +} +.important-checkbox-row + .important-checkbox-row { + margin-top: 10px; +} + +.wallet-table-head { + border: none; +} +.wallet-table { + border-collapse: separate; + border-spacing: 0 9px; +} +.wallet-table-title { + font-weight: 400; + font-size: 14px; + color: #13161F; + line-height: 1.4; + text-align: center; +} +.wallet-label { + font-weight: 600; + font-size: 17px; + color: #13161F; + line-height: 1.4; + vertical-align: middle; +} +.wallet-table-row { + cursor: pointer; +} +.wallet-table-data { + padding: 20px; + border: 1px solid #DADADA; + border-left: 0; + border-right: 0; +} +.wallet-table-data:first-child { + padding-right: 25px; + border-left: 1px solid #DADADA; +} +.wallet-table-data:last-child { + padding-right: 25px; + border-right: 1px solid #DADADA; +} +.wallet-img { + width: 35px; + margin-right: 13px; + vertical-align: middle; +} + +.wallet-hints-row { + display: flex; + align-items: center; + margin-top: 20px; +} +.wallet-hint { + display: flex; + align-items: center; + margin-right: 30px; +} +.wallet-good { + margin: 0 auto; + width: 13px; + height: 13px; + border-radius: 50%; + background: #7EBF1E; +} +.wallet-caution { + margin: 0 auto; + width: 0; + height: 0; + border-left: 7px solid transparent; + border-right: 7px solid transparent; + border-bottom: 11px solid #F7931A; +} +.wallet-neutral { + margin: 0 auto; + width: 12px; + height: 12px; + background: #aaa; +} +.wallet-hint-text { + margin-left: 8px; + font-size: 14px; + color: #13161F; + line-height: 30px; +} + +.wallet-table-headline { + margin-bottom: 37px; + text-align: center; + font-size: 22px; + color: #13161F; + line-height: 36px; +} +.wallet-table-head:first-child .wallet-table-title { + text-align: left; + font-size: 22px; + color: #13161F; + line-height: 36px; +} \ No newline at end of file diff --git a/img/icons/check.svg b/img/icons/check.svg new file mode 100644 index 0000000000000000000000000000000000000000..9f8c6779f0eb207271b24777d9965dec27311f73 GIT binary patch literal 1111 zcmaJ=QE!_t5Pt8kxOp$FG#d;gKm@7OOzCT-t=cmRE?9AFWZaPK*Uw^&lQkNY0-~)|-T9_FqMPSp&Hb=EF&BpV(t|MJYl&-wM_kGX8k0G0j;PSW>NYga+ z1~1y)ftBnN#_-G}(}hub1K*C!9BNpt2!;DNq2c-gF!UK)o3b6eMbnUjIswKbhT%rA z?Mq?m%yYWKE?Iln?ldb5D{bYb9^pym4K5c|0WWj37plVng4SqtWI2*bvdO|z*ATpM zAtq<9WBo2{G&?h?%5p4fD9ph=adS{y_Fcjl|0slD2D@CuU)!UvtUVglATYX+?VHl4 z91W_ltnYCUhQv14$``IIQ_;^9g2uj}v4fwGAaV;V=al+U6eqB<59t=z?#1z%(li45eD=GA>a0?9$+BH6U7v?!3BU@?|pMHD2)a{j(&=3YMHDiypS z59gklIrAXBeE0lyUp=*_^R7FrY9(Y{wTJs|vpYPj>c9W`(8T)P?W^Va>7lypHvJYh z_V`>^+jjS`?T5RkU3+=oJ+Eq6$x2!L)pJr+S8#JUuj*~zAKxw(m&-+5jOb1e3oWHw zfWDZ#ecta5kJk)UN@>AQ>)Tfqe#>8)rux_(+S9u4PH(GEk8OXyt(+68dL5!N{!P_X zsn4wQ8Ee(eL_wd;4j-KDNt6zRBd9_I!VPcWT#tyFu#xw(yJPf*)n8 zhibQ3)gSiVrO|bD?oZugyQ&Y}p&jm;LAJX3vfJ;6hjiVXzU^V%KDCE#v#G1@xW3=@ z-=U)LPz672ORk)6cJ_YP-*>wMiPtpEKkNOz?VB8dkRH(Q?fJ3qj&;?a)`#<#?(}t4 z^W`47yl$+sBD3FAjgzt5ycy#A)xGz>g)nnGbAHzy`u5QOgj*{!Qd>J*zj;A5qx-Pi z_wDJ*^O;S_u>XF9rdLx^e)Ou`m`*M*5xx8^vydN8-M3?7n!E1!{b$TNjMNsx!M|(y z%v~&xYjg|R;!h>5h)Eh_Zc=rpBp9O84mT;@D4p;4+7&xf-O-~Yd~#O#P)&!l7HDei z0FA682J)ECgqsmmO64Oz5KiFC>CAKpYsQ%7K2!C%LS|kVZG&U#kYqFnT}dZWkhmc@ zstgnAW5~8iLjce@VS^{DlwxrCsP+~#H(ClAbg_~OCkRq9M-faaMufnn6$W&Zi9rZH zpOF%)NE#7L1OR6tSyv)8!ePD`bwl@J&mAFzmE16#uF9F9Q^rb)uV zjfx^zQwnH=m60_;iImRS0@NM_CQ}qn%RP7*2#V=$W#mBC~wW*ZL*m77GOO5_2hLf>UF%)TK99#n470-(3lr8G%amAHWhqzeL6l~mzq=4h0j zQLe&d?4>7bgihWZxkI`A03udr7&DP{;l?o{md0_2HWg(wyI%mj&_0$o20XYIyYDAr; zww$9}l4Nt=&5cR3EC~E56bG~pfyF`)H3mNm;xITA5a}c}`Nzg^n3b$?LZ`mKyhd~7 zVV(?q(%H=NIqa}9ZD2E4Xhe^h_B4VB8>k}X(4lS!FGTJlG%_kjc4QW;W`U^VQ8%gr z^^T(Hk@&0_vnYE7u(B?PtPSRn40WWn0#VSYd2p>wJOCUDhJ>uVq@_cZ$H#?d4I&#jrt>B(y<4=j7>%0-*(DOL6#Bz>w2rIFWwTa5hJ? zcu7*sI6m59sFli?!8EaaP}lN{Mkk7yd)7k@8U{LzAjmls$A?sb%Ib#RHV-9INhk*h zq5YK?LU~bW>p3N?Ol-BH5N(>go-h^~gF93;ab=9~npSDn+{v8lgmSL<-auLtNDC+V zyesFdm^YV~?GGVfEG*(j1q{^4b+Sl~UeS0vCz(is8RAVCx^#x3bH|P85GfyqXl1}B z=L*Y#iaZ60_p{9_lzWiVQNrWR^fL1a<;=1FsLB&c`lFl3`J5CbE#eQ(XnSrysXJ}GGm;>h|-{0IC27;pGu JN&jx#{tG~8&V>K~ literal 0 HcmV?d00001 diff --git a/img/os/wallet_menu_android_bright.svg b/img/os/wallet_menu_android_bright.svg index 935d5ad8fd47230abf203857e92e5ff9494e8db3..b44ce8f7ef7a263a7fdd21b481a5fb60b88643c3 100644 GIT binary patch delta 18 Zcmdm?xkGb<1rw{AxvPP}W?QCeApkio1ycY3 delta 18 Zcmdm?xkGb<1rw{erLm#oW?QCeApkgr1x5e> diff --git a/img/os/wallet_menu_hardware.svg b/img/os/wallet_menu_hardware.svg index 3c613f62547962fbb602877db1b7438fdc3aa480..895aaf1b50c065b7a1cf15071f0d9a6855fa5122 100644 GIT binary patch literal 2387 zcma)8OK;ma5We?UaJ82PuxN7l4r~{ViuB^1+QkCB8L?^$Q6xiF^X0aMO`fu$wk8Q>Y?5i)oz*m^X)$M$%oau#qoK^PQ|v}qm4Pd zBy67-yM2qhK)dH6Ki$_VqDuANI@`F4=qMrLs3HW#sXQ zE|2kab2#va`iZ4!&(RibnXkU?H-~&N?=~IzHa|YBvL@fO`4*+O`<|aK=JBYr+OcB0 zOzzA2ltRLeZBswy%cQESeAuN!+7kAoD9hoH)@k#zMC<%Huj=i#R~40Yw0A}OP!|=Y zDNWOVH)WZ(Y3GXzi_oY1_}JEmgtg74I{v7er)3hCB}V-|1uZyc7rz-xE%<(OGeq*Y zxw9Xgn>e00&+4kptM&>vNHtPxJ*;njqngm&7iF6_7tSX(y~6g_0kd~elC+~&X+}9+ zDT(O!Z_y?4b5s93q$V|C`Fh3w|HSG~c_a5>gH4Cs^#wHdMoXjB zOgfIyu{9`e@w)~Yj`noQvZ*C-?M*O_f#lK)r?j3)99U1Jw8|)}Hh?uY9soC9DQ(h8V<0}9D9>7@J)u@Q99z^DI7n%g zb%Z)0jZzRP@R761cQE#d5Soky1Ze}N#c(Vi)sJe77^QKFt||4M#T3pE2CRW~G3Jp2 zizt-}K61FhpW{M#a{W3u%LD2Vpa>=<)-s&m01h9FXiK7v?@(k_RLFCNC^qSX(H3FF zrKV0q(Uv>(W&lM4&V^FmqdXfsKFR~Gy!A9DQ&e*AOuSB`5e@OzPGC0%#YnG-%NYnx z*`p@t=0YfkZFfd9N@eg6G{$v?G3`!xEG|~ABh~;^j0xIBFo7na2Cl6Y*aNR*VJ$6b z#Uzd?SR?6$j>1+$$9?QWN3NyjID*{>4`Vrj&I6oHEfseGOM}g1xpF>0h%bP`3=WS4 zh92`7Ft1WLfp1d>O@kPDrr_DKS3;G|k`VakF89o32 literal 2446 zcmaJ@O>^5e5WVMDpzI}{5kPzrfJag$W+%BQr#6#mZmI-J9La=+q%HT~cL9^^G~l&NA%*Fw(|8NV}xeN)f>O9>fIvy{?`|5vQNto^Y&$j&egWtLk>T^ zW@zuK-M)iJh3KVn=Li3~$S9(Sal{m0Q&E;7IHqnF*}m&e_j!IkpUGJe-|TWuDb1n$ zkaGWetm?yCiOgD?$K7oC0l{zn8^-9Xt6j71d~=WfJh*PNN7AB?ic!k%5Jt&)|Mf?$;_L47*|q-3&GUYzKX&Wd&9ZFVx^r6)rP~iD zlX)Ju#;nJ784&o>BRf=W7g_Dj8EU)69~=a}c4LG`eKYh}9gpK?SmWmT2-)t%)qcAj z+K&?SH6N;O0c}})HUn6ee})K zB8$r-H1rWOY88Q*z;A}I)piK(Mq0nChvKu=35$eDo|hn-tGgTJ>7}&P;!?R6D3lq0 z^S-ekk$Q`PC0L546|P;SKxs7c1HW(sLiP@%0X41Y;{P7~5Sz6y+#k!HG3sMli{BAx^ZCFd7c{a3m+H z2pmDMD|VbjZwUdZQxA!;(^eCB1xgP7y7GGpPh&0<*pe^{kVYa#G=~{M1Ho&7pV16) zQZN?P246B0WnicTvw^o|7)SwAv@kQxktE=E1+D6tB0V8fq>fKexHNJ0LZrEHa<~RY z%CxQ_Rz-2e6$wj>6hT~`G6r`H?*X_6Q+E@ZIzCCh(sOcH0+*0I+Ax7r%T5za-JQ%E z;LBB*oB`V{{e8VGNJ$g diff --git a/img/os/wallet_menu_hardware_bright.svg b/img/os/wallet_menu_hardware_bright.svg index da6d7691b9ad5da35d93783af69f2f9e00949d90..3fcd0f3db753e0c49e159503b7a2c2728250837b 100644 GIT binary patch literal 2387 zcma)8OK;ma5We?UaJ82PuxN7l4r~{wcGHV{Y8MOiX4tANM3D?xjnjX>Gt|RMV`Hlm z`EmHoeDk2a`0(;nvgf=x6?L^tBo_(Gt8Kk2s{Jzg=j%i2lMkzRi_`O-or_(2KpS&> zN!TGT_JK(&x@kg4nPkEI$o3?K5*_X$>-5!`RT(bAhOJ(m^%E;ph zU7q6U=6K}W`iZ4!&(RibnXkSaHphH1?=~IzE$Le%qILe9SM_e!tBT4x+K)xMt&57% zl&0ywo3hN?wDZM7Eg^Q^AgylQW7gH$86*2DVl7pe)}Ls7PQbLD(u(<^L$9x;1YB}qGam1dOF zm6C{l{T5v!KQ;A_W2(}uKK`USUFE*yO2Y4Oldo6&|4*!bmp5`BH`sL8U7ta7Z?rU8 z&7|WP9b1Fq7Qb7N;b>2%ESp*a*WLu<7)UO?a7yc$#DVohN~?^rY6Dnf;{kBvmD0w| z<0g7N!VlBh@4dC#>h_)o!_zp!@MTNX%h+>mI7;O<& zTx#k>6m7XfZw62_;9Mx>J<7AOl4NxSWCD zls#&KZZ3p!*mf5*qf`bDL1SDO7}M^A$Kqn;I${k##h9R71QTcyYT(*hfj#g_7S_^| zR!riUf;Ey}=_qV9blk^2bmUrUjw9HO@GzDW=rX|B)KYO5ur%0AmMiB2g!lp|%;4}? zVCXTQ0rM(_6ZkfD&@_mVX9`|?uBUJx-CO8e5`SdlZ*;O+%;{ac{p81|bH2ZAu()-2 S_23Qo3K%zWv7rAktN#F1lo?6@ literal 2446 zcmai0O_SO<5WVMDXuX$A6_WL7NmD>7@z&%*PP?hC&5Z>OxL|C`_6)QCJ}ntTlMGod zxS!gs*RP)t(+{std-4+6u4?L8CK%61s8`LpsyDOj>t7GlWgq76rrpbi9IJJ|g&cW! z&B!)Xn{5w~iP1|Hj-Q&>S;h$`LK0yByA%}}fo*Yza#LO{zfVJ9O}?6`=-4of9^uR+7j)_dm}iPcZ3qO-@nZ^ zJXOn6b8OW-<=yZGrKf^@)$hZ6->i1<>O)iaACIAHp29RAR)%fYp`+q1*M%ftJnTKdLj*x68VF zY}%(;mLB)e(0eMlHw()#_udL=$07KllnmmpiH`y1u?xwN+GTzL>E zmKi_Op|QUc^^O8dx~S@Bu-cofrMPewM*gC3+~8C^GF?_+pYDfVMiOu3-XP%kr86nU z=eu7NM#Vq3&GX@A;j>~w>;Gx&iuhp(&IH4KQA`Rgov~tKS^Cz}lZ9gnAXq4F!RDMn zN|dcx0mBp4IpUb$1(#k;fSMN4TVaT01y|PVLQfPk%JV`RQd&qA#=s#4l&iu?>kKKF z_6BlfF_8>_NXQd&e#B@AGq%P#a36*>(}j11GY%J4%ony$3aB9x3UXmLFD)jF1VX(b z6bZ3FFjDgy`62`x^>hq6ULZh#JV|Xu%4=9fTsi`%wzja|Od#1PA+;9~m7astMMSM| z7L)`~a9Kch1e3hn6EGdDaxT;aW&lyalbA7Da8P5gfR1qqs}ZnL$ry8xCBE#H!zDSm zMaV?xv^5ypE34C*=9}9I(_4#gF8l;u0p}n+Oyggm F`FH6HGW`Gm diff --git a/img/os/wallet_menu_linux_bright.svg b/img/os/wallet_menu_linux_bright.svg index 44f989f265fc050c9f90ba2ba0e9d1f42101137f..4d8bcb5a962e86f9a48ec5b47bd273d00a161a0a 100644 GIT binary patch delta 27 jcmbQWhjG>(#tmjn9B$^W1_nxYT$2l#g*OK>os0$md>IID delta 27 jcmbQWhjG>(#tmjn9OjnBhK@>hT$2l#g*OK>os0$mdlv{| diff --git a/img/os/wallet_menu_mac_bright.svg b/img/os/wallet_menu_mac_bright.svg index 3c09c3edb639bbd3158dda3a67289c798c7bdef3..baebc3fb5d8008550f0c56786190f479b243662a 100644 GIT binary patch delta 18 ZcmeB_?3CPK#>DDo?rLDL*_z3Z3ji={1e^c> delta 18 ZcmeB_?3CPK#>8rFX>91Y*_z3Z3ji;~1djj! diff --git a/img/os/wallet_menu_web_bright.svg b/img/os/wallet_menu_web_bright.svg index 8577d595b28738ed7b04f27f1bbf49d6a95aa94d..039da637036c23504691701362e3301b8f3d1593 100644 GIT binary patch delta 25 gcmZp1ZgJjV%f#Vk?rLD5WXCo6Ba`sv2qqnQ0AVu+0{{R3 delta 25 gcmZp1ZgJjV%fw-BX>91IWXCo6Ba`sv2qqnQ0AMi&_5c6? diff --git a/img/os/wallet_menu_windows_bright.svg b/img/os/wallet_menu_windows_bright.svg index 45e9e06dd9079fbdc94fdf2cde8b82fcd7a76639..3e78be2c352c372aa107156466399e063fc94e79 100644 GIT binary patch delta 18 Zcmcb}bCG9*1rw{AxvPP}W?Lo^763Q{1l9lm delta 18 Zcmcb}bCG9*1rw{erLm#oW?Lo^763O~1jzsZ