Ajustement de la taille

[website.git] / Services.mdwn

diff --git a/Services.mdwn b/Services.mdwn
index d2f811e252f3af8b98671e43e897c012894d3ce8..fa45cf1619af3c4da0f9dab37235c248def87087 100644 (file)
--- a/Services.mdwn
+++ b/Services.mdwn
@@ -1,10 +1,108 @@
+[[!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"]]
 
-[[!if test="prototype"
-      then="""
-*XXX: mettre ici la liste des relais qui tournent et leur état, s'inspirer de
-<https://www.torservers.net/services.html>*
-"""
-      else="""
-*Nos oignons* sera bientôt en mesure de faire fonctionner des relais Tor.
-"""]]
+<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>
+  <thead>
+    <tr>
+      <th>Emplacement</th>
+      <th>Relai</th>
+      <th>Empreinte</th>
+      <th>Politique de sortie</th>
+    </tr>
+  </thead>
+  <tbody>
+    <tr>
+      <td><a href="http://www.liazo.fr/">Liazo</a></td>
+      <td><a href="https://atlas.torproject.org/#details/011FDD1EE84DAC7758119B69829C74A9D197B35E">marcuse1</a><sup>1</sup></td>
+      <td><code>011F DD1E E84D AC77 5811 9B69 829C 74A9 D197 B35E</code></td>
+      <td><a href="https://trac.torproject.org/projects/tor/wiki/doc/ReducedExitPolicy">Reduced Exit Policy</a></td>
+    </tr>
+    <tr>
+      <td><a href="http://www.liazo.fr/">Liazo</a></td>
+      <td><a href="https://atlas.torproject.org/#details/1A503BBFFC82A4EFD75DB46A071A7340E11A9DB9">marcuse2</a><sup>2</sup></td>
+      <td><code>1A50 3BBF FC82 A4EF D75D B46A 071A 7340 E11A 9DB9</code></td>
+      <td><a href="https://trac.torproject.org/projects/tor/wiki/doc/ReducedExitPolicy">Reduced Exit Policy</a></td>
+    </tr>
+    <tr>
+      <td><a href="https://www.gandi.net/">Gandi</a><sup>3</sup></td>
+      <td><a href="https://atlas.torproject.org/#details/7F2CD6BD548C5FFA09B20A0C5CB07893C9451653">ekumen</a></td>
+      <td><code>7F2C D6BD 548C 5FFA 09B2 0A0C 5CB0 7893 C945 1653</code></td>
+      <td><a href="https://trac.torproject.org/projects/tor/wiki/doc/ReducedExitPolicy">Reduced Exit Policy</a></td>
+    </tr>
+  </tbody>
+  <tfoot class="footnotes">
+    <tr>
+      <td colspan="4">
+        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>
+      <td colspan="4">
+        3 : Gandi nous fournit gracieusement les ressources pour faire tourner
+        ce noeud (machine virtuelle et bande passante).
+      </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>