New layout for the "Choose your wallet" page

Greatly simplify layout
Increase visibility for "you need to know" and "secure your wallet" pages
Providing increased transparency about security and zero-trust model for each wallet
Encourage diversity and decentralization by
  not recommending two single wallets anymore
  rotating wallets daily by "zero-trust levels" (full nodes followed by SPV wallets followed by hybrid & multisig wallets followed by web wallets)
Display screenshots
Increase visibility for Bitcoin Core by
  recommending it in other wallets' disclaimers as a full node and deterministic build app
  making it always the first desktop wallet displayed
  better promoting it as a good secure / zero-trust wallet
Prepare layout for hardware wallets
Prevent confusing duplicate listing
Allow layout to scale with increasing number of wallets
Fix layout issues with translations and hyphenation
Simplify the process of adding new wallets by storing information in a single location using a consistent format

Thanks @harding for reviews and feedback on the first draft
This commit is contained in:
Saivann 2014-07-14 16:12:36 -04:00
parent 5704ff1ce5
commit a75b2f1391
106 changed files with 3285 additions and 4758 deletions

Binary file not shown.

Before

Width:  |  Height:  |  Size: 506 B

BIN
img/os/iphone.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 479 B

114
img/os/iphone.svg Normal file
View file

@ -0,0 +1,114 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
width="16"
height="16"
id="svg4964"
version="1.1"
inkscape:version="0.48.4 r9939"
sodipodi:docname="iphone.svg"
inkscape:export-filename="/media/X/bitcoin.org/current/img/os/iphone.png"
inkscape:export-xdpi="90"
inkscape:export-ydpi="90">
<defs
id="defs4966">
<clipPath
id="clp12">
<path
inkscape:connector-curvature="0"
d="m 45.315,71.927 12.92,0 0,15.867 -12.92,0 0,-15.867 z"
id="path184" />
</clipPath>
<clipPath
id="clp12-7">
<path
inkscape:connector-curvature="0"
d="m 45.315,71.927 12.92,0 0,15.867 -12.92,0 0,-15.867 z"
id="path184-7" />
</clipPath>
<filter
inkscape:collect="always"
id="filter4945"
x="-0.16042192"
width="1.3208439"
y="-0.13062799"
height="1.261256"
color-interpolation-filters="sRGB">
<feGaussianBlur
inkscape:collect="always"
stdDeviation="47.368683"
id="feGaussianBlur4947" />
</filter>
</defs>
<sodipodi:namedview
id="base"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="15.836083"
inkscape:cx="5.7724215"
inkscape:cy="7.0819802"
inkscape:current-layer="layer1"
showgrid="true"
inkscape:grid-bbox="true"
inkscape:document-units="px"
inkscape:window-width="1615"
inkscape:window-height="1026"
inkscape:window-x="65"
inkscape:window-y="24"
inkscape:window-maximized="1" />
<metadata
id="metadata4969">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title></dc:title>
</cc:Work>
</rdf:RDF>
</metadata>
<g
id="layer1"
inkscape:label="Layer 1"
inkscape:groupmode="layer"
transform="translate(0,-16)">
<g
transform="matrix(0.01828059,0,0,0.01828059,-18.52417,-14.244354)"
id="layer1-8"
style="fill:#7d7d7d;fill-opacity:1">
<g
transform="translate(19.48863,19.49672)"
id="g25472"
style="fill:#7d7d7d;fill-opacity:1">
<g
transform="matrix(54.85033,0,0,-54.85033,-1411.313,6454.729)"
style="fill:#7d7d7d;fill-opacity:1;fill-rule:nonzero;stroke:none"
clip-path="url(#clp12)"
id="g186">
<path
inkscape:connector-curvature="0"
d="m 56.105,79.364 c -0.018,2.008 1.64,2.972 1.715,3.019 -0.933,1.365 -2.385,1.552 -2.903,1.574 -1.235,0.125 -2.411,-0.727 -3.037,-0.727 -0.626,0 -1.594,0.709 -2.618,0.689 -1.348,-0.02 -2.589,-0.783 -3.283,-1.989 -1.399,-2.427 -0.357,-6.024 1.005,-7.994 0.667,-0.963 1.461,-2.048 2.505,-2.008 1.006,0.04 1.386,0.65 2.6,0.65 1.214,0 1.556,-0.65 2.619,-0.631 1.081,0.021 1.767,0.984 2.429,1.95 0.764,1.118 1.08,2.2 1.098,2.257 -0.024,0.01 -2.108,0.809 -2.13,3.21"
style="fill:#7d7d7d;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path188" />
</g>
<path
inkscape:connector-curvature="0"
d="m 1556.5087,1778.2074 c 30.3865,-36.8044 50.9002,-87.9802 45.2501,-138.9887 -43.7736,1.7571 -96.7556,29.1808 -128.1856,65.9852 -28.1373,32.5275 -52.8196,84.6335 -46.131,134.6035 48.8183,3.7847 98.675,-24.8497 129.0665,-61.6"
style="fill:#7d7d7d;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path190" />
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 4 KiB

BIN
img/os/mac.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 479 B

114
img/os/mac.svg Normal file
View file

@ -0,0 +1,114 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
width="16"
height="16"
id="svg4964"
version="1.1"
inkscape:version="0.48.4 r9939"
sodipodi:docname="mac.svg"
inkscape:export-filename="/media/X/bitcoin.org/current/img/os/mac.png"
inkscape:export-xdpi="90"
inkscape:export-ydpi="90">
<defs
id="defs4966">
<clipPath
id="clp12">
<path
inkscape:connector-curvature="0"
d="m 45.315,71.927 12.92,0 0,15.867 -12.92,0 0,-15.867 z"
id="path184" />
</clipPath>
<clipPath
id="clp12-7">
<path
inkscape:connector-curvature="0"
d="m 45.315,71.927 12.92,0 0,15.867 -12.92,0 0,-15.867 z"
id="path184-7" />
</clipPath>
<filter
inkscape:collect="always"
id="filter4945"
x="-0.16042192"
width="1.3208439"
y="-0.13062799"
height="1.261256"
color-interpolation-filters="sRGB">
<feGaussianBlur
inkscape:collect="always"
stdDeviation="47.368683"
id="feGaussianBlur4947" />
</filter>
</defs>
<sodipodi:namedview
id="base"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="15.836083"
inkscape:cx="5.7724215"
inkscape:cy="7.0819802"
inkscape:current-layer="layer1"
showgrid="true"
inkscape:grid-bbox="true"
inkscape:document-units="px"
inkscape:window-width="1615"
inkscape:window-height="1026"
inkscape:window-x="65"
inkscape:window-y="24"
inkscape:window-maximized="1" />
<metadata
id="metadata4969">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title></dc:title>
</cc:Work>
</rdf:RDF>
</metadata>
<g
id="layer1"
inkscape:label="Layer 1"
inkscape:groupmode="layer"
transform="translate(0,-16)">
<g
transform="matrix(0.01828059,0,0,0.01828059,-18.52417,-14.244354)"
id="layer1-8"
style="fill:#7d7d7d;fill-opacity:1">
<g
transform="translate(19.48863,19.49672)"
id="g25472"
style="fill:#7d7d7d;fill-opacity:1">
<g
transform="matrix(54.85033,0,0,-54.85033,-1411.313,6454.729)"
style="fill:#7d7d7d;fill-opacity:1;fill-rule:nonzero;stroke:none"
clip-path="url(#clp12)"
id="g186">
<path
inkscape:connector-curvature="0"
d="m 56.105,79.364 c -0.018,2.008 1.64,2.972 1.715,3.019 -0.933,1.365 -2.385,1.552 -2.903,1.574 -1.235,0.125 -2.411,-0.727 -3.037,-0.727 -0.626,0 -1.594,0.709 -2.618,0.689 -1.348,-0.02 -2.589,-0.783 -3.283,-1.989 -1.399,-2.427 -0.357,-6.024 1.005,-7.994 0.667,-0.963 1.461,-2.048 2.505,-2.008 1.006,0.04 1.386,0.65 2.6,0.65 1.214,0 1.556,-0.65 2.619,-0.631 1.081,0.021 1.767,0.984 2.429,1.95 0.764,1.118 1.08,2.2 1.098,2.257 -0.024,0.01 -2.108,0.809 -2.13,3.21"
style="fill:#7d7d7d;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path188" />
</g>
<path
inkscape:connector-curvature="0"
d="m 1556.5087,1778.2074 c 30.3865,-36.8044 50.9002,-87.9802 45.2501,-138.9887 -43.7736,1.7571 -96.7556,29.1808 -128.1856,65.9852 -28.1373,32.5275 -52.8196,84.6335 -46.131,134.6035 48.8183,3.7847 98.675,-24.8497 129.0665,-61.6"
style="fill:#7d7d7d;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path190" />
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 4 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.1 KiB

View file

Before

Width:  |  Height:  |  Size: 735 B

After

Width:  |  Height:  |  Size: 735 B

Before After
Before After