X-Git-Url: https://nos-oignons.net/gitweb/website.git/blobdiff_plain/28b63e96d14ed6f0e874e0b8f7d81efc617978d9..refs/heads/d3:/Services.mdwn?ds=sidebyside

diff --git a/Services.mdwn b/Services.mdwn
index 5a44e60..cce4a49 100644
--- a/Services.mdwn
+++ b/Services.mdwn
@@ -1,47 +1,22 @@
+[[!meta stylesheet="assets/bw_graphs" rel="stylesheet" title="graphs"]]
+[[!meta stylesheet="assets/weights_graphs" rel="stylesheet" title="graphs"]]
+[[!meta link="https://onionoo.torproject.org" rel="preconnect"]]
 [[!meta script="assets/l10n.fr"]]
 [[!meta script="assets/relays"]]
-[[!meta script="assets/d3/d3.v3.min"]]
+[[!meta script="assets/d3/d3.v5.5.0.min"]]
 [[!meta script="assets/bw_graphs"]]
-[[!meta stylesheet="assets/bw_graphs" rel="stylesheet"]]
+[[!meta script="assets/weights_graphs"]]
 [[!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>
+<script type="text/javascript" src="../assets/services-pie.js"></script>
 
 Relais
 ======
 
 Nos oignons fait actuellement fonctionner les relais Tor suivants :
 
-<table>
+<table class="tor-nodes">
   <thead>
     <tr>
       <th>Emplacement</th>
@@ -53,28 +28,47 @@ Nos oignons fait actuellement fonctionner les relais Tor suivants :
   <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><a href="https://metrics.torproject.org/rs.html#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><a href="https://metrics.torproject.org/rs.html#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><a href="https://metrics.torproject.org/rs.html#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://metrics.torproject.org/rs.html#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://metrics.torproject.org/rs.html#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>
+    <tr>
+      <td><a href="http://www.globenet.org/">Globenet</a></td>
+      <td><a href="https://metrics.torproject.org/rs.html#details/8E6EDA78D8E3ABA88D877C3E37D6D4F0938C7B9F">AlGrothendieck</a></td>
+      <td><code>8E6E DA78 D8E3 ABA8 8D87 7C3E 37D6 D4F0 938C 7B9F</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
+        machine. Afin de pallier à 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>
@@ -84,16 +78,16 @@ Nos oignons fait actuellement fonctionner les relais Tor suivants :
         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 pallier à 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>
 
-<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>
+<script type="text/javascript" src="../assets/services-plot.js"></script>