On va utiliser <figure/> (merci naar)

[website.git] / Services.mdwn

diff --git a/Services.mdwn b/Services.mdwn
index fa45cf1619af3c4da0f9dab37235c248def87087..05f29d4b382a43ed64cbb7d0e53276b42c1d5e3c 100644 (file)
--- a/Services.mdwn
+++ b/Services.mdwn
@@ -9,33 +9,24 @@
 <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")
+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_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")
+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")