Ajout POOP

[website.git] / Services.mdwn

diff --git a/Services.mdwn b/Services.mdwn
index 7339fa4d20f52ba7c581f5beb8291fb654454b5c..9bb655e0b187518dee87d370b206b65dbccccb75 100644 (file)
--- a/Services.mdwn
+++ b/Services.mdwn
@@ -2,7 +2,9 @@
 [[!meta script="assets/relays"]]
 [[!meta script="assets/d3/d3.v3.min"]]
 [[!meta script="assets/bw_graphs"]]
-[[!meta stylesheet="assets/bw_graphs" rel="stylesheet"]]
+[[!meta stylesheet="assets/bw_graphs" rel="stylesheet" title="graphs"]]
+[[!meta script="assets/weights_graphs"]]
+[[!meta stylesheet="assets/weights_graphs" rel="stylesheet" title="graphs"]]
 [[!meta script="assets/pie_graphs"]]
 [[!meta title="Services"]]
 
@@ -10,20 +12,14 @@
 
 var content = d3.select("#content");
 var consensus_figure = content.append("figure")
-  .style("margin", "0")
-  .style("width", "45%")
-  .style("float", "left")
-  .style("text-align", "center");
+  .attr('class', 'graph graph-consensus')
 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");
+  .attr('class', 'graph graph-exit')
 exit_figure.append("span")
   .attr("id", "exit-pie");
 exit_figure.append("figcaption")
@@ -41,7 +37,7 @@ Relais
 
 Nos oignons fait actuellement fonctionner les relais Tor suivants :
 
-<table>
+<table class="tor-nodes">
   <thead>
     <tr>
       <th>Emplacement</th>
@@ -87,7 +83,7 @@ Nos oignons fait actuellement fonctionner les relais Tor suivants :
     <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>
@@ -101,7 +97,7 @@ Nos oignons fait actuellement fonctionner les relais Tor suivants :
        <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
+        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>
@@ -117,4 +113,12 @@ d3.select("#content").append("div")
   .text(L10n.loading);
 
 new BwDrawer("#bandwidth").draw();
+
+d3.select("#content").append("h1")
+  .text(L10n.weights);
+d3.select("#content").append("div")
+  .attr("id", "weights")
+  .text(L10n.loading);
+
+new WeightsDrawer("#weights").draw();
 </script>