Reformulations encore, histoire que ça rentre

[website.git] / Services.mdwn

diff --git a/Services.mdwn b/Services.mdwn
index 2a2a146490228f4db26e39071906bb6b3ff885c4..fa45cf1619af3c4da0f9dab37235c248def87087 100644 (file)
--- a/Services.mdwn
+++ b/Services.mdwn
@@ -1,5 +1,53 @@
+[[!meta script="assets/l10n.fr"]]
+[[!meta script="assets/relays"]]
+[[!meta script="assets/d3/d3.v3.min"]]
+[[!meta script="assets/bw_graphs"]]
+[[!meta stylesheet="assets/bw_graphs" rel="stylesheet"]]
+[[!meta script="assets/pie_graphs"]]
 [[!meta title="Services"]]
 
+<script>
+
+var content = d3.select("#content");
+var consensus_div = content.append("div")
+consensus_div.append("div")
+  .attr("id", "consensus-pie")
+  .style("width", PieDrawer.width + "px")
+  .style("height", PieDrawer.height + "px")
+  .style("float", "left");
+consensus_div.append("div")
+  .style("width", "400px")
+  .style("margin-left", "5px")
+  .style("line-height", PieDrawer.height + "px")
+  .style("font-weight", "bold")
+  .style("float", "left")
+  .text(L10n.consensus_weight);
+
+var exit_div = content.append("div")
+exit_div.append("div")
+  .attr("id", "exit-pie")
+  .style("width", PieDrawer.width)
+  .style("height", PieDrawer.height)
+  .style("clear", "left")
+  .style("float", "left");
+exit_div.append("div")
+  .style("width", "460px")
+  .style("margin-left", "5px")
+  .style("line-height", PieDrawer.height + "px")
+  .style("font-weight", "bold")
+  .style("float", "left")
+  .text(L10n.exit_probability);
+
+content.append("div")
+  .style("clear", "left");
+
+new ConsensusPieDrawer("#consensus-pie").draw();
+new ExitPieDrawer("#exit-pie").draw();
+</script>
+
+Relais
+======
+
 Nos oignons fait actuellement fonctionner les relais Tor suivants :
 
 <table>
@@ -34,13 +82,10 @@ Nos oignons fait actuellement fonctionner les relais Tor suivants :
   <tfoot class="footnotes">
     <tr>
       <td colspan="4">
-        1,2 : `marcuse1` et `marcuse2` sont sur une même machine. Quand Tor est
-        utilisé en tant que client (pour par exemple aller sur le web) celui-ci
-        ne consomme que très peu de ressource. Sur un relais avec une forte
-        capacité, la charge de Tor est beaucoup plus importante. Pour l'instant
-        Tor ne gère pas bien les multi-processeurs, il est donc nécessaire de
-        faire tourner plusieurs instances de Tor afin d'utiliser toute la
-        capacité mise à notre disposition par l'hébergeur, d'où les deux noms.
+        1,2 : <code>marcuse1</code> et <code>marcuse2</code> sont sur une même
+        machine. Afin de palier à des limitations techniques du logiciel dans
+        la gestion du multi-cœur, il est nécessaire de faire fonctionner deux
+        relais afin de pouvoir utiliser toute la bande passante disponible.
       </td>
     </tr>
     <tr>
@@ -51,3 +96,13 @@ Nos oignons fait actuellement fonctionner les relais Tor suivants :
     </tr>
   </tfoot>
 </table>
+
+<script>
+d3.select("#content").append("h1")
+  .text(L10n.bandwidth);
+d3.select("#content").append("div")
+  .attr("id", "bandwidth")
+  .text(L10n.loading);
+
+new BwDrawer("#bandwidth").draw();
+</script>