changeset 75:085280c48363

update decentralisation schemas after Simona's suggestions
author souliane <souliane@mailoo.org>
date Thu, 28 May 2015 01:48:17 +0200
parents 651c4049f32b
children d2ea666fb1dd
files locale/fr/LC_MESSAGES/django.po static/css/sat_website.css static/images/decentralisation/1_physical.png static/images/decentralisation/1_physical.svg static/images/decentralisation/2_logical_centralised.png static/images/decentralisation/2_logical_centralised.svg static/images/decentralisation/3_logical_decentralised.png static/images/decentralisation/3_logical_decentralised.svg static/images/decentralisation/4_logical_decentralised_self_hosting.png static/images/decentralisation/4_logical_decentralised_self_hosting.svg templates/sat_website/principles.html
diffstat 11 files changed, 594 insertions(+), 34 deletions(-) [+]
line wrap: on
line diff
--- a/locale/fr/LC_MESSAGES/django.po	Thu May 28 01:46:45 2015 +0200
+++ b/locale/fr/LC_MESSAGES/django.po	Thu May 28 01:48:17 2015 +0200
@@ -1596,17 +1596,7 @@
 "indirectement connecté au reste du monde.\n"
 "\t\t    "
 
-#: templates/sat_website/principles.html:90
-msgid ""
-"The dots represents Internet users, the lines represents physical links - "
-"server-to-server links for the central triangle, client-to-server links for "
-"the rest."
-msgstr ""
-"Les points représentent les utilisateurs d'Internet, les lignes représentent "
-"les connexions physiques (serveur-serveur pour le triangle central, client-"
-"serveur pour le reste)."
-
-#: templates/sat_website/principles.html:95
+#: templates/sat_website/principles.html:92
 msgid ""
 "\n"
 "\t\t    On the logical layer, you are directly connected to your usual "
@@ -1623,7 +1613,7 @@
 "utilisateur... il a trop de pouvoir.\n"
 "\t        "
 
-#: templates/sat_website/principles.html:101
+#: templates/sat_website/principles.html:98
 msgid ""
 "Centralised communication system on top of the physical layer - note that "
 "one user on the right who refuses to use such a system."
@@ -1631,7 +1621,7 @@
 "Système de communication centralisé par dessus la couche physique (remarquez "
 "l'utilisateur à droite qui refuse d'utiliser un tel système)."
 
-#: templates/sat_website/principles.html:106
+#: templates/sat_website/principles.html:103
 msgid ""
 "\n"
 "\t\t    Now what if your usual \"social network\" is decentralised? The main "
@@ -1657,7 +1647,7 @@
 "décentralisation.\n"
 "\t\t    "
 
-#: templates/sat_website/principles.html:113
+#: templates/sat_website/principles.html:110
 msgid ""
 "Decentralised communication system on top the physical layer - the user on "
 "the right is still resisting."
@@ -1665,7 +1655,7 @@
 "Système de communication décentralisé par dessus la couche physique "
 "(l'utilisateur à droite résiste toujours)."
 
-#: templates/sat_website/principles.html:118
+#: templates/sat_website/principles.html:115
 #, python-format
 msgid ""
 "\n"
@@ -1687,17 +1677,21 @@
 "de %(xmpp)s qui permet cela).\n"
 "\t\t    "
 
-#: templates/sat_website/principles.html:124
+#: templates/sat_website/principles.html:121
+#| msgid ""
+#| "Decentralised communication system with self-hosting ability - the dot on "
+#| "the right is still an Internet user, but for the service it's both a user "
+#| "and a server."
 msgid ""
 "Decentralised communication system with self-hosting ability - the dot on "
-"the right is still an Internet user, but for the service it's both a user "
-"and a server."
+"the right is still an Internet user, but for the communication service it's "
+"both a user and a server."
 msgstr ""
 "Système de communication décentralisé avec possibilité d'auto-hébergement "
 "(l'utilisateur à droite est toujours un utilisateur d'Internet, mais pour le "
-"service il est à la fois utilisateur et serveur)."
+"service de communication il est à la fois utilisateur et serveur)."
 
-#: templates/sat_website/principles.html:129
+#: templates/sat_website/principles.html:126
 #, python-format
 msgid ""
 "\n"
@@ -1720,7 +1714,7 @@
 "détails !\n"
 "\t\t    "
 
-#: templates/sat_website/principles.html:134
+#: templates/sat_website/principles.html:131
 #, python-format
 msgid ""
 "\n"
@@ -1738,11 +1732,11 @@
 "bon début.\n"
 "\t\t\t"
 
-#: templates/sat_website/principles.html:143
+#: templates/sat_website/principles.html:140
 msgid "Standard"
 msgstr "Standard"
 
-#: templates/sat_website/principles.html:147
+#: templates/sat_website/principles.html:144
 #, python-format
 msgid ""
 "Using a standard protocol is a key point: it's robust, widely used, tested "
@@ -1755,7 +1749,7 @@
 "publiquement, il y a des débats pour faire les choses de la meilleure façon, "
 "et la %(xsf)s est la garante de l'évolution et de la stabilité du protocole."
 
-#: templates/sat_website/principles.html:150
+#: templates/sat_website/principles.html:147
 #, python-format
 msgid ""
 "\n"
@@ -1775,11 +1769,11 @@
 "leurs utilisateurs. Ouvrez vos frontières !\n"
 "\t"
 
-#: templates/sat_website/principles.html:159
+#: templates/sat_website/principles.html:156
 msgid "Multiplatform"
 msgstr "Multiplate-forme"
 
-#: templates/sat_website/principles.html:163
+#: templates/sat_website/principles.html:160
 msgid ""
 "Since its beginning, the SàT project was made with other platforms in mind. "
 "It's only available on GNU/Linux so far (except of course Libervia, the web "
@@ -2209,3 +2203,12 @@
 msgstr ""
 "Merci de le lire attentivement, il contient les informations pour compléter "
 "votre adhésion."
+
+#~ msgid ""
+#~ "The dots represents Internet users, the lines represents physical links - "
+#~ "server-to-server links for the central triangle, client-to-server links "
+#~ "for the rest."
+#~ msgstr ""
+#~ "Les points représentent les utilisateurs d'Internet, les lignes "
+#~ "représentent les connexions physiques (serveur-serveur pour le triangle "
+#~ "central, client-serveur pour le reste)."
--- a/static/css/sat_website.css	Thu May 28 01:46:45 2015 +0200
+++ b/static/css/sat_website.css	Thu May 28 01:48:17 2015 +0200
@@ -245,4 +245,8 @@
 
 .banner a {
     float: right;
+}
+
+.schema {
+    width: 500px;
 }
\ No newline at end of file
Binary file static/images/decentralisation/1_physical.png has changed
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/static/images/decentralisation/1_physical.svg	Thu May 28 01:48:17 2015 +0200
@@ -0,0 +1,123 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/PR-SVG-20010719/DTD/svg10.dtd">
+<svg width="23cm" height="18cm" viewBox="18 -282 444 356" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+  <g>
+    <line style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" x1="100" y1="-200" x2="60" y2="-260"/>
+    <path style="fill: #000000" d="M 60 -260 C 62.0801,-261.387 65.547,-260.693 66.9338,-258.613 C 68.3205,-256.533 67.6271,-253.066 65.547,-251.679 C 63.4669,-250.293 60,-250.986 58.6132,-253.066 C 57.2265,-255.146 57.9199,-258.613 60,-260z"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" d="M 60 -260 C 62.0801,-261.387 65.547,-260.693 66.9338,-258.613 C 68.3205,-256.533 67.6271,-253.066 65.547,-251.679 C 63.4669,-250.293 60,-250.986 58.6132,-253.066 C 57.2265,-255.146 57.9199,-258.613 60,-260"/>
+  </g>
+  <g>
+    <line style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" x1="100" y1="-200" x2="160" y2="-280"/>
+    <path style="fill: #000000" d="M 160 -280 C 162,-278.5 162.5,-275 161,-273 C 159.5,-271 156,-270.5 154,-272 C 152,-273.5 151.5,-277 153,-279 C 154.5,-281 158,-281.5 160,-280z"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" d="M 160 -280 C 162,-278.5 162.5,-275 161,-273 C 159.5,-271 156,-270.5 154,-272 C 152,-273.5 151.5,-277 153,-279 C 154.5,-281 158,-281.5 160,-280"/>
+  </g>
+  <g>
+    <line style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" x1="100" y1="-200" x2="20" y2="-160"/>
+    <path style="fill: #000000" d="M 20 -160 C 18.882,-162.236 20,-165.59 22.2361,-166.708 C 24.4721,-167.826 27.8262,-166.708 28.9443,-164.472 C 30.0623,-162.236 28.9443,-158.882 26.7082,-157.764 C 24.4721,-156.646 21.118,-157.764 20,-160z"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" d="M 20 -160 C 18.882,-162.236 20,-165.59 22.2361,-166.708 C 24.4721,-167.826 27.8262,-166.708 28.9443,-164.472 C 30.0623,-162.236 28.9443,-158.882 26.7082,-157.764 C 24.4721,-156.646 21.118,-157.764 20,-160"/>
+  </g>
+  <g>
+    <line style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" x1="100" y1="-200" x2="140" y2="-40"/>
+    <path style="fill: #000000" d="M 140 -40 C 137.575,-39.3937 134.543,-41.2127 133.937,-43.638 C 133.33,-46.0634 135.149,-49.0951 137.575,-49.7014 C 140,-50.3078 143.032,-48.4887 143.638,-46.0634 C 144.244,-43.638 142.425,-40.6063 140,-40z"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" d="M 140 -40 C 137.575,-39.3937 134.543,-41.2127 133.937,-43.638 C 133.33,-46.0634 135.149,-49.0951 137.575,-49.7014 C 140,-50.3078 143.032,-48.4887 143.638,-46.0634 C 144.244,-43.638 142.425,-40.6063 140,-40"/>
+  </g>
+  <g>
+    <line style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" x1="300" y1="-200" x2="400" y2="-220"/>
+    <path style="fill: #000000" d="M 400 -220 C 400.49,-217.549 398.529,-214.607 396.078,-214.117 C 393.626,-213.626 390.684,-215.587 390.194,-218.039 C 389.704,-220.49 391.665,-223.432 394.117,-223.922 C 396.568,-224.413 399.51,-222.451 400,-220z"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" d="M 400 -220 C 400.49,-217.549 398.529,-214.607 396.078,-214.117 C 393.626,-213.626 390.684,-215.587 390.194,-218.039 C 389.704,-220.49 391.665,-223.432 394.117,-223.922 C 396.568,-224.413 399.51,-222.451 400,-220"/>
+  </g>
+  <g>
+    <line style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" x1="300" y1="-200" x2="260" y2="-260"/>
+    <path style="fill: #000000" d="M 260 -260 C 262.08,-261.387 265.547,-260.693 266.934,-258.613 C 268.321,-256.533 267.627,-253.066 265.547,-251.679 C 263.467,-250.293 260,-250.986 258.613,-253.066 C 257.226,-255.146 257.92,-258.613 260,-260z"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" d="M 260 -260 C 262.08,-261.387 265.547,-260.693 266.934,-258.613 C 268.321,-256.533 267.627,-253.066 265.547,-251.679 C 263.467,-250.293 260,-250.986 258.613,-253.066 C 257.226,-255.146 257.92,-258.613 260,-260"/>
+  </g>
+  <g>
+    <line style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" x1="300" y1="-200" x2="360" y2="-240"/>
+    <path style="fill: #000000" d="M 360 -240 C 361.387,-237.92 360.693,-234.453 358.613,-233.066 C 356.533,-231.679 353.066,-232.373 351.679,-234.453 C 350.293,-236.533 350.986,-240 353.066,-241.387 C 355.146,-242.774 358.613,-242.08 360,-240z"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" d="M 360 -240 C 361.387,-237.92 360.693,-234.453 358.613,-233.066 C 356.533,-231.679 353.066,-232.373 351.679,-234.453 C 350.293,-236.533 350.986,-240 353.066,-241.387 C 355.146,-242.774 358.613,-242.08 360,-240"/>
+  </g>
+  <g>
+    <line style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" x1="380" y1="-80" x2="300" y2="-60"/>
+    <path style="fill: #000000" d="M 300 -60 C 299.394,-62.4254 301.213,-65.4571 303.638,-66.0634 C 306.063,-66.6697 309.095,-64.8507 309.701,-62.4254 C 310.308,-60 308.489,-56.9683 306.063,-56.362 C 303.638,-55.7556 300.606,-57.5746 300,-60z"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" d="M 300 -60 C 299.394,-62.4254 301.213,-65.4571 303.638,-66.0634 C 306.063,-66.6697 309.095,-64.8507 309.701,-62.4254 C 310.308,-60 308.489,-56.9683 306.063,-56.362 C 303.638,-55.7556 300.606,-57.5746 300,-60"/>
+  </g>
+  <g>
+    <line style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" x1="380" y1="-80" x2="360" y2="-20"/>
+    <path style="fill: #000000" d="M 360 -20 C 357.628,-20.7906 356.047,-23.9528 356.838,-26.3246 C 357.628,-28.6963 360.791,-30.2774 363.162,-29.4868 C 365.534,-28.6963 367.115,-25.534 366.325,-23.1623 C 365.534,-20.7906 362.372,-19.2094 360,-20z"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" d="M 360 -20 C 357.628,-20.7906 356.047,-23.9528 356.838,-26.3246 C 357.628,-28.6963 360.791,-30.2774 363.162,-29.4868 C 365.534,-28.6963 367.115,-25.534 366.325,-23.1623 C 365.534,-20.7906 362.372,-19.2094 360,-20"/>
+  </g>
+  <g>
+    <line style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" x1="380" y1="-80" x2="440" y2="-40"/>
+    <path style="fill: #000000" d="M 440 -40 C 438.613,-37.9199 435.146,-37.2265 433.066,-38.6132 C 430.986,-40 430.293,-43.4669 431.679,-45.547 C 433.066,-47.6271 436.533,-48.3205 438.613,-46.9338 C 440.693,-45.547 441.387,-42.0801 440,-40z"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" d="M 440 -40 C 438.613,-37.9199 435.146,-37.2265 433.066,-38.6132 C 430.986,-40 430.293,-43.4669 431.679,-45.547 C 433.066,-47.6271 436.533,-48.3205 438.613,-46.9338 C 440.693,-45.547 441.387,-42.0801 440,-40"/>
+  </g>
+  <g>
+    <line style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" x1="380" y1="-80" x2="460" y2="-180"/>
+    <path style="fill: #000000" d="M 460 -180 C 461.952,-178.438 462.343,-174.924 460.781,-172.972 C 459.219,-171.02 455.705,-170.63 453.753,-172.191 C 451.801,-173.753 451.41,-177.267 452.972,-179.219 C 454.534,-181.171 458.048,-181.562 460,-180z"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" d="M 460 -180 C 461.952,-178.438 462.343,-174.924 460.781,-172.972 C 459.219,-171.02 455.705,-170.63 453.753,-172.191 C 451.801,-173.753 451.41,-177.267 452.972,-179.219 C 454.534,-181.171 458.048,-181.562 460,-180"/>
+  </g>
+  <line style="fill: none; fill-opacity:0; stroke-width: 2; stroke-dasharray: 4; stroke: #000000" x1="100" y1="-200" x2="300" y2="-200"/>
+  <line style="fill: none; fill-opacity:0; stroke-width: 2; stroke-dasharray: 4; stroke: #000000" x1="300" y1="-200" x2="380" y2="-80"/>
+  <g>
+    <line style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" x1="100" y1="-200" x2="60" y2="-100"/>
+    <path style="fill: #000000" d="M 60 -100 C 57.6788,-100.928 56.2861,-104.178 57.2146,-106.499 C 58.143,-108.821 61.3927,-110.213 63.7139,-109.285 C 66.0351,-108.356 67.4278,-105.107 66.4993,-102.785 C 65.5709,-100.464 62.3212,-99.0715 60,-100z"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" d="M 60 -100 C 57.6788,-100.928 56.2861,-104.178 57.2146,-106.499 C 58.143,-108.821 61.3927,-110.213 63.7139,-109.285 C 66.0351,-108.356 67.4278,-105.107 66.4993,-102.785 C 65.5709,-100.464 62.3212,-99.0715 60,-100"/>
+  </g>
+  <line style="fill: none; fill-opacity:0; stroke-width: 2; stroke-dasharray: 4; stroke: #000000" x1="97.7654" y1="-200.434" x2="381.124" y2="-79.8272"/>
+  <g>
+    <line style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" x1="239.445" y1="-140.131" x2="200" y2="-100"/>
+    <path style="fill: #000000" d="M 200 -100 C 198.217,-101.752 198.187,-105.288 199.939,-107.071 C 201.692,-108.854 205.227,-108.884 207.01,-107.132 C 208.793,-105.379 208.823,-101.844 207.071,-100.061 C 205.318,-98.278 201.783,-98.2475 200,-100z"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" d="M 200 -100 C 198.217,-101.752 198.187,-105.288 199.939,-107.071 C 201.692,-108.854 205.227,-108.884 207.01,-107.132 C 208.793,-105.379 208.823,-101.844 207.071,-100.061 C 205.318,-98.278 201.783,-98.2475 200,-100"/>
+  </g>
+  <g>
+    <line style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" x1="239.445" y1="-140.131" x2="260" y2="-100"/>
+    <path style="fill: #000000" d="M 260 -100 C 257.775,-98.8603 254.41,-99.9457 253.27,-102.171 C 252.131,-104.396 253.216,-107.761 255.441,-108.9 C 257.666,-110.04 261.031,-108.955 262.171,-106.73 C 263.31,-104.505 262.225,-101.14 260,-100z"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" d="M 260 -100 C 257.775,-98.8603 254.41,-99.9457 253.27,-102.171 C 252.131,-104.396 253.216,-107.761 255.441,-108.9 C 257.666,-110.04 261.031,-108.955 262.171,-106.73 C 263.31,-104.505 262.225,-101.14 260,-100"/>
+  </g>
+  <g>
+    <line style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" x1="239.445" y1="-140.131" x2="260" y2="-160"/>
+    <path style="fill: #000000" d="M 260 -160 C 261.738,-158.202 261.678,-154.667 259.88,-152.93 C 258.083,-151.192 254.548,-151.252 252.81,-153.05 C 251.072,-154.847 251.132,-158.382 252.93,-160.12 C 254.727,-161.857 258.262,-161.798 260,-160z"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" d="M 260 -160 C 261.738,-158.202 261.678,-154.667 259.88,-152.93 C 258.083,-151.192 254.548,-151.252 252.81,-153.05 C 251.072,-154.847 251.132,-158.382 252.93,-160.12 C 254.727,-161.857 258.262,-161.798 260,-160"/>
+  </g>
+  <g>
+    <ellipse style="fill: #ffffff" cx="100" cy="-200" rx="5" ry="5"/>
+    <ellipse style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" cx="100" cy="-200" rx="5" ry="5"/>
+  </g>
+  <g>
+    <ellipse style="fill: #ffffff" cx="300" cy="-200" rx="5" ry="5"/>
+    <ellipse style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" cx="300" cy="-200" rx="5" ry="5"/>
+  </g>
+  <g>
+    <ellipse style="fill: #ffffff" cx="380" cy="-80" rx="5" ry="5"/>
+    <ellipse style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" cx="380" cy="-80" rx="5" ry="5"/>
+  </g>
+  <g>
+    <ellipse style="fill: #ffffff" cx="240" cy="-140" rx="5" ry="5"/>
+    <ellipse style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" cx="240" cy="-140" rx="5" ry="5"/>
+  </g>
+  <g>
+    <ellipse style="fill: #000000" cx="25" cy="5" rx="5" ry="5"/>
+    <ellipse style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" cx="25" cy="5" rx="5" ry="5"/>
+  </g>
+  <g>
+    <ellipse style="fill: #ffffff" cx="25" cy="25" rx="5" ry="5"/>
+    <ellipse style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" cx="25" cy="25" rx="5" ry="5"/>
+  </g>
+  <line style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" x1="20" y1="50" x2="60" y2="50"/>
+  <line style="fill: none; fill-opacity:0; stroke-width: 2; stroke-dasharray: 4; stroke: #000000" x1="20" y1="70" x2="60" y2="70"/>
+  <text font-size="12.7998" style="fill: #000000;text-anchor:start;font-family:sans-serif;font-style:normal;font-weight:normal" x="50" y="10">
+    <tspan x="50" y="10">Internet user (client)</tspan>
+  </text>
+  <text font-size="12.7998" style="fill: #000000;text-anchor:start;font-family:sans-serif;font-style:normal;font-weight:normal" x="50" y="30">
+    <tspan x="50" y="30">Internet service provider (server)</tspan>
+  </text>
+  <text font-size="12.7998" style="fill: #000000;text-anchor:start;font-family:sans-serif;font-style:normal;font-weight:normal" x="80" y="50">
+    <tspan x="80" y="50">client-to-server physical link</tspan>
+  </text>
+  <text font-size="12.7998" style="fill: #000000;text-anchor:start;font-family:sans-serif;font-style:normal;font-weight:normal" x="80" y="70">
+    <tspan x="80" y="70">server-to-server physical link</tspan>
+  </text>
+  <text font-size="12.7998" style="fill: #000000;text-anchor:start;font-family:sans-serif;font-style:normal;font-weight:normal" x="142.956" y="6.57602">
+    <tspan x="142.956" y="6.57602"></tspan>
+  </text>
+</svg>
Binary file static/images/decentralisation/2_logical_centralised.png has changed
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/static/images/decentralisation/2_logical_centralised.svg	Thu May 28 01:48:17 2015 +0200
@@ -0,0 +1,126 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/PR-SVG-20010719/DTD/svg10.dtd">
+<svg width="23cm" height="15cm" viewBox="18 -282 444 296" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+  <g>
+    <line style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" x1="100" y1="-200" x2="60" y2="-260"/>
+    <path style="fill: #000000" d="M 60 -260 C 62.0801,-261.387 65.547,-260.693 66.9338,-258.613 C 68.3205,-256.533 67.6271,-253.066 65.547,-251.679 C 63.4669,-250.293 60,-250.986 58.6132,-253.066 C 57.2265,-255.146 57.9199,-258.613 60,-260z"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" d="M 60 -260 C 62.0801,-261.387 65.547,-260.693 66.9338,-258.613 C 68.3205,-256.533 67.6271,-253.066 65.547,-251.679 C 63.4669,-250.293 60,-250.986 58.6132,-253.066 C 57.2265,-255.146 57.9199,-258.613 60,-260"/>
+  </g>
+  <g>
+    <line style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" x1="100" y1="-200" x2="160" y2="-280"/>
+    <path style="fill: #000000" d="M 160 -280 C 162,-278.5 162.5,-275 161,-273 C 159.5,-271 156,-270.5 154,-272 C 152,-273.5 151.5,-277 153,-279 C 154.5,-281 158,-281.5 160,-280z"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" d="M 160 -280 C 162,-278.5 162.5,-275 161,-273 C 159.5,-271 156,-270.5 154,-272 C 152,-273.5 151.5,-277 153,-279 C 154.5,-281 158,-281.5 160,-280"/>
+  </g>
+  <g>
+    <line style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" x1="100" y1="-200" x2="20" y2="-160"/>
+    <path style="fill: #000000" d="M 20 -160 C 18.882,-162.236 20,-165.59 22.2361,-166.708 C 24.4721,-167.826 27.8262,-166.708 28.9443,-164.472 C 30.0623,-162.236 28.9443,-158.882 26.7082,-157.764 C 24.4721,-156.646 21.118,-157.764 20,-160z"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" d="M 20 -160 C 18.882,-162.236 20,-165.59 22.2361,-166.708 C 24.4721,-167.826 27.8262,-166.708 28.9443,-164.472 C 30.0623,-162.236 28.9443,-158.882 26.7082,-157.764 C 24.4721,-156.646 21.118,-157.764 20,-160"/>
+  </g>
+  <g>
+    <line style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" x1="100" y1="-200" x2="140" y2="-40"/>
+    <path style="fill: #000000" d="M 140 -40 C 137.575,-39.3937 134.543,-41.2127 133.937,-43.638 C 133.33,-46.0634 135.149,-49.0951 137.575,-49.7014 C 140,-50.3078 143.032,-48.4887 143.638,-46.0634 C 144.244,-43.638 142.425,-40.6063 140,-40z"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" d="M 140 -40 C 137.575,-39.3937 134.543,-41.2127 133.937,-43.638 C 133.33,-46.0634 135.149,-49.0951 137.575,-49.7014 C 140,-50.3078 143.032,-48.4887 143.638,-46.0634 C 144.244,-43.638 142.425,-40.6063 140,-40"/>
+  </g>
+  <g>
+    <line style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" x1="300" y1="-200" x2="400" y2="-220"/>
+    <path style="fill: #000000" d="M 400 -220 C 400.49,-217.549 398.529,-214.607 396.078,-214.117 C 393.626,-213.626 390.684,-215.587 390.194,-218.039 C 389.704,-220.49 391.665,-223.432 394.117,-223.922 C 396.568,-224.413 399.51,-222.451 400,-220z"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" d="M 400 -220 C 400.49,-217.549 398.529,-214.607 396.078,-214.117 C 393.626,-213.626 390.684,-215.587 390.194,-218.039 C 389.704,-220.49 391.665,-223.432 394.117,-223.922 C 396.568,-224.413 399.51,-222.451 400,-220"/>
+  </g>
+  <g>
+    <line style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" x1="300" y1="-200" x2="260" y2="-260"/>
+    <path style="fill: #000000" d="M 260 -260 C 262.08,-261.387 265.547,-260.693 266.934,-258.613 C 268.321,-256.533 267.627,-253.066 265.547,-251.679 C 263.467,-250.293 260,-250.986 258.613,-253.066 C 257.226,-255.146 257.92,-258.613 260,-260z"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" d="M 260 -260 C 262.08,-261.387 265.547,-260.693 266.934,-258.613 C 268.321,-256.533 267.627,-253.066 265.547,-251.679 C 263.467,-250.293 260,-250.986 258.613,-253.066 C 257.226,-255.146 257.92,-258.613 260,-260"/>
+  </g>
+  <g>
+    <line style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" x1="300" y1="-200" x2="360" y2="-240"/>
+    <path style="fill: #000000" d="M 360 -240 C 361.387,-237.92 360.693,-234.453 358.613,-233.066 C 356.533,-231.679 353.066,-232.373 351.679,-234.453 C 350.293,-236.533 350.986,-240 353.066,-241.387 C 355.146,-242.774 358.613,-242.08 360,-240z"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" d="M 360 -240 C 361.387,-237.92 360.693,-234.453 358.613,-233.066 C 356.533,-231.679 353.066,-232.373 351.679,-234.453 C 350.293,-236.533 350.986,-240 353.066,-241.387 C 355.146,-242.774 358.613,-242.08 360,-240"/>
+  </g>
+  <g>
+    <line style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" x1="380" y1="-80" x2="300" y2="-60"/>
+    <path style="fill: #000000" d="M 300 -60 C 299.394,-62.4254 301.213,-65.4571 303.638,-66.0634 C 306.063,-66.6697 309.095,-64.8507 309.701,-62.4254 C 310.308,-60 308.489,-56.9683 306.063,-56.362 C 303.638,-55.7556 300.606,-57.5746 300,-60z"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" d="M 300 -60 C 299.394,-62.4254 301.213,-65.4571 303.638,-66.0634 C 306.063,-66.6697 309.095,-64.8507 309.701,-62.4254 C 310.308,-60 308.489,-56.9683 306.063,-56.362 C 303.638,-55.7556 300.606,-57.5746 300,-60"/>
+  </g>
+  <g>
+    <line style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" x1="380" y1="-80" x2="360" y2="-20"/>
+    <path style="fill: #000000" d="M 360 -20 C 357.628,-20.7906 356.047,-23.9528 356.838,-26.3246 C 357.628,-28.6963 360.791,-30.2774 363.162,-29.4868 C 365.534,-28.6963 367.115,-25.534 366.325,-23.1623 C 365.534,-20.7906 362.372,-19.2094 360,-20z"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" d="M 360 -20 C 357.628,-20.7906 356.047,-23.9528 356.838,-26.3246 C 357.628,-28.6963 360.791,-30.2774 363.162,-29.4868 C 365.534,-28.6963 367.115,-25.534 366.325,-23.1623 C 365.534,-20.7906 362.372,-19.2094 360,-20"/>
+  </g>
+  <g>
+    <line style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" x1="380" y1="-80" x2="440" y2="-40"/>
+    <path style="fill: #000000" d="M 440 -40 C 438.613,-37.9199 435.146,-37.2265 433.066,-38.6132 C 430.986,-40 430.293,-43.4669 431.679,-45.547 C 433.066,-47.6271 436.533,-48.3205 438.613,-46.9338 C 440.693,-45.547 441.387,-42.0801 440,-40z"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" d="M 440 -40 C 438.613,-37.9199 435.146,-37.2265 433.066,-38.6132 C 430.986,-40 430.293,-43.4669 431.679,-45.547 C 433.066,-47.6271 436.533,-48.3205 438.613,-46.9338 C 440.693,-45.547 441.387,-42.0801 440,-40"/>
+  </g>
+  <g>
+    <line style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" x1="380" y1="-80" x2="460" y2="-180"/>
+    <path style="fill: #000000" d="M 460 -180 C 461.952,-178.438 462.343,-174.924 460.781,-172.972 C 459.219,-171.02 455.705,-170.63 453.753,-172.191 C 451.801,-173.753 451.41,-177.267 452.972,-179.219 C 454.534,-181.171 458.048,-181.562 460,-180z"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" d="M 460 -180 C 461.952,-178.438 462.343,-174.924 460.781,-172.972 C 459.219,-171.02 455.705,-170.63 453.753,-172.191 C 451.801,-173.753 451.41,-177.267 452.972,-179.219 C 454.534,-181.171 458.048,-181.562 460,-180"/>
+  </g>
+  <line style="fill: none; fill-opacity:0; stroke-width: 2; stroke-dasharray: 4; stroke: #000000" x1="100" y1="-200" x2="300" y2="-200"/>
+  <line style="fill: none; fill-opacity:0; stroke-width: 2; stroke-dasharray: 4; stroke: #000000" x1="300" y1="-200" x2="380" y2="-80"/>
+  <g>
+    <line style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" x1="100" y1="-200" x2="60" y2="-100"/>
+    <path style="fill: #000000" d="M 60 -100 C 57.6788,-100.928 56.2861,-104.178 57.2146,-106.499 C 58.143,-108.821 61.3927,-110.213 63.7139,-109.285 C 66.0351,-108.356 67.4278,-105.107 66.4993,-102.785 C 65.5709,-100.464 62.3212,-99.0715 60,-100z"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" d="M 60 -100 C 57.6788,-100.928 56.2861,-104.178 57.2146,-106.499 C 58.143,-108.821 61.3927,-110.213 63.7139,-109.285 C 66.0351,-108.356 67.4278,-105.107 66.4993,-102.785 C 65.5709,-100.464 62.3212,-99.0715 60,-100"/>
+  </g>
+  <line style="fill: none; fill-opacity:0; stroke-width: 2; stroke-dasharray: 4; stroke: #000000" x1="97.7654" y1="-200.434" x2="381.124" y2="-79.8272"/>
+  <g>
+    <line style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" x1="239.444" y1="-140.131" x2="200" y2="-100"/>
+    <path style="fill: #000000" d="M 200 -100 C 198.217,-101.752 198.187,-105.288 199.939,-107.071 C 201.691,-108.854 205.227,-108.884 207.01,-107.132 C 208.793,-105.379 208.823,-101.844 207.071,-100.061 C 205.318,-98.2781 201.783,-98.2476 200,-100z"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" d="M 200 -100 C 198.217,-101.752 198.187,-105.288 199.939,-107.071 C 201.691,-108.854 205.227,-108.884 207.01,-107.132 C 208.793,-105.379 208.823,-101.844 207.071,-100.061 C 205.318,-98.2781 201.783,-98.2476 200,-100"/>
+  </g>
+  <g>
+    <line style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" x1="239.444" y1="-140.131" x2="260" y2="-100"/>
+    <path style="fill: #000000" d="M 260 -100 C 257.775,-98.8603 254.41,-99.9456 253.27,-102.171 C 252.131,-104.396 253.216,-107.761 255.441,-108.9 C 257.666,-110.04 261.031,-108.955 262.171,-106.73 C 263.31,-104.505 262.225,-101.14 260,-100z"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" d="M 260 -100 C 257.775,-98.8603 254.41,-99.9456 253.27,-102.171 C 252.131,-104.396 253.216,-107.761 255.441,-108.9 C 257.666,-110.04 261.031,-108.955 262.171,-106.73 C 263.31,-104.505 262.225,-101.14 260,-100"/>
+  </g>
+  <g>
+    <line style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" x1="239.444" y1="-140.131" x2="260" y2="-160"/>
+    <path style="fill: #000000" d="M 260 -160 C 261.737,-158.202 261.677,-154.667 259.88,-152.93 C 258.082,-151.192 254.547,-151.253 252.81,-153.05 C 251.072,-154.848 251.132,-158.383 252.93,-160.12 C 254.727,-161.858 258.263,-161.798 260,-160z"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" d="M 260 -160 C 261.737,-158.202 261.677,-154.667 259.88,-152.93 C 258.082,-151.192 254.547,-151.253 252.81,-153.05 C 251.072,-154.848 251.132,-158.383 252.93,-160.12 C 254.727,-161.858 258.263,-161.798 260,-160"/>
+  </g>
+  <g>
+    <ellipse style="fill: #ffffff" cx="100" cy="-200" rx="5" ry="5"/>
+    <ellipse style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" cx="100" cy="-200" rx="5" ry="5"/>
+  </g>
+  <g>
+    <ellipse style="fill: #ffffff" cx="300" cy="-200" rx="5" ry="5"/>
+    <ellipse style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" cx="300" cy="-200" rx="5" ry="5"/>
+  </g>
+  <g>
+    <ellipse style="fill: #ffffff" cx="380" cy="-80" rx="5" ry="5"/>
+    <ellipse style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" cx="380" cy="-80" rx="5" ry="5"/>
+  </g>
+  <g>
+    <ellipse style="fill: #ffffff" cx="240" cy="-140" rx="5" ry="5"/>
+    <ellipse style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" cx="240" cy="-140" rx="5" ry="5"/>
+  </g>
+  <line style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #ff0000" x1="20" y1="10" x2="60" y2="10"/>
+  <text font-size="12.8" style="fill: #000000;text-anchor:start;font-family:sans-serif;font-style:normal;font-weight:normal" x="70" y="10">
+    <tspan x="70" y="10">client-to-server logical link (centralised)</tspan>
+  </text>
+  <line style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #ff0000" x1="296.675" y1="-204.988" x2="260" y2="-260"/>
+  <line style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #ff0000" x1="304.988" y1="-203.325" x2="360" y2="-240"/>
+  <line style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #ff0000" x1="305.856" y1="-201.301" x2="390" y2="-220"/>
+  <line style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #ff0000" x1="294.796" y1="-202.974" x2="160" y2="-280"/>
+  <line style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #ff0000" x1="294.185" y1="-201.454" x2="60" y2="-260"/>
+  <line style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #ff0000" x1="294.059" y1="-199.12" x2="30" y2="-160"/>
+  <line style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #ff0000" x1="294.456" y1="-197.69" x2="60" y2="-100"/>
+  <line style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #ff0000" x1="295.757" y1="-195.757" x2="140" y2="-40"/>
+  <line style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #ff0000" x1="297.771" y1="-194.427" x2="260" y2="-100"/>
+  <line style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #ff0000" x1="300" y1="-194.258" x2="300" y2="-60"/>
+  <line style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #ff0000" x1="301.899" y1="-194.304" x2="360" y2="-20"/>
+  <line style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #ff0000" x1="303.952" y1="-195.483" x2="440" y2="-40"/>
+  <text font-size="12.8" style="fill: #ff0000;text-anchor:start;font-family:sans-serif;font-style:normal;font-weight:normal" x="90" y="10">
+    <tspan x="90" y="10"></tspan>
+  </text>
+  <text font-size="12.8" style="fill: #000000;text-anchor:start;font-family:sans-serif;font-style:normal;font-weight:normal" x="118" y="4.25">
+    <tspan x="118" y="4.25"></tspan>
+  </text>
+  <text font-size="12.8" style="fill: #000000;text-anchor:start;font-family:sans-serif;font-style:normal;font-weight:normal" x="205.772" y="2.6725">
+    <tspan x="205.772" y="2.6725"></tspan>
+  </text>
+  <text font-size="12.7998" style="fill: #90ee90;text-anchor:start;font-family:sans-serif;font-style:normal;font-weight:normal" x="352" y="5.5">
+    <tspan x="352" y="5.5"></tspan>
+  </text>
+</svg>
Binary file static/images/decentralisation/3_logical_decentralised.png has changed
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/static/images/decentralisation/3_logical_decentralised.svg	Thu May 28 01:48:17 2015 +0200
@@ -0,0 +1,147 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/PR-SVG-20010719/DTD/svg10.dtd">
+<svg width="23cm" height="16cm" viewBox="18 -282 444 316" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+  <g>
+    <line style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" x1="100" y1="-200" x2="60" y2="-260"/>
+    <path style="fill: #000000" d="M 60 -260 C 62.0801,-261.387 65.547,-260.693 66.9338,-258.613 C 68.3205,-256.533 67.6271,-253.066 65.547,-251.679 C 63.4669,-250.293 60,-250.986 58.6132,-253.066 C 57.2265,-255.146 57.9199,-258.613 60,-260z"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" d="M 60 -260 C 62.0801,-261.387 65.547,-260.693 66.9338,-258.613 C 68.3205,-256.533 67.6271,-253.066 65.547,-251.679 C 63.4669,-250.293 60,-250.986 58.6132,-253.066 C 57.2265,-255.146 57.9199,-258.613 60,-260"/>
+  </g>
+  <g>
+    <line style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" x1="100" y1="-200" x2="160" y2="-280"/>
+    <path style="fill: #000000" d="M 160 -280 C 162,-278.5 162.5,-275 161,-273 C 159.5,-271 156,-270.5 154,-272 C 152,-273.5 151.5,-277 153,-279 C 154.5,-281 158,-281.5 160,-280z"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" d="M 160 -280 C 162,-278.5 162.5,-275 161,-273 C 159.5,-271 156,-270.5 154,-272 C 152,-273.5 151.5,-277 153,-279 C 154.5,-281 158,-281.5 160,-280"/>
+  </g>
+  <g>
+    <line style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" x1="100" y1="-200" x2="20" y2="-160"/>
+    <path style="fill: #000000" d="M 20 -160 C 18.882,-162.236 20,-165.59 22.2361,-166.708 C 24.4721,-167.826 27.8262,-166.708 28.9443,-164.472 C 30.0623,-162.236 28.9443,-158.882 26.7082,-157.764 C 24.4721,-156.646 21.118,-157.764 20,-160z"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" d="M 20 -160 C 18.882,-162.236 20,-165.59 22.2361,-166.708 C 24.4721,-167.826 27.8262,-166.708 28.9443,-164.472 C 30.0623,-162.236 28.9443,-158.882 26.7082,-157.764 C 24.4721,-156.646 21.118,-157.764 20,-160"/>
+  </g>
+  <g>
+    <line style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" x1="100" y1="-200" x2="140" y2="-40"/>
+    <path style="fill: #000000" d="M 140 -40 C 137.575,-39.3937 134.543,-41.2127 133.937,-43.638 C 133.33,-46.0634 135.149,-49.0951 137.575,-49.7014 C 140,-50.3078 143.032,-48.4887 143.638,-46.0634 C 144.244,-43.638 142.425,-40.6063 140,-40z"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" d="M 140 -40 C 137.575,-39.3937 134.543,-41.2127 133.937,-43.638 C 133.33,-46.0634 135.149,-49.0951 137.575,-49.7014 C 140,-50.3078 143.032,-48.4887 143.638,-46.0634 C 144.244,-43.638 142.425,-40.6063 140,-40"/>
+  </g>
+  <g>
+    <line style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" x1="300" y1="-200" x2="400" y2="-220"/>
+    <path style="fill: #000000" d="M 400 -220 C 400.49,-217.549 398.529,-214.607 396.078,-214.117 C 393.626,-213.626 390.684,-215.587 390.194,-218.039 C 389.704,-220.49 391.665,-223.432 394.117,-223.922 C 396.568,-224.413 399.51,-222.451 400,-220z"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" d="M 400 -220 C 400.49,-217.549 398.529,-214.607 396.078,-214.117 C 393.626,-213.626 390.684,-215.587 390.194,-218.039 C 389.704,-220.49 391.665,-223.432 394.117,-223.922 C 396.568,-224.413 399.51,-222.451 400,-220"/>
+  </g>
+  <g>
+    <line style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" x1="300" y1="-200" x2="260" y2="-260"/>
+    <path style="fill: #000000" d="M 260 -260 C 262.08,-261.387 265.547,-260.693 266.934,-258.613 C 268.321,-256.533 267.627,-253.066 265.547,-251.679 C 263.467,-250.293 260,-250.986 258.613,-253.066 C 257.226,-255.146 257.92,-258.613 260,-260z"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" d="M 260 -260 C 262.08,-261.387 265.547,-260.693 266.934,-258.613 C 268.321,-256.533 267.627,-253.066 265.547,-251.679 C 263.467,-250.293 260,-250.986 258.613,-253.066 C 257.226,-255.146 257.92,-258.613 260,-260"/>
+  </g>
+  <g>
+    <line style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" x1="300" y1="-200" x2="360" y2="-240"/>
+    <path style="fill: #000000" d="M 360 -240 C 361.387,-237.92 360.693,-234.453 358.613,-233.066 C 356.533,-231.679 353.066,-232.373 351.679,-234.453 C 350.293,-236.533 350.986,-240 353.066,-241.387 C 355.146,-242.774 358.613,-242.08 360,-240z"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" d="M 360 -240 C 361.387,-237.92 360.693,-234.453 358.613,-233.066 C 356.533,-231.679 353.066,-232.373 351.679,-234.453 C 350.293,-236.533 350.986,-240 353.066,-241.387 C 355.146,-242.774 358.613,-242.08 360,-240"/>
+  </g>
+  <g>
+    <line style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" x1="380" y1="-80" x2="300" y2="-60"/>
+    <path style="fill: #000000" d="M 300 -60 C 299.394,-62.4254 301.213,-65.4571 303.638,-66.0634 C 306.063,-66.6697 309.095,-64.8507 309.701,-62.4254 C 310.308,-60 308.489,-56.9683 306.063,-56.362 C 303.638,-55.7556 300.606,-57.5746 300,-60z"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" d="M 300 -60 C 299.394,-62.4254 301.213,-65.4571 303.638,-66.0634 C 306.063,-66.6697 309.095,-64.8507 309.701,-62.4254 C 310.308,-60 308.489,-56.9683 306.063,-56.362 C 303.638,-55.7556 300.606,-57.5746 300,-60"/>
+  </g>
+  <g>
+    <line style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" x1="380" y1="-80" x2="360" y2="-20"/>
+    <path style="fill: #000000" d="M 360 -20 C 357.628,-20.7906 356.047,-23.9528 356.838,-26.3246 C 357.628,-28.6963 360.791,-30.2774 363.162,-29.4868 C 365.534,-28.6963 367.115,-25.534 366.325,-23.1623 C 365.534,-20.7906 362.372,-19.2094 360,-20z"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" d="M 360 -20 C 357.628,-20.7906 356.047,-23.9528 356.838,-26.3246 C 357.628,-28.6963 360.791,-30.2774 363.162,-29.4868 C 365.534,-28.6963 367.115,-25.534 366.325,-23.1623 C 365.534,-20.7906 362.372,-19.2094 360,-20"/>
+  </g>
+  <g>
+    <line style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" x1="380" y1="-80" x2="440" y2="-40"/>
+    <path style="fill: #000000" d="M 440 -40 C 438.613,-37.9199 435.146,-37.2265 433.066,-38.6132 C 430.986,-40 430.293,-43.4669 431.679,-45.547 C 433.066,-47.6271 436.533,-48.3205 438.613,-46.9338 C 440.693,-45.547 441.387,-42.0801 440,-40z"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" d="M 440 -40 C 438.613,-37.9199 435.146,-37.2265 433.066,-38.6132 C 430.986,-40 430.293,-43.4669 431.679,-45.547 C 433.066,-47.6271 436.533,-48.3205 438.613,-46.9338 C 440.693,-45.547 441.387,-42.0801 440,-40"/>
+  </g>
+  <g>
+    <line style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" x1="380" y1="-80" x2="460" y2="-180"/>
+    <path style="fill: #000000" d="M 460 -180 C 461.952,-178.438 462.343,-174.924 460.781,-172.972 C 459.219,-171.02 455.705,-170.63 453.753,-172.191 C 451.801,-173.753 451.41,-177.267 452.972,-179.219 C 454.534,-181.171 458.048,-181.562 460,-180z"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" d="M 460 -180 C 461.952,-178.438 462.343,-174.924 460.781,-172.972 C 459.219,-171.02 455.705,-170.63 453.753,-172.191 C 451.801,-173.753 451.41,-177.267 452.972,-179.219 C 454.534,-181.171 458.048,-181.562 460,-180"/>
+  </g>
+  <line style="fill: none; fill-opacity:0; stroke-width: 2; stroke-dasharray: 4; stroke: #90ee90" x1="100" y1="-200" x2="300" y2="-200"/>
+  <line style="fill: none; fill-opacity:0; stroke-width: 2; stroke-dasharray: 4; stroke: #90ee90" x1="300" y1="-200" x2="380" y2="-80"/>
+  <g>
+    <line style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" x1="100" y1="-200" x2="60" y2="-100"/>
+    <path style="fill: #000000" d="M 60 -100 C 57.6788,-100.928 56.2861,-104.178 57.2146,-106.499 C 58.143,-108.821 61.3927,-110.213 63.7139,-109.285 C 66.0351,-108.356 67.4278,-105.107 66.4993,-102.785 C 65.5709,-100.464 62.3212,-99.0715 60,-100z"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" d="M 60 -100 C 57.6788,-100.928 56.2861,-104.178 57.2146,-106.499 C 58.143,-108.821 61.3927,-110.213 63.7139,-109.285 C 66.0351,-108.356 67.4278,-105.107 66.4993,-102.785 C 65.5709,-100.464 62.3212,-99.0715 60,-100"/>
+  </g>
+  <line style="fill: none; fill-opacity:0; stroke-width: 2; stroke-dasharray: 4; stroke: #90ee90" x1="97.7654" y1="-200.434" x2="381.124" y2="-79.8272"/>
+  <g>
+    <line style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" x1="239.445" y1="-140.131" x2="200" y2="-100"/>
+    <path style="fill: #000000" d="M 200 -100 C 198.217,-101.752 198.187,-105.288 199.939,-107.071 C 201.692,-108.854 205.227,-108.884 207.01,-107.132 C 208.793,-105.379 208.823,-101.844 207.071,-100.061 C 205.318,-98.278 201.783,-98.2475 200,-100z"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" d="M 200 -100 C 198.217,-101.752 198.187,-105.288 199.939,-107.071 C 201.692,-108.854 205.227,-108.884 207.01,-107.132 C 208.793,-105.379 208.823,-101.844 207.071,-100.061 C 205.318,-98.278 201.783,-98.2475 200,-100"/>
+  </g>
+  <g>
+    <line style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" x1="239.445" y1="-140.131" x2="260" y2="-100"/>
+    <path style="fill: #000000" d="M 260 -100 C 257.775,-98.8603 254.41,-99.9457 253.27,-102.171 C 252.131,-104.396 253.216,-107.761 255.441,-108.9 C 257.666,-110.04 261.031,-108.955 262.171,-106.73 C 263.31,-104.505 262.225,-101.14 260,-100z"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" d="M 260 -100 C 257.775,-98.8603 254.41,-99.9457 253.27,-102.171 C 252.131,-104.396 253.216,-107.761 255.441,-108.9 C 257.666,-110.04 261.031,-108.955 262.171,-106.73 C 263.31,-104.505 262.225,-101.14 260,-100"/>
+  </g>
+  <g>
+    <line style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" x1="239.445" y1="-140.131" x2="260" y2="-160"/>
+    <path style="fill: #000000" d="M 260 -160 C 261.738,-158.202 261.678,-154.667 259.88,-152.93 C 258.083,-151.192 254.548,-151.252 252.81,-153.05 C 251.072,-154.847 251.132,-158.382 252.93,-160.12 C 254.727,-161.857 258.262,-161.798 260,-160z"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" d="M 260 -160 C 261.738,-158.202 261.678,-154.667 259.88,-152.93 C 258.083,-151.192 254.548,-151.252 252.81,-153.05 C 251.072,-154.847 251.132,-158.382 252.93,-160.12 C 254.727,-161.857 258.262,-161.798 260,-160"/>
+  </g>
+  <g>
+    <ellipse style="fill: #ffffff" cx="100" cy="-200" rx="5" ry="5"/>
+    <ellipse style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" cx="100" cy="-200" rx="5" ry="5"/>
+  </g>
+  <g>
+    <ellipse style="fill: #ffffff" cx="300" cy="-200" rx="5" ry="5"/>
+    <ellipse style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" cx="300" cy="-200" rx="5" ry="5"/>
+  </g>
+  <g>
+    <ellipse style="fill: #ffffff" cx="380" cy="-80" rx="5" ry="5"/>
+    <ellipse style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" cx="380" cy="-80" rx="5" ry="5"/>
+  </g>
+  <g>
+    <ellipse style="fill: #ffffff" cx="240" cy="-140" rx="5" ry="5"/>
+    <ellipse style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" cx="240" cy="-140" rx="5" ry="5"/>
+  </g>
+  <line style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #90ee90" x1="20" y1="10" x2="60" y2="10"/>
+  <text font-size="12.8" style="fill: #000000;text-anchor:start;font-family:sans-serif;font-style:normal;font-weight:normal" x="70" y="10">
+    <tspan x="70" y="10">client-to-server logical link (decentralised)</tspan>
+  </text>
+  <text font-size="12.8" style="fill: #ff0000;text-anchor:start;font-family:sans-serif;font-style:normal;font-weight:normal" x="90" y="10">
+    <tspan x="90" y="10"></tspan>
+  </text>
+  <text font-size="12.7998" style="fill: #000000;text-anchor:start;font-family:sans-serif;font-style:normal;font-weight:normal" x="118" y="4.25">
+    <tspan x="118" y="4.25"></tspan>
+  </text>
+  <text font-size="12.7998" style="fill: #000000;text-anchor:start;font-family:sans-serif;font-style:normal;font-weight:normal" x="205.772" y="2.6725">
+    <tspan x="205.772" y="2.6725"></tspan>
+  </text>
+  <line style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #90ee90" x1="296.675" y1="-204.988" x2="260" y2="-260"/>
+  <line style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #90ee90" x1="304.988" y1="-203.325" x2="360" y2="-240"/>
+  <line style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #90ee90" x1="305.872" y1="-201.174" x2="400" y2="-220"/>
+  <line style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #90ee90" x1="103.589" y1="-204.785" x2="160" y2="-280"/>
+  <line style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #90ee90" x1="96.6748" y1="-204.988" x2="60" y2="-260"/>
+  <line style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #90ee90" x1="94.6387" y1="-197.319" x2="20" y2="-160"/>
+  <line style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #90ee90" x1="97.771" y1="-194.427" x2="60" y2="-100"/>
+  <line style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #90ee90" x1="101.458" y1="-194.17" x2="140" y2="-40"/>
+  <line style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #90ee90" x1="235.757" y1="-135.757" x2="200" y2="-100"/>
+  <line style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #90ee90" x1="242.681" y1="-134.639" x2="260" y2="-100"/>
+  <line style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #90ee90" x1="239.445" y1="-140.131" x2="260" y2="-160"/>
+  <line style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #90ee90" x1="374.17" y1="-78.5425" x2="300" y2="-60"/>
+  <line style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #90ee90" x1="378.103" y1="-74.3091" x2="360" y2="-20"/>
+  <line style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #90ee90" x1="384.988" y1="-76.6748" x2="440" y2="-40"/>
+  <text font-size="12.7998" style="fill: #90ee90;text-anchor:start;font-family:sans-serif;font-style:normal;font-weight:normal" x="290" y="10">
+    <tspan x="290" y="10"></tspan>
+  </text>
+  <line style="fill: none; fill-opacity:0; stroke-width: 2; stroke-dasharray: 4; stroke: #90ee90" x1="20" y1="30" x2="60" y2="30"/>
+  <text font-size="12.8" style="fill: #000000;text-anchor:start;font-family:sans-serif;font-style:normal;font-weight:normal" x="70" y="30">
+    <tspan x="70" y="30">server-to-server logical link (decentralised)</tspan>
+  </text>
+  <text font-size="12.8" style="fill: #ff0000;text-anchor:start;font-family:sans-serif;font-style:normal;font-weight:normal" x="90" y="30">
+    <tspan x="90" y="30"></tspan>
+  </text>
+  <text font-size="12.7998" style="fill: #000000;text-anchor:start;font-family:sans-serif;font-style:normal;font-weight:normal" x="118" y="24.25">
+    <tspan x="118" y="24.25"></tspan>
+  </text>
+  <text font-size="12.7998" style="fill: #000000;text-anchor:start;font-family:sans-serif;font-style:normal;font-weight:normal" x="205.772" y="22.6725">
+    <tspan x="205.772" y="22.6725"></tspan>
+  </text>
+  <text font-size="12.7998" style="fill: #90ee90;text-anchor:start;font-family:sans-serif;font-style:normal;font-weight:normal" x="290" y="30">
+    <tspan x="290" y="30"></tspan>
+  </text>
+  <text font-size="12.7998" style="fill: #90ee90;text-anchor:start;font-family:sans-serif;font-style:normal;font-weight:normal" x="80" y="30">
+    <tspan x="80" y="30"></tspan>
+  </text>
+</svg>
Binary file static/images/decentralisation/4_logical_decentralised_self_hosting.png has changed
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/static/images/decentralisation/4_logical_decentralised_self_hosting.svg	Thu May 28 01:48:17 2015 +0200
@@ -0,0 +1,160 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/PR-SVG-20010719/DTD/svg10.dtd">
+<svg width="23cm" height="15cm" viewBox="18 -282 445 296" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+  <g>
+    <line style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" x1="100" y1="-200" x2="60" y2="-260"/>
+    <path style="fill: #000000" d="M 60 -260 C 62.0801,-261.387 65.547,-260.693 66.9338,-258.613 C 68.3205,-256.533 67.6271,-253.066 65.547,-251.679 C 63.4669,-250.293 60,-250.986 58.6132,-253.066 C 57.2265,-255.146 57.9199,-258.613 60,-260z"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" d="M 60 -260 C 62.0801,-261.387 65.547,-260.693 66.9338,-258.613 C 68.3205,-256.533 67.6271,-253.066 65.547,-251.679 C 63.4669,-250.293 60,-250.986 58.6132,-253.066 C 57.2265,-255.146 57.9199,-258.613 60,-260"/>
+  </g>
+  <g>
+    <line style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" x1="100" y1="-200" x2="160" y2="-280"/>
+    <path style="fill: #000000" d="M 160 -280 C 162,-278.5 162.5,-275 161,-273 C 159.5,-271 156,-270.5 154,-272 C 152,-273.5 151.5,-277 153,-279 C 154.5,-281 158,-281.5 160,-280z"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" d="M 160 -280 C 162,-278.5 162.5,-275 161,-273 C 159.5,-271 156,-270.5 154,-272 C 152,-273.5 151.5,-277 153,-279 C 154.5,-281 158,-281.5 160,-280"/>
+  </g>
+  <g>
+    <line style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" x1="100" y1="-200" x2="20" y2="-160"/>
+    <path style="fill: #000000" d="M 20 -160 C 18.882,-162.236 20,-165.59 22.2361,-166.708 C 24.4721,-167.826 27.8262,-166.708 28.9443,-164.472 C 30.0623,-162.236 28.9443,-158.882 26.7082,-157.764 C 24.4721,-156.646 21.118,-157.764 20,-160z"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" d="M 20 -160 C 18.882,-162.236 20,-165.59 22.2361,-166.708 C 24.4721,-167.826 27.8262,-166.708 28.9443,-164.472 C 30.0623,-162.236 28.9443,-158.882 26.7082,-157.764 C 24.4721,-156.646 21.118,-157.764 20,-160"/>
+  </g>
+  <g>
+    <line style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" x1="100" y1="-200" x2="140" y2="-40"/>
+    <path style="fill: #000000" d="M 140 -40 C 137.575,-39.3937 134.543,-41.2127 133.937,-43.638 C 133.33,-46.0634 135.149,-49.0951 137.575,-49.7014 C 140,-50.3078 143.032,-48.4887 143.638,-46.0634 C 144.244,-43.638 142.425,-40.6063 140,-40z"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" d="M 140 -40 C 137.575,-39.3937 134.543,-41.2127 133.937,-43.638 C 133.33,-46.0634 135.149,-49.0951 137.575,-49.7014 C 140,-50.3078 143.032,-48.4887 143.638,-46.0634 C 144.244,-43.638 142.425,-40.6063 140,-40"/>
+  </g>
+  <g>
+    <line style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" x1="300" y1="-200" x2="400" y2="-220"/>
+    <path style="fill: #000000" d="M 400 -220 C 400.49,-217.549 398.529,-214.607 396.078,-214.117 C 393.626,-213.626 390.684,-215.587 390.194,-218.039 C 389.704,-220.49 391.665,-223.432 394.117,-223.922 C 396.568,-224.413 399.51,-222.451 400,-220z"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" d="M 400 -220 C 400.49,-217.549 398.529,-214.607 396.078,-214.117 C 393.626,-213.626 390.684,-215.587 390.194,-218.039 C 389.704,-220.49 391.665,-223.432 394.117,-223.922 C 396.568,-224.413 399.51,-222.451 400,-220"/>
+  </g>
+  <g>
+    <line style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" x1="300" y1="-200" x2="260" y2="-260"/>
+    <path style="fill: #000000" d="M 260 -260 C 262.08,-261.387 265.547,-260.693 266.934,-258.613 C 268.321,-256.533 267.627,-253.066 265.547,-251.679 C 263.467,-250.293 260,-250.986 258.613,-253.066 C 257.226,-255.146 257.92,-258.613 260,-260z"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" d="M 260 -260 C 262.08,-261.387 265.547,-260.693 266.934,-258.613 C 268.321,-256.533 267.627,-253.066 265.547,-251.679 C 263.467,-250.293 260,-250.986 258.613,-253.066 C 257.226,-255.146 257.92,-258.613 260,-260"/>
+  </g>
+  <g>
+    <line style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" x1="300" y1="-200" x2="360" y2="-240"/>
+    <path style="fill: #000000" d="M 360 -240 C 361.387,-237.92 360.693,-234.453 358.613,-233.066 C 356.533,-231.679 353.066,-232.373 351.679,-234.453 C 350.293,-236.533 350.986,-240 353.066,-241.387 C 355.146,-242.774 358.613,-242.08 360,-240z"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" d="M 360 -240 C 361.387,-237.92 360.693,-234.453 358.613,-233.066 C 356.533,-231.679 353.066,-232.373 351.679,-234.453 C 350.293,-236.533 350.986,-240 353.066,-241.387 C 355.146,-242.774 358.613,-242.08 360,-240"/>
+  </g>
+  <g>
+    <line style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" x1="380" y1="-80" x2="300" y2="-60"/>
+    <path style="fill: #000000" d="M 300 -60 C 299.394,-62.4254 301.213,-65.4571 303.638,-66.0634 C 306.063,-66.6697 309.095,-64.8507 309.701,-62.4254 C 310.308,-60 308.489,-56.9683 306.063,-56.362 C 303.638,-55.7556 300.606,-57.5746 300,-60z"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" d="M 300 -60 C 299.394,-62.4254 301.213,-65.4571 303.638,-66.0634 C 306.063,-66.6697 309.095,-64.8507 309.701,-62.4254 C 310.308,-60 308.489,-56.9683 306.063,-56.362 C 303.638,-55.7556 300.606,-57.5746 300,-60"/>
+  </g>
+  <g>
+    <line style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" x1="380" y1="-80" x2="360" y2="-20"/>
+    <path style="fill: #000000" d="M 360 -20 C 357.628,-20.7906 356.047,-23.9528 356.838,-26.3246 C 357.628,-28.6963 360.791,-30.2774 363.162,-29.4868 C 365.534,-28.6963 367.115,-25.534 366.325,-23.1623 C 365.534,-20.7906 362.372,-19.2094 360,-20z"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" d="M 360 -20 C 357.628,-20.7906 356.047,-23.9528 356.838,-26.3246 C 357.628,-28.6963 360.791,-30.2774 363.162,-29.4868 C 365.534,-28.6963 367.115,-25.534 366.325,-23.1623 C 365.534,-20.7906 362.372,-19.2094 360,-20"/>
+  </g>
+  <g>
+    <line style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" x1="380" y1="-80" x2="440" y2="-40"/>
+    <path style="fill: #000000" d="M 440 -40 C 438.613,-37.9199 435.146,-37.2265 433.066,-38.6132 C 430.986,-40 430.293,-43.4669 431.679,-45.547 C 433.066,-47.6271 436.533,-48.3205 438.613,-46.9338 C 440.693,-45.547 441.387,-42.0801 440,-40z"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" d="M 440 -40 C 438.613,-37.9199 435.146,-37.2265 433.066,-38.6132 C 430.986,-40 430.293,-43.4669 431.679,-45.547 C 433.066,-47.6271 436.533,-48.3205 438.613,-46.9338 C 440.693,-45.547 441.387,-42.0801 440,-40"/>
+  </g>
+  <g>
+    <line style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" x1="380" y1="-80" x2="460" y2="-180"/>
+    <path style="fill: #000000" d="M 460 -180 C 461.952,-178.438 462.343,-174.924 460.781,-172.972 C 459.219,-171.02 455.705,-170.63 453.753,-172.191 C 451.801,-173.753 451.41,-177.267 452.972,-179.219 C 454.534,-181.171 458.048,-181.562 460,-180z"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" d="M 460 -180 C 461.952,-178.438 462.343,-174.924 460.781,-172.972 C 459.219,-171.02 455.705,-170.63 453.753,-172.191 C 451.801,-173.753 451.41,-177.267 452.972,-179.219 C 454.534,-181.171 458.048,-181.562 460,-180"/>
+  </g>
+  <line style="fill: none; fill-opacity:0; stroke-width: 2; stroke-dasharray: 4; stroke: #90ee90" x1="100" y1="-200" x2="300" y2="-200"/>
+  <line style="fill: none; fill-opacity:0; stroke-width: 2; stroke-dasharray: 4; stroke: #90ee90" x1="300" y1="-200" x2="380" y2="-80"/>
+  <g>
+    <line style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" x1="100" y1="-200" x2="60" y2="-100"/>
+    <path style="fill: #000000" d="M 60 -100 C 57.6788,-100.928 56.2861,-104.178 57.2146,-106.499 C 58.143,-108.821 61.3927,-110.213 63.7139,-109.285 C 66.0351,-108.356 67.4278,-105.107 66.4993,-102.785 C 65.5709,-100.464 62.3212,-99.0715 60,-100z"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" d="M 60 -100 C 57.6788,-100.928 56.2861,-104.178 57.2146,-106.499 C 58.143,-108.821 61.3927,-110.213 63.7139,-109.285 C 66.0351,-108.356 67.4278,-105.107 66.4993,-102.785 C 65.5709,-100.464 62.3212,-99.0715 60,-100"/>
+  </g>
+  <line style="fill: none; fill-opacity:0; stroke-width: 2; stroke-dasharray: 4; stroke: #90ee90" x1="97.7654" y1="-200.434" x2="381.124" y2="-79.8272"/>
+  <g>
+    <line style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" x1="239.445" y1="-140.131" x2="200" y2="-100"/>
+    <path style="fill: #000000" d="M 200 -100 C 198.217,-101.752 198.187,-105.288 199.939,-107.071 C 201.692,-108.854 205.227,-108.884 207.01,-107.132 C 208.793,-105.379 208.823,-101.844 207.071,-100.061 C 205.318,-98.278 201.783,-98.2475 200,-100z"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" d="M 200 -100 C 198.217,-101.752 198.187,-105.288 199.939,-107.071 C 201.692,-108.854 205.227,-108.884 207.01,-107.132 C 208.793,-105.379 208.823,-101.844 207.071,-100.061 C 205.318,-98.278 201.783,-98.2475 200,-100"/>
+  </g>
+  <g>
+    <line style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" x1="239.445" y1="-140.131" x2="260" y2="-100"/>
+    <path style="fill: #000000" d="M 260 -100 C 257.775,-98.8603 254.41,-99.9457 253.27,-102.171 C 252.131,-104.396 253.216,-107.761 255.441,-108.9 C 257.666,-110.04 261.031,-108.955 262.171,-106.73 C 263.31,-104.505 262.225,-101.14 260,-100z"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" d="M 260 -100 C 257.775,-98.8603 254.41,-99.9457 253.27,-102.171 C 252.131,-104.396 253.216,-107.761 255.441,-108.9 C 257.666,-110.04 261.031,-108.955 262.171,-106.73 C 263.31,-104.505 262.225,-101.14 260,-100"/>
+  </g>
+  <g>
+    <line style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" x1="239.445" y1="-140.131" x2="260" y2="-160"/>
+    <path style="fill: #000000" d="M 260 -160 C 261.738,-158.202 261.678,-154.667 259.88,-152.93 C 258.083,-151.192 254.548,-151.252 252.81,-153.05 C 251.072,-154.847 251.132,-158.382 252.93,-160.12 C 254.727,-161.857 258.262,-161.798 260,-160z"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" d="M 260 -160 C 261.738,-158.202 261.678,-154.667 259.88,-152.93 C 258.083,-151.192 254.548,-151.252 252.81,-153.05 C 251.072,-154.847 251.132,-158.382 252.93,-160.12 C 254.727,-161.857 258.262,-161.798 260,-160"/>
+  </g>
+  <g>
+    <ellipse style="fill: #ffffff" cx="100" cy="-200" rx="5" ry="5"/>
+    <ellipse style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" cx="100" cy="-200" rx="5" ry="5"/>
+  </g>
+  <g>
+    <ellipse style="fill: #ffffff" cx="300" cy="-200" rx="5" ry="5"/>
+    <ellipse style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" cx="300" cy="-200" rx="5" ry="5"/>
+  </g>
+  <g>
+    <ellipse style="fill: #ffffff" cx="380" cy="-80" rx="5" ry="5"/>
+    <ellipse style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" cx="380" cy="-80" rx="5" ry="5"/>
+  </g>
+  <g>
+    <ellipse style="fill: #ffffff" cx="240" cy="-140" rx="5" ry="5"/>
+    <ellipse style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" cx="240" cy="-140" rx="5" ry="5"/>
+  </g>
+  <text font-size="12.8" style="fill: #000000;text-anchor:start;font-family:sans-serif;font-style:normal;font-weight:normal" x="50" y="10">
+    <tspan x="50" y="10">Internet user hosting his own communication server</tspan>
+  </text>
+  <text font-size="12.8" style="fill: #ff0000;text-anchor:start;font-family:sans-serif;font-style:normal;font-weight:normal" x="90" y="10">
+    <tspan x="90" y="10"></tspan>
+  </text>
+  <text font-size="12.7998" style="fill: #000000;text-anchor:start;font-family:sans-serif;font-style:normal;font-weight:normal" x="118" y="4.25">
+    <tspan x="118" y="4.25"></tspan>
+  </text>
+  <text font-size="12.7998" style="fill: #000000;text-anchor:start;font-family:sans-serif;font-style:normal;font-weight:normal" x="205.772" y="2.6725">
+    <tspan x="205.772" y="2.6725"></tspan>
+  </text>
+  <line style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #90ee90" x1="296.675" y1="-204.988" x2="260" y2="-260"/>
+  <line style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #90ee90" x1="304.988" y1="-203.325" x2="360" y2="-240"/>
+  <line style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #90ee90" x1="305.872" y1="-201.174" x2="400" y2="-220"/>
+  <line style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #90ee90" x1="103.589" y1="-204.785" x2="160" y2="-280"/>
+  <line style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #90ee90" x1="96.6748" y1="-204.988" x2="60" y2="-260"/>
+  <line style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #90ee90" x1="94.6387" y1="-197.319" x2="20" y2="-160"/>
+  <line style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #90ee90" x1="97.771" y1="-194.427" x2="60" y2="-100"/>
+  <line style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #90ee90" x1="101.458" y1="-194.17" x2="140" y2="-40"/>
+  <line style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #90ee90" x1="235.757" y1="-135.757" x2="200" y2="-100"/>
+  <line style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #90ee90" x1="242.681" y1="-134.639" x2="260" y2="-100"/>
+  <line style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #90ee90" x1="239.445" y1="-140.131" x2="260" y2="-160"/>
+  <line style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #90ee90" x1="374.17" y1="-78.5425" x2="300" y2="-60"/>
+  <line style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #90ee90" x1="378.103" y1="-74.3091" x2="360" y2="-20"/>
+  <line style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #90ee90" x1="384.988" y1="-76.6748" x2="440" y2="-40"/>
+  <text font-size="12.7998" style="fill: #90ee90;text-anchor:start;font-family:sans-serif;font-style:normal;font-weight:normal" x="290" y="10">
+    <tspan x="290" y="10"></tspan>
+  </text>
+  <text font-size="12.8" style="fill: #ff0000;text-anchor:start;font-family:sans-serif;font-style:normal;font-weight:normal" x="90" y="30">
+    <tspan x="90" y="30"></tspan>
+  </text>
+  <text font-size="12.7998" style="fill: #000000;text-anchor:start;font-family:sans-serif;font-style:normal;font-weight:normal" x="118" y="24.25">
+    <tspan x="118" y="24.25"></tspan>
+  </text>
+  <text font-size="12.7998" style="fill: #000000;text-anchor:start;font-family:sans-serif;font-style:normal;font-weight:normal" x="205.772" y="22.6725">
+    <tspan x="205.772" y="22.6725"></tspan>
+  </text>
+  <text font-size="12.7998" style="fill: #90ee90;text-anchor:start;font-family:sans-serif;font-style:normal;font-weight:normal" x="290" y="30">
+    <tspan x="290" y="30"></tspan>
+  </text>
+  <text font-size="12.7998" style="fill: #90ee90;text-anchor:start;font-family:sans-serif;font-style:normal;font-weight:normal" x="80" y="30">
+    <tspan x="80" y="30"></tspan>
+  </text>
+  <line style="fill: none; fill-opacity:0; stroke-width: 2; stroke-dasharray: 4; stroke: #90ee90" x1="455.887" y1="-176.327" x2="303.536" y2="-196.464"/>
+  <line style="fill: none; fill-opacity:0; stroke-width: 2; stroke-dasharray: 4; stroke: #90ee90" x1="456.887" y1="-176.827" x2="245.507" y2="-140.935"/>
+  <line style="fill: none; fill-opacity:0; stroke-width: 2; stroke-dasharray: 4; stroke: #90ee90" x1="456.387" y1="-175.827" x2="105.96" y2="-199.596"/>
+  <line style="fill: none; fill-opacity:0; stroke-width: 2; stroke-dasharray: 4; stroke: #90ee90" x1="456.387" y1="-175.327" x2="383.753" y2="-84.6838"/>
+  <g>
+    <ellipse style="fill: #90ee90" cx="457" cy="-176.2" rx="5" ry="5"/>
+    <ellipse style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #90ee90" cx="457" cy="-176.2" rx="5" ry="5"/>
+  </g>
+  <g>
+    <ellipse style="fill: #90ee90" cx="25" cy="5" rx="5" ry="5"/>
+    <ellipse style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #90ee90" cx="25" cy="5" rx="5" ry="5"/>
+  </g>
+  <text font-size="12.7998" style="fill: #90ee90;text-anchor:start;font-family:sans-serif;font-style:normal;font-weight:normal" x="130" y="10">
+    <tspan x="130" y="10"></tspan>
+  </text>
+  <text font-size="12.7998" style="fill: #90ee90;text-anchor:start;font-family:sans-serif;font-style:normal;font-weight:normal" x="260" y="0">
+    <tspan x="260" y="0"></tspan>
+  </text>
+</svg>
--- a/templates/sat_website/principles.html	Thu May 28 01:46:45 2015 +0200
+++ b/templates/sat_website/principles.html	Thu May 28 01:48:17 2015 +0200
@@ -85,10 +85,7 @@
 		    This is the most complicated aspect to understand, yet a crucial one. Being based on {{ xmpp }}, SàT is immediately decentralised (federated). But what does it mean? To get this point, we need to imagine the Internet as a set of layers. To make it easier, let's say there are only two layers: the physical and the logical one. On the physical layer, you are directly connected to your service provider, and indirectly to all the rest of the world.
 		    {% endblocktrans %}
 		    <div class="thumbnail">
-		        <img src="{% static "images/decentralisation/1_physical.png" %}" ><br/>
-		        <div class="caption">
-		            {% trans "The dots represents Internet users, the lines represents physical links - server-to-server links for the central triangle, client-to-server links for the rest." %}
-		        </div>
+		        <img class="schema" src="{% static "images/decentralisation/1_physical.svg" %}" ><br/>
 		    </div>
 	    </p>
 	    <p>
@@ -96,7 +93,7 @@
 		    On the logical layer, you are directly connected to your usual "social network", and since it's centralised, all its users are directly connected to it: it can access and own all the data, it can unilaterally decide to censor or exclude a user. It has too much power.
 	        {% endblocktrans %}
 		    <div class="thumbnail">
-		        <img src="{% static "images/decentralisation/2_logical_centralised.png" %}" ><br/>
+		        <img class="schema" src="{% static "images/decentralisation/2_logical_centralised.svg" %}" ><br/>
 		        <div class="caption">
 		            {% trans "Centralised communication system on top of the physical layer - note that one user on the right who refuses to use such a system." %}
 		        </div>
@@ -108,7 +105,7 @@
 	        All the users are connected to the same network, but each of them can decide which server they want to connect to. As a result, the data and the network administration's tasks are shared between all the servers. Is it possible to do that on the Internet? Yes, this is how the email works! That's decentralisation.
 		    {% endblocktrans %}
 	        <div class="thumbnail">
-	            <img src="{% static "images/decentralisation/3_logical_decentralised.png" %}" ><br/>
+	            <img class="schema" src="{% static "images/decentralisation/3_logical_decentralised.svg" %}" ><br/>
 	            <div class="caption">
 	                {% trans "Decentralised communication system on top the physical layer - the user on the right is still resisting." %}
 	            </div>
@@ -119,9 +116,9 @@
 		    Now what if you don't trust anybody? Then you are free to host your own server at home, via an association or in your work office. Is this possible too?! Yes, this is also how the email works! And this is what we did for our server libervia.org and without asking anybody's permission - the {{ xmpp }} interdomain {{ federation_prefix }}federation{{ federation_suffix }} makes it possible.
 		    {% endblocktrans %}
 	        <div class="thumbnail">
-	            <img src="{% static "images/decentralisation/4_logical_decentralised_self_hosting.png" %}" >
+	            <img class="schema" src="{% static "images/decentralisation/4_logical_decentralised_self_hosting.svg" %}" >
 	            <div class="caption">
-	                {% trans "Decentralised communication system with self-hosting ability - the dot on the right is still an Internet user, but for the service it's both a user and a server." %}
+	                {% trans "Decentralised communication system with self-hosting ability - the dot on the right is still an Internet user, but for the communication service it's both a user and a server." %}
 	            </div>
 	        </div>
 	    </p>