Added OS logos to download page

This commit is contained in:
str4d
2014-01-05 05:18:38 +00:00
parent 1099e6bdef
commit 0994a69dfa
10 changed files with 7163 additions and 20 deletions

154
design/debian-ubuntu.svg Normal file
View File

@ -0,0 +1,154 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
xmlns:i="http://ns.adobe.com/AdobeIllustrator/10.0/"
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="128"
height="128"
id="svg3001"
version="1.1"
inkscape:version="0.48.4 r9939"
sodipodi:docname="New document 2">
<defs
id="defs3003" />
<sodipodi:namedview
id="base"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="4.234375"
inkscape:cx="87.840965"
inkscape:cy="64.354286"
inkscape:current-layer="layer1"
showgrid="true"
inkscape:document-units="px"
inkscape:grid-bbox="true"
inkscape:window-width="1366"
inkscape:window-height="719"
inkscape:window-x="0"
inkscape:window-y="25"
inkscape:window-maximized="1" />
<metadata
id="metadata3006">
<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,64)">
<g
transform="matrix(0.73767393,0,0,0.73767393,0.06056971,-64)"
id="Layer_1"
i:layer="yes"
i:dimmedPercent="50"
i:rgbTrio="#4F008000FFFF">
<g
id="g7">
<path
style="fill:#d70751"
inkscape:connector-curvature="0"
i:knockout="Off"
d="m 51.986,57.297 c -1.797,0.025 0.34,0.926 2.686,1.287 0.648,-0.506 1.236,-1.018 1.76,-1.516 -1.461,0.358 -2.948,0.366 -4.446,0.229"
id="path9" />
<path
style="fill:#d70751"
inkscape:connector-curvature="0"
i:knockout="Off"
d="m 61.631,54.893 c 1.07,-1.477 1.85,-3.094 2.125,-4.766 -0.24,1.192 -0.887,2.221 -1.496,3.307 -3.359,2.115 -0.316,-1.256 -0.002,-2.537 -3.612,4.546 -0.496,2.726 -0.627,3.996"
id="path11" />
<path
style="fill:#d70751"
inkscape:connector-curvature="0"
i:knockout="Off"
d="m 65.191,45.629 c 0.217,-3.236 -0.637,-2.213 -0.924,-0.978 0.335,0.174 0.6,2.281 0.924,0.978"
id="path13" />
<path
style="fill:#d70751"
inkscape:connector-curvature="0"
i:knockout="Off"
d="m 45.172,1.399 c 0.959,0.172 2.072,0.304 1.916,0.533 1.049,-0.23 1.287,-0.442 -1.916,-0.533"
id="path15" />
<path
style="fill:#d70751"
inkscape:connector-curvature="0"
i:knockout="Off"
d="M 47.088,1.932 46.41,2.072 47.041,2.016 47.088,1.932"
id="path17" />
<path
style="fill:#d70751"
inkscape:connector-curvature="0"
i:knockout="Off"
d="m 76.992,46.856 c 0.107,2.906 -0.85,4.316 -1.713,6.812 l -1.553,0.776 c -1.271,2.468 0.123,1.567 -0.787,3.53 -1.984,1.764 -6.021,5.52 -7.313,5.863 -0.943,-0.021 0.639,-1.113 0.846,-1.541 -2.656,1.824 -2.131,2.738 -6.193,3.846 L 60.16,65.878 C 50.142,70.591 36.226,61.251 36.409,48.507 c -0.107,0.809 -0.304,0.607 -0.526,0.934 -0.517,-6.557 3.028,-13.143 9.007,-15.832 5.848,-2.895 12.704,-1.707 16.893,2.197 -2.301,-3.014 -6.881,-6.209 -12.309,-5.91 -5.317,0.084 -10.291,3.463 -11.951,7.131 -2.724,1.715 -3.04,6.611 -4.227,7.507 -1.597,11.737 3.004,16.808 10.787,22.773 1.225,0.826 0.345,0.951 0.511,1.58 -2.586,-1.211 -4.954,-3.039 -6.901,-5.277 1.033,1.512 2.148,2.982 3.589,4.137 -2.438,-0.826 -5.695,-5.908 -6.646,-6.115 4.203,7.525 17.052,13.197 23.78,10.383 -3.113,0.115 -7.068,0.064 -10.566,-1.229 -1.469,-0.756 -3.467,-2.322 -3.11,-2.615 9.182,3.43 18.667,2.598 26.612,-3.771 2.021,-1.574 4.229,-4.252 4.867,-4.289 -0.961,1.445 0.164,0.695 -0.574,1.971 2.014,-3.248 -0.875,-1.322 2.082,-5.609 l 1.092,1.504 c -0.406,-2.696 3.348,-5.97 2.967,-10.234 0.861,-1.304 0.961,1.403 0.047,4.403 1.268,-3.328 0.334,-3.863 0.66,-6.609 0.352,0.923 0.814,1.904 1.051,2.878 -0.826,-3.216 0.848,-5.416 1.262,-7.285 -0.408,-0.181 -1.275,1.422 -1.473,-2.377 0.029,-1.65 0.459,-0.865 0.625,-1.271 -0.324,-0.186 -1.174,-1.451 -1.691,-3.877 0.375,-0.57 1.002,1.478 1.512,1.562 -0.328,-1.929 -0.893,-3.4 -0.916,-4.88 -1.49,-3.114 -0.527,0.415 -1.736,-1.337 -1.586,-4.947 1.316,-1.148 1.512,-3.396 2.404,3.483 3.775,8.881 4.404,11.117 -0.48,-2.726 -1.256,-5.367 -2.203,-7.922 0.73,0.307 -1.176,-5.609 0.949,-1.691 C 83.519,18.706 76.074,10.902 69.225,7.24 70.063,8.007 71.121,8.97 70.741,9.121 67.335,7.093 67.934,6.935 67.446,6.078 64.671,4.949 64.489,6.169 62.651,6.08 57.421,3.306 56.413,3.601 51.6,1.863 l 0.219,1.023 c -3.465,-1.154 -4.037,0.438 -7.782,0.004 -0.228,-0.178 1.2,-0.644 2.375,-0.815 -3.35,0.442 -3.193,-0.66 -6.471,0.122 0.808,-0.567 1.662,-0.942 2.524,-1.424 -2.732,0.166 -6.522,1.59 -5.352,0.295 -4.456,1.988 -12.37,4.779 -16.811,8.943 l -0.14,-0.933 c -2.035,2.443 -8.874,7.296 -9.419,10.46 l -0.544,0.127 c -1.059,1.793 -1.744,3.825 -2.584,5.67 -1.385,2.36 -2.03,0.908 -1.833,1.278 -2.724,5.523 -4.077,10.164 -5.246,13.97 0.833,1.245 0.02,7.495 0.335,12.497 -1.368,24.704 17.338,48.69 37.785,54.228 2.997,1.072 7.454,1.031 11.245,1.141 -4.473,-1.279 -5.051,-0.678 -9.408,-2.197 -3.143,-1.48 -3.832,-3.17 -6.058,-5.102 l 0.881,1.557 c -4.366,-1.545 -2.539,-1.912 -6.091,-3.037 l 0.941,-1.229 C 28.751,98.334 26.418,96.056 25.78,94.795 l -1.548,0.061 c -1.86,-2.295 -2.851,-3.949 -2.779,-5.23 l -0.5,0.891 c -0.567,-0.973 -6.843,-8.607 -3.587,-6.83 -0.605,-0.553 -1.409,-0.9 -2.281,-2.484 l 0.663,-0.758 c -1.567,-2.016 -2.884,-4.6 -2.784,-5.461 0.836,1.129 1.416,1.34 1.99,1.533 -3.957,-9.818 -4.179,-0.541 -7.176,-9.994 L 8.412,66.472 C 7.926,65.74 7.631,64.945 7.24,64.165 l 0.276,-2.75 C 4.667,58.121 6.719,47.409 7.13,41.534 7.415,39.145 9.508,36.602 11.1,32.614 l -0.97,-0.167 c 1.854,-3.234 10.586,-12.988 14.63,-12.486 1.959,-2.461 -0.389,-0.009 -0.772,-0.629 4.303,-4.453 5.656,-3.146 8.56,-3.947 3.132,-1.859 -2.688,0.725 -1.203,-0.709 5.414,-1.383 3.837,-3.144 10.9,-3.846 0.745,0.424 -1.729,0.655 -2.35,1.205 4.511,-2.207 14.275,-1.705 20.617,1.225 7.359,3.439 15.627,13.605 15.953,23.17 l 0.371,0.1 c -0.188,3.802 0.582,8.199 -0.752,12.238 l 0.908,-1.912"
id="path19" />
<path
style="fill:#d70751"
inkscape:connector-curvature="0"
i:knockout="Off"
d="m 32.372,59.764 -0.252,1.26 c 1.181,1.604 2.118,3.342 3.626,4.596 -1.085,-2.118 -1.891,-2.993 -3.374,-5.856"
id="path21" />
<path
style="fill:#d70751"
inkscape:connector-curvature="0"
i:knockout="Off"
d="m 35.164,59.654 c -0.625,-0.691 -0.995,-1.523 -1.409,-2.352 0.396,1.457 1.207,2.709 1.962,3.982 l -0.553,-1.63"
id="path23" />
<path
style="fill:#d70751"
inkscape:connector-curvature="0"
i:knockout="Off"
d="m 84.568,48.916 -0.264,0.662 c -0.484,3.438 -1.529,6.84 -3.131,9.994 1.77,-3.328 2.915,-6.968 3.395,-10.656"
id="path25" />
<path
style="fill:#d70751"
inkscape:connector-curvature="0"
i:knockout="Off"
d="M 45.527,0.537 C 46.742,0.092 48.514,0.293 49.803,0 48.123,0.141 46.451,0.225 44.8,0.438 l 0.727,0.099"
id="path27" />
<path
style="fill:#d70751"
inkscape:connector-curvature="0"
i:knockout="Off"
d="m 2.872,23.219 c 0.28,2.592 -1.95,3.598 0.494,1.889 1.31,-2.951 -0.512,-0.815 -0.494,-1.889"
id="path29" />
<path
style="fill:#d70751"
inkscape:connector-curvature="0"
i:knockout="Off"
d="M 0,35.215 C 0.563,33.487 0.665,32.449 0.88,31.449 -0.676,33.438 0.164,33.862 0,35.215"
id="path31" />
</g>
</g>
<g
id="g3096"
transform="matrix(0.28222279,0,0,0.28222279,47.7433,37.530031)">
<path
id="path6"
d="m 284.37457,-47.938959 c 0,78.273 -63.457,141.73 -141.734,141.73 -78.277004,0 -141.73100358,-63.456 -141.73100358,-141.73 0,-78.279001 63.45299958,-141.734001 141.73000358,-141.734001 78.277,0 141.735,63.455 141.735,141.734001 z"
inkscape:connector-curvature="0"
style="fill:#dd4814" />
<path
id="path8"
d="m 46.265566,-66.860959 c -10.453,0 -18.923,8.47 -18.923,18.923 0,10.449 8.47,18.92 18.923,18.92 10.449,0 18.92,-8.471 18.92,-18.92 0,-10.454 -8.47,-18.923 -18.92,-18.923 z m 135.107004,86.002 c -9.051,5.225 -12.149,16.793 -6.926,25.84 5.226,9.051 16.793,12.151 25.844,6.926 9.048,-5.224 12.148,-16.792 6.923,-25.842 -5.224,-9.047 -16.793,-12.148 -25.841,-6.924 z m -94.005004,-67.082 c 0,-18.701 9.293,-35.219 23.504004,-45.221 L 97.037566,-116.33496 c -16.56,11.064 -28.878,27.978001 -33.995,47.788001 5.977,4.872 9.796,12.291 9.796,20.608 0,8.315 -3.819,15.734 -9.797,20.605 5.116,19.8119996 17.435,36.7259996 33.995,47.789 L 110.87157,-2.7199594 C 96.660566,-12.719959 87.367566,-29.236959 87.367566,-47.940959 z m 55.275004,-55.275001 c 28.877,0 52.564,22.141001 55.047,50.373001 l 26.968,-0.394 c -1.327,-20.844 -10.432,-39.562 -24.425,-53.319001 -7.194,2.718 -15.505,2.306 -22.688,-1.842 -7.192,-4.152 -11.705,-11.156 -12.941,-18.757 -6.992,-1.935 -14.351,-2.99 -21.96,-2.99 -13.086,0 -25.449,3.072 -36.431,8.512 l 13.146,23.560001 c 7.077,-3.293001 14.963,-5.143001 23.284,-5.143001 z m 0,110.5510006 c -8.322,0 -16.207,-1.85 -23.285,-5.143 l -13.148,23.5620004 c 10.983,5.438 23.347,8.511 36.433,8.511 7.609,0 14.968,-1.055 21.961,-2.99 1.236,-7.601 5.75,-14.605 12.943,-18.76 7.183,-4.1460004 15.494,-4.5580004 22.688,-1.839 13.992,-13.7580004 23.097,-32.476 24.422,-53.32 l -26.968,-0.394 c -2.481,28.236 -26.169,50.3729996 -55.046,50.3729996 z m 38.727,-122.3590006 c 9.05,5.227 20.619,2.126 25.842,-6.921 5.226,-9.051 2.128,-20.619 -6.923,-25.845 -9.049,-5.224 -20.617,-2.124 -25.843,6.927 -5.224,9.047 -2.124,20.616 6.924,25.839 z"
inkscape:connector-curvature="0"
style="fill:#ffffff" />
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 10 KiB

6964
design/freebsd-tux.svg Normal file

File diff suppressed because it is too large Load Diff

After

Width:  |  Height:  |  Size: 401 KiB

View File

@ -31,7 +31,10 @@ or type <tt>java -version</tt> at your command prompt.
<div class="downloadlist">
<div class="package">
<h1>Windows</h1>
<div class="os">
<img src="{{ url_for('static', filename='images/download/windows.png') }}" alt="Windows" title="Windows" />
</div>
<div class="details">
<div class="file">
<a href="{{ url_for('downloads_redirect', version=ver(), protocol=def_mirror.protocol, domain=def_mirror.domain, file=ver('i2pinstall_%s_windows.exe')) }}">i2pinstall_{{ ver() }}_windows.exe</a> ({{ def_mirror.org }})
(<a href="{{ get_url('downloads_select', version=ver(), file=ver('i2pinstall_%s_windows.exe')) }}">{{ _('select alternate link') }}</a>)
@ -40,7 +43,6 @@ or type <tt>java -version</tt> at your command prompt.
<a href="{{ url_for('downloads_redirect', version=ver(), protocol=def_mirror.protocol, domain=def_mirror.domain, file=ver('i2pinstall_%s_windows.exe.sig')) }}">sig</a>)
</div>
</div>
<div class="details">
{% trans -%}
Download that file and run it.
{%- endtrans %}
@ -48,7 +50,10 @@ or type <tt>java -version</tt> at your command prompt.
</div>
<div class="package">
<h1>Mac OS X</h1>
<div class="os">
<img src="{{ url_for('static', filename='images/download/mac-osx.png') }}" alt="Mac OS X" title="Mac OS X" />
</div>
<div class="details">
<div class="file">
<a href="{{ url_for('downloads_redirect', version=ver(), protocol=def_mirror.protocol, domain=def_mirror.domain, file=ver('i2pinstall_%s.jar')) }}">i2pinstall_{{ ver() }}.jar</a> ({{ def_mirror.org }})
(<a href="{{ get_url('downloads_select', version=ver(), file=ver('i2pinstall_%s.jar')) }}">{{ _('select alternate link') }}</a>)
@ -57,7 +62,6 @@ or type <tt>java -version</tt> at your command prompt.
<a href="{{ url_for('downloads_redirect', version=ver(), protocol=def_mirror.protocol, domain=def_mirror.domain, file=ver('i2pinstall_%s.jar.sig')) }}">sig</a>)
</div>
</div>
<div class="details">
{% trans i2pversion=ver() -%}
Download that file and double-click it (if that works) or
type <code>java -jar i2pinstall_{{ i2pversion }}.jar</code> in a terminal to run the
@ -75,7 +79,10 @@ or type <tt>java -version</tt> at your command prompt.
</div>
<div class="package">
<h1>GNU/Linux / BSD / Solaris</h1>
<div class="os">
<img src="{{ url_for('static', filename='images/download/freebsd-tux.png') }}" alt="GNU/Linux / BSD / Solaris" title="GNU/Linux / BSD / Solaris" />
</div>
<div class="details">
<div class="file">
<a href="{{ url_for('downloads_redirect', version=ver(), protocol=def_mirror.protocol, domain=def_mirror.domain, file=ver('i2pinstall_%s.jar')) }}">i2pinstall_{{ ver() }}.jar</a> ({{ def_mirror.org }})
(<a href="{{ get_url('downloads_select', version=ver(), file=ver('i2pinstall_%s.jar')) }}">{{ _('select alternate link') }}</a>)
@ -84,7 +91,6 @@ or type <tt>java -version</tt> at your command prompt.
<a href="{{ url_for('downloads_redirect', version=ver(), protocol=def_mirror.protocol, domain=def_mirror.domain, file=ver('i2pinstall_%s.jar.sig')) }}">sig</a>)
</div>
</div>
<div class="details">
{% trans i2pversion=ver() -%}
Download that file and double-click it (if that works) or
type <code>java -jar i2pinstall_{{ i2pversion }}.jar</code> in a terminal to run the
@ -102,14 +108,19 @@ or type <tt>java -version</tt> at your command prompt.
</div>
<div class="package">
<h1>Debian / Ubuntu</h1>
<div class="os">
<img src="{{ url_for('static', filename='images/download/debian-ubuntu.png') }}" alt="Debian / Ubuntu" title="Debian / Ubuntu" />
</div>
<div class="details">
<a href="{{ get_url('downloads_debian') }}">{% trans %}Packages for Debian &amp; Ubuntu are available.{% endtrans %}</a>
</div>
</div>
<div class="package">
<h1>Android</h1>
<div class="os">
<img src="{{ url_for('static', filename='images/download/android.png') }}" alt="Android" title="Android" />
</div>
<div class="details">
<div class="file">
<a href="http://{{ i2pconv('stats.i2p') }}/i2p.apk">i2p-android-0.9.7.1-0_b4-API8.apk</a>
<div class="sig">
@ -117,7 +128,6 @@ or type <tt>java -version</tt> at your command prompt.
)
</div>
</div>
<div class="details">
{% trans devbuild='0.9.7.1-23_b2-API8', str4durl='http://'+i2pconv('str4d.i2p')+'/android/' -%}
The above file is the current release build.
The latest dev build is version {{ devbuild }}, and is available from
@ -134,7 +144,10 @@ or type <tt>java -version</tt> at your command prompt.
</div>
<div class="package">
<h1>{{ _('Source package') }}</h1>
<div class="os">
<img src="{{ url_for('static', filename='images/download/source.png') }}" alt="{{ _('Source package') }}" title="{{ _('Source package') }}" />
</div>
<div class="details">
<div class="file">
<a href="{{ url_for('downloads_redirect', version=ver(), protocol=def_mirror.protocol, domain=def_mirror.domain, file=ver('i2psource_%s.tar.bz2')) }}">i2psource_{{ ver() }}.tar.bz2</a> ({{ def_mirror.org }})
(<a href="{{ get_url('downloads_select', version=ver(), file=ver('i2psource_%s.tar.bz2')) }}">{{ _('select alternate link') }}</a>)
@ -143,7 +156,6 @@ or type <tt>java -version</tt> at your command prompt.
<a href="{{ url_for('downloads_redirect', version=ver(), protocol=def_mirror.protocol, domain=def_mirror.domain, file=ver('i2psource_%s.tar.bz2.sig')) }}">sig</a>)
</div>
</div>
<div class="details">
{% trans monotoneurl=site_url('get-involved/guides/new-developers'),
gitrepo='http://'+i2pconv('git.repo.i2p')+'/w/i2p.i2p.git',
github='https://github.com/i2p/i2p.i2p',
@ -212,7 +224,9 @@ Both automatic and manual upgrades are available for the release.
{%- endtrans %}</p>
<div class="package">
<h1>{{ _('Automatic updates') }}</h1>
<div class="os">
<img src="{{ url_for('static', filename='images/download/update-auto.png') }}" alt="{{ _('Automatic updates') }}" title="{{ _('Automatic updates') }}" />
</div>
<div class="details">
<p>{% trans -%}
If you are running 0.7.5 or later, your router should detect the
@ -263,7 +277,10 @@ receive the release.
</div>
<div class="package">
<h1>{{ _('Manual updates') }}</h1>
<div class="os">
<img src="{{ url_for('static', filename='images/download/update-manual.png') }}" alt="{{ _('Manual updates') }}" title="{{ _('Manual updates') }}" />
</div>
<div class="details">
<div class="file">
<a href="{{ url_for('downloads_redirect', version=ver(), protocol=def_mirror.protocol, domain=def_mirror.domain, file=ver('i2pupdate_%s.zip')) }}">i2pupdate_{{ ver() }}.zip</a> ({{ def_mirror.org }})
(<a href="{{ get_url('downloads_select', version=ver(), file=ver('i2pupdate_%s.zip')) }}">{{ _('select alternate link') }}</a>)
@ -272,7 +289,6 @@ receive the release.
<a href="{{ url_for('downloads_redirect', version=ver(), protocol=def_mirror.protocol, domain=def_mirror.domain, file=ver('i2pupdate_%s.zip.sig')) }}">sig</a>)
</div>
</div>
<div class="details">
<ol>
<li>
{% trans -%}

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 14 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.3 KiB

View File

@ -239,6 +239,10 @@ div#content .inner td.blue {
padding: 10px;
}
.os {
text-align: center;
}
.file {
margin: 5px;
padding: 5px;

View File

@ -281,15 +281,20 @@ div#content .main {
/* CSS for downloads list */
.package {
border: 6px solid rgba(171, 204, 113, 0.7);
border-radius: 5px;
margin: 10px;
padding: 10px;
overflow: hidden;
}
.os {
float: left;
width: 20%;
}
.details {
float: right;
width: 80%;
}
.file {
margin: 5px;
padding: 5px;
}
.sig {