X-Git-Url: https://nos-oignons.net/gitweb/website.git/blobdiff_plain/c66807aedab52e4294e7112819d547f519d65775..c4ede82106c9e9c2048e764e2b88ae8fd778cab8:/Services.mdwn

diff --git a/Services.mdwn b/Services.mdwn
index 3ec2f56..7339fa4 100644
--- a/Services.mdwn
+++ b/Services.mdwn
@@ -1,16 +1,120 @@
+[[!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 :
 
-| Emplacement | Relai | Empreinte | Politique de sortie |
-| ----------- | ----- | --------- | ------------------- |
-| [Liazo](http://www.liazo.fr/) | [marcuse1](https://atlas.torproject.org/#details/011FDD1EE84DAC7758119B69829C74A9D197B35E) [^1] | `011F DD1E E84D AC77 5811 9B69 829C 74A9 D197 B35E` | [Reduced Exit Policy](https://trac.torproject.org/projects/tor/wiki/doc/ReducedExitPolicy) |
-| [Liazo](http://www.liazo.fr/) | [marcuse2](https://atlas.torproject.org/#details/1A503BBFFC82A4EFD75DB46A071A7340E11A9DB9) [^2] | `1A50 3BBF FC82 A4EF D75D B46A 071A 7340 E11A 9DB9` | [Reduced Exit Policy](https://trac.torproject.org/projects/tor/wiki/doc/ReducedExitPolicy) |
-| [Gandi](https://www.gandi.net/) [^3] | [ekumen](https://atlas.torproject.org/#details/7F2CD6BD548C5FFA09B20A0C5CB07893C9451653) | `7F2C D6BD 548C 5FFA 09B2 0A0C 5CB0 7893 C945 1653` | [Reduced Exit Policy](https://trac.torproject.org/projects/tor/wiki/doc/ReducedExitPolicy) |
+<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/EFAE44728264982224445E96214C15F9075DEE1D">marcuse1</a><sup>1</sup></td>
+      <td><code>EFAE 4472 8264 9822 2444 5E96 214C 15F9 075D EE1D</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/C656B41AEFB40A141967EBF49D6E69603C9B4A11">marcuse2</a><sup>2</sup></td>
+      <td><code>C656 B41A EFB4 0A14 1967 EBF4 9D6E 6960 3C9B 4A11</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/9BA84E8C90083676F86C7427C8D105925F13716C">ekumen</a></td>
+      <td><code>9BA8 4E8C 9008 3676 F86C 7427 C8D1 0592 5F13 716C</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://tetaneutral.net/">tetaneutral.net</a></td>
+      <td><a href="https://atlas.torproject.org/#details/578E007E5E4535FBFEF7758D8587B07B4C8C5D06">marylou1</a><sup>4</sup></td>
+      <td><code>578E 007E 5E45 35FB FEF7 758D 8587 B07B 4C8C 5D06</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://tetaneutral.net/">tetaneutral.net</a></td>
+      <td><a href="https://atlas.torproject.org/#details/90FD830C357A5109AB3C505287713F1AC811174C">marylou2</a><sup>5</sup></td>
+      <td><code>90FD 830C 357A 5109 AB3C 5052 8771 3F1A C811 174C</code></td>
+      <td><a href="https://trac.torproject.org/projects/tor/wiki/doc/ReducedExitPolicy">Reduced Exit Policy</a></td>
+    </tr>
 
-Plus de détails à propos de ces noeuds
-======================================
+  </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 la bande passante pour faire tourner
+        ce noeud.
+      </td>
+      </tr>
+	<tr>
+      <td colspan="4">
+        4,5 : <code>marylou1</code> et <code>marylou2</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>
+  </tfoot>
+</table>
 
-[^1] et [^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.
+<script>
+d3.select("#content").append("h1")
+  .text(L10n.bandwidth);
+d3.select("#content").append("div")
+  .attr("id", "bandwidth")
+  .text(L10n.loading);
 
-[^3]: Gandi nous fournit gracieusement les ressources pour faire tourner ce noeud (machine virtuelle et bande passante).
\ No newline at end of file
+new BwDrawer("#bandwidth").draw();
+</script>