FreedomBox/static/themes/default/img/network-connection.svg
Sunil Mohan Adapa 11bf585025 networks: Show network diagram
- As discussed in the first boot redesign proposal.

- Images are taken from Tango icon set, GNOME icons or created.

- Responsive, works for very small widths also.

- First cut, special cases of network connectivity are not handled.
2015-10-28 20:02:56 -04:00

513 lines
16 KiB
XML

<?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:xlink="http://www.w3.org/1999/xlink"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
sodipodi:docname="network-connection.svg"
inkscape:version="0.91 r13725"
sodipodi:version="0.32"
id="svg1288"
height="8"
width="128"
version="1.1">
<defs
id="defs3">
<linearGradient
id="linearGradient158">
<stop
style="stop-color:#686868;stop-opacity:0.0000000;"
offset="0.0000000"
id="stop159" />
<stop
style="stop-color:#686868;stop-opacity:1.0000000;"
offset="0.23762377"
id="stop162" />
<stop
style="stop-color:#686868;stop-opacity:1.0000000;"
offset="0.78109992"
id="stop163" />
<stop
style="stop-color:#686868;stop-opacity:0.0000000;"
offset="1.0000000"
id="stop160" />
</linearGradient>
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient158"
id="linearGradient175"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(2.740165,0,0,0.364942,31.37799,-10.35269)"
x1="1.6422368"
y1="117.8271"
x2="15.343062"
y2="117.8271" />
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient272"
id="linearGradient283"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(8.168597,0,0,0.22121,31.37799,-48.2741)"
x1="0.61210024"
y1="372.57819"
x2="5.0856376"
y2="372.57819" />
<linearGradient
id="linearGradient272">
<stop
style="stop-color:#474747;stop-opacity:0.0000000;"
offset="0.0000000"
id="stop273" />
<stop
style="stop-color:#474747;stop-opacity:1.0000000;"
offset="0.10000000"
id="stop275" />
<stop
style="stop-color:#474747;stop-opacity:1.0000000;"
offset="0.89999998"
id="stop276" />
<stop
style="stop-color:#474747;stop-opacity:0.0000000;"
offset="1.0000000"
id="stop274" />
</linearGradient>
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient272"
id="linearGradient271"
gradientTransform="matrix(8.168597,0,0,0.228621,31.37799,-46.2669)"
x1="0.61210024"
y1="372.57819"
x2="5.0856376"
y2="372.57819"
gradientUnits="userSpaceOnUse" />
<linearGradient
id="linearGradient178">
<stop
style="stop-color:#ffffff;stop-opacity:0.0000000;"
offset="0.0000000"
id="stop179" />
<stop
style="stop-color:#ffffff;stop-opacity:0.70658684;"
offset="0.10827128"
id="stop180" />
<stop
style="stop-color:#ffffff;stop-opacity:0.70658684;"
offset="0.92053902"
id="stop181" />
<stop
style="stop-color:#ffffff;stop-opacity:0.0000000;"
offset="1.0000000"
id="stop182" />
</linearGradient>
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient178"
id="linearGradient177"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(2.740165,0,0,0.147685,31.37799,14.83313)"
x1="1.6422368"
y1="117.8271"
x2="15.343062"
y2="117.8271" />
<linearGradient
id="linearGradient4509">
<stop
style="stop-color:#000000;stop-opacity:1.0000000;"
offset="0.0000000"
id="stop4511" />
<stop
style="stop-color:#000000;stop-opacity:0.0000000;"
offset="1.0000000"
id="stop4513" />
</linearGradient>
<linearGradient
id="linearGradient4449"
inkscape:collect="always">
<stop
id="stop4451"
offset="0"
style="stop-color:#ffffff;stop-opacity:1;" />
<stop
id="stop4453"
offset="1"
style="stop-color:#ffffff;stop-opacity:0;" />
</linearGradient>
<linearGradient
id="linearGradient4420"
inkscape:collect="always">
<stop
id="stop4422"
offset="0"
style="stop-color:#ffffff;stop-opacity:1;" />
<stop
id="stop4424"
offset="1"
style="stop-color:#ffffff;stop-opacity:0;" />
</linearGradient>
<linearGradient
id="linearGradient4412"
inkscape:collect="always">
<stop
id="stop4414"
offset="0"
style="stop-color:#ffffff;stop-opacity:1;" />
<stop
id="stop4416"
offset="1"
style="stop-color:#ffffff;stop-opacity:0;" />
</linearGradient>
<linearGradient
id="linearGradient4400">
<stop
id="stop4402"
offset="0"
style="stop-color:#979797;stop-opacity:1;" />
<stop
id="stop4404"
offset="1.0000000"
style="stop-color:#c8c8c8;stop-opacity:1.0000000;" />
</linearGradient>
<linearGradient
id="linearGradient4386">
<stop
id="stop4388"
offset="0.0000000"
style="stop-color:#d2d2d2;stop-opacity:1.0000000;" />
<stop
id="stop4390"
offset="1.0000000"
style="stop-color:#dfdfdf;stop-opacity:1.0000000;" />
</linearGradient>
<linearGradient
gradientTransform="translate(-5.088571e-7,0.404062)"
gradientUnits="userSpaceOnUse"
y2="10.018264"
x2="23.233509"
y1="34.463955"
x1="24.349752"
id="linearGradient4392"
xlink:href="#linearGradient4386"
inkscape:collect="always" />
<linearGradient
gradientTransform="matrix(0.955932,0,0,1,0.869911,0)"
gradientUnits="userSpaceOnUse"
y2="26.7868"
x2="22.311644"
y1="26.887815"
x1="27.324621"
id="linearGradient4418"
xlink:href="#linearGradient4412"
inkscape:collect="always" />
<linearGradient
gradientTransform="matrix(0.955932,0,0,1,0.869911,0)"
gradientUnits="userSpaceOnUse"
y2="26.7868"
x2="22.311644"
y1="26.887815"
x1="27.324621"
id="linearGradient4426"
xlink:href="#linearGradient4420"
inkscape:collect="always" />
<linearGradient
gradientTransform="translate(2.707105,0)"
y2="30.928421"
x2="16.36447"
y1="39.918777"
x1="16.36447"
gradientUnits="userSpaceOnUse"
id="linearGradient4459"
xlink:href="#linearGradient4449"
inkscape:collect="always" />
<linearGradient
y2="30.928421"
x2="16.36447"
y1="39.918777"
x1="16.36447"
gradientTransform="translate(4.707105,0)"
gradientUnits="userSpaceOnUse"
id="linearGradient4463"
xlink:href="#linearGradient4449"
inkscape:collect="always" />
<linearGradient
y2="30.928421"
x2="16.36447"
y1="39.918777"
x1="16.36447"
gradientTransform="translate(6.707105,0)"
gradientUnits="userSpaceOnUse"
id="linearGradient4467"
xlink:href="#linearGradient4449"
inkscape:collect="always" />
<linearGradient
y2="30.928421"
x2="16.36447"
y1="39.918777"
x1="16.36447"
gradientTransform="translate(8.707105,0)"
gradientUnits="userSpaceOnUse"
id="linearGradient4471"
xlink:href="#linearGradient4449"
inkscape:collect="always" />
<linearGradient
y2="30.928421"
x2="16.36447"
y1="39.918777"
x1="16.36447"
gradientTransform="translate(10.70714,0)"
gradientUnits="userSpaceOnUse"
id="linearGradient4475"
xlink:href="#linearGradient4449"
inkscape:collect="always" />
<linearGradient
y2="30.928421"
x2="16.36447"
y1="39.918777"
x1="16.36447"
gradientTransform="translate(12.70714,0)"
gradientUnits="userSpaceOnUse"
id="linearGradient4479"
xlink:href="#linearGradient4449"
inkscape:collect="always" />
<linearGradient
gradientTransform="translate(1.61624,0)"
y2="30.928421"
x2="16.36447"
y1="39.918777"
x1="16.36447"
gradientUnits="userSpaceOnUse"
id="linearGradient4495"
xlink:href="#linearGradient4509"
inkscape:collect="always" />
<linearGradient
y2="30.928421"
x2="16.36447"
y1="39.918777"
x1="16.36447"
gradientTransform="translate(3.61624,0)"
gradientUnits="userSpaceOnUse"
id="linearGradient4497"
xlink:href="#linearGradient4509"
inkscape:collect="always" />
<linearGradient
y2="30.928421"
x2="16.36447"
y1="39.918777"
x1="16.36447"
gradientTransform="translate(5.61624,0)"
gradientUnits="userSpaceOnUse"
id="linearGradient4499"
xlink:href="#linearGradient4509"
inkscape:collect="always" />
<linearGradient
y2="30.928421"
x2="16.36447"
y1="39.918777"
x1="16.36447"
gradientTransform="translate(7.61624,0)"
gradientUnits="userSpaceOnUse"
id="linearGradient4501"
xlink:href="#linearGradient4509"
inkscape:collect="always" />
<linearGradient
y2="30.928421"
x2="16.36447"
y1="39.918777"
x1="16.36447"
gradientTransform="translate(9.616235,0)"
gradientUnits="userSpaceOnUse"
id="linearGradient4503"
xlink:href="#linearGradient4509"
inkscape:collect="always" />
<linearGradient
y2="30.928421"
x2="16.36447"
y1="39.918777"
x1="16.36447"
gradientTransform="translate(11.61632,0)"
gradientUnits="userSpaceOnUse"
id="linearGradient4505"
xlink:href="#linearGradient4509"
inkscape:collect="always" />
<linearGradient
y2="117.8271"
x2="15.343062"
y1="117.8271"
x1="1.6422368"
gradientTransform="matrix(3.4493389,0,0,0.25191727,-5.2940465,-5.0632428)"
gradientUnits="userSpaceOnUse"
id="linearGradient5397"
xlink:href="#linearGradient158"
inkscape:collect="always" />
<linearGradient
y2="372.57819"
x2="5.0856376"
y1="372.57819"
x1="0.61210024"
gradientTransform="matrix(10.282687,0,0,0.15269994,-5.2940465,-31.240165)"
gradientUnits="userSpaceOnUse"
id="linearGradient5399"
xlink:href="#linearGradient272"
inkscape:collect="always" />
<linearGradient
y2="372.57819"
x2="5.0856376"
y1="372.57819"
x1="0.61210024"
gradientTransform="matrix(10.282687,0,0,0.1578157,-5.2940465,-29.854606)"
gradientUnits="userSpaceOnUse"
id="linearGradient5401"
xlink:href="#linearGradient272"
inkscape:collect="always" />
<linearGradient
y2="117.8271"
x2="15.343062"
y1="117.8271"
x1="1.6422368"
gradientTransform="matrix(3.4493389,0,0,0.10194607,-5.2940465,12.322378)"
gradientUnits="userSpaceOnUse"
id="linearGradient5403"
xlink:href="#linearGradient178"
inkscape:collect="always" />
</defs>
<sodipodi:namedview
inkscape:showpageshadow="false"
showborder="true"
inkscape:window-y="58"
inkscape:window-x="160"
inkscape:window-height="956"
inkscape:window-width="1188"
inkscape:document-units="px"
inkscape:grid-bbox="true"
showgrid="true"
inkscape:current-layer="layer1"
inkscape:cy="12.544023"
inkscape:cx="76.031199"
inkscape:zoom="5.270675"
inkscape:pageshadow="2"
inkscape:pageopacity="0.0"
borderopacity="0.6627451"
bordercolor="#666666"
pagecolor="#ffffff"
id="base"
showguides="true"
inkscape:guide-bbox="true"
inkscape:window-maximized="0">
<inkscape:grid
id="GridFromPre046Settings"
type="xygrid"
originx="0px"
originy="0px"
spacingx="1px"
spacingy="1px"
color="#3f3fff"
empcolor="#3f3fff"
opacity="0.15"
empopacity="0.38"
empspacing="4"
enabled="false" />
</sodipodi:namedview>
<metadata
id="metadata4">
<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>
<dc:creator>
<cc:Agent>
<dc:title>Jakub Steiner</dc:title>
</cc:Agent>
</dc:creator>
<dc:source>http://jimmac.musichall.cz</dc:source>
<cc:license
rdf:resource="http://creativecommons.org/licenses/by/2.0/" />
<dc:subject>
<rdf:Bag>
<rdf:li>server</rdf:li>
<rdf:li>daemon</rdf:li>
<rdf:li>comupetr</rdf:li>
<rdf:li>lan</rdf:li>
<rdf:li>service</rdf:li>
<rdf:li>provider</rdf:li>
</rdf:Bag>
</dc:subject>
<dc:contributor>
<cc:Agent>
<dc:title>Garrett LeSage</dc:title>
</cc:Agent>
</dc:contributor>
</cc:Work>
<cc:License
rdf:about="http://creativecommons.org/licenses/by/2.0/">
<cc:permits
rdf:resource="http://web.resource.org/cc/Reproduction" />
<cc:permits
rdf:resource="http://web.resource.org/cc/Distribution" />
<cc:requires
rdf:resource="http://web.resource.org/cc/Notice" />
<cc:requires
rdf:resource="http://web.resource.org/cc/Attribution" />
<cc:permits
rdf:resource="http://web.resource.org/cc/DerivativeWorks" />
<cc:requires
rdf:resource="http://web.resource.org/cc/ShareAlike" />
</cc:License>
</rdf:RDF>
</metadata>
<g
inkscape:groupmode="layer"
inkscape:label="Layer 1"
id="layer1"
transform="translate(0,-40)">
<g
id="g5075"
transform="matrix(2.7818035,0,0,1,-2.7304297,19.556009)">
<rect
y="23.238817"
x="0.99998939"
height="2.7611761"
width="45.999985"
id="rect69"
style="color:#000000;display:block;overflow:visible;visibility:visible;fill:url(#linearGradient5397);fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dashoffset:0;stroke-opacity:1;marker:none;marker-start:none;marker-mid:none;marker-end:none"
inkscape:r_cx="true"
inkscape:r_cy="true" />
<rect
y="25.311062"
x="0.99998939"
height="0.6831097"
width="45.999985"
id="rect255"
style="color:#000000;display:block;overflow:visible;visibility:visible;fill:url(#linearGradient5399);fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dashoffset:0;stroke-opacity:1;marker:none;marker-start:none;marker-mid:none;marker-end:none"
inkscape:r_cx="true"
inkscape:r_cy="true" />
<rect
y="22.999992"
x="0.99998939"
height="0.70599616"
width="45.999985"
id="rect250"
style="color:#000000;display:block;overflow:visible;visibility:visible;fill:url(#linearGradient5401);fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dashoffset:0;stroke-opacity:1;marker:none;marker-start:none;marker-mid:none;marker-end:none"
inkscape:r_cx="true"
inkscape:r_cy="true" />
<rect
y="23.775673"
x="0.99998939"
height="1.1173916"
width="45.999985"
id="rect176"
style="color:#000000;display:block;overflow:visible;visibility:visible;fill:url(#linearGradient5403);fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dashoffset:0;stroke-opacity:1;marker:none;marker-start:none;marker-mid:none;marker-end:none"
inkscape:r_cx="true"
inkscape:r_cy="true" />
</g>
</g>
</svg>