+[[!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_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>
+ <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">marylou</a></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>
+
+ </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>
+ </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>