X-Git-Url: https://nos-oignons.net/gitweb/website.git/blobdiff_plain/e233d4fd72e406443a95bab8d9b265fb047c63cc..43677fff53920c15dd5474f8b380a3f48f91e0ec:/Services.mdwn?ds=sidebyside

diff --git a/Services.mdwn b/Services.mdwn
index 084f720..c62c68e 100644
--- a/Services.mdwn
+++ b/Services.mdwn
@@ -1,5 +1,44 @@
+[[!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_figure = content.append("figure")
+  .style("margin", "0")
+  .style("width", "45%")
+  .style("float", "left")
+  .style("text-align", "center");
+consensus_figure.append("span")
+  .attr("id", "consensus-pie");
+consensus_figure.append("figcaption")
+  .text(L10n.consensus_weight);
+
+var exit_figure = content.append("figure")
+  .style("margin", "0 5% 0 0")
+  .style("width", "44%")
+  .style("float", "left")
+  .style("text-align", "center");
+exit_figure.append("span")
+  .attr("id", "exit-pie");
+exit_figure.append("figcaption")
+  .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>
@@ -42,9 +81,19 @@ Nos oignons fait actuellement fonctionner les relais Tor suivants :
     </tr>
     <tr>
       <td colspan="4">
-        3 : Gandi nous fournit gracieusement les ressources pour faire tourner
-        ce noeud (machine virtuelle et bande passante).
+        3 : Gandi nous fournit gracieusement la bande passante pour faire tourner
+        ce noeud.
       </td>
     </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>