On va utiliser <figure/> (merci naar)

diff --git a/Services.en.po b/Services.en.po
index faa49488cba8b4a9440a7fa8f4303a139a748f4c..cc25f86082be739078f50ec2b547af6deb93fe18 100644 (file)
--- a/Services.en.po
+++ b/Services.en.po
@@ -1,8 +1,8 @@
 msgid ""
 msgstr ""
 "Project-Id-Version: Nos oignons website\n"
-"POT-Creation-Date: 2013-11-23 23:15+0100\n"
-"PO-Revision-Date: 2013-11-23 23:16+0100\n"
+"POT-Creation-Date: 2013-11-23 23:50+0100\n"
+"PO-Revision-Date: 2013-11-23 23:52+0100\n"
 "Last-Translator: Nos oignons <webmaster@nos-oignons.net>\n"
 "Language-Team: English <webmaster@nos-oignons.net>\n"
 "Language: en\n"
@@ -54,66 +54,48 @@ msgstr "<script>\n"
 #, no-wrap
 msgid ""
 "var content = d3.select(\"#content\");\n"
-"var consensus_div = content.append(\"div\")\n"
-"consensus_div.append(\"div\")\n"
-"  .attr(\"id\", \"consensus-pie\")\n"
-"  .style(\"width\", PieDrawer.width + \"px\")\n"
-"  .style(\"height\", PieDrawer.height + \"px\")\n"
-"  .style(\"float\", \"left\");\n"
-"consensus_div.append(\"div\")\n"
-"  .style(\"width\", \"460px\")\n"
-"  .style(\"margin-left\", \"5px\")\n"
-"  .style(\"line-height\", PieDrawer.height + \"px\")\n"
-"  .style(\"font-weight\", \"bold\")\n"
+"var consensus_figure = content.append(\"figure\")\n"
+"  .style(\"margin\", \"0\")\n"
+"  .style(\"width\", \"45%\")\n"
 "  .style(\"float\", \"left\")\n"
+"  .style(\"text-align\", \"center\");\n"
+"consensus_figure.append(\"span\")\n"
+"  .attr(\"id\", \"consensus-pie\");\n"
+"consensus_figure.append(\"figcaption\")\n"
 "  .text(L10n.consensus_weight);\n"
 msgstr ""
 "var content = d3.select(\"#content\");\n"
-"var consensus_div = content.append(\"div\")\n"
-"consensus_div.append(\"div\")\n"
-"  .attr(\"id\", \"consensus-pie\")\n"
-"  .style(\"width\", PieDrawer.width + \"px\")\n"
-"  .style(\"height\", PieDrawer.height + \"px\")\n"
-"  .style(\"float\", \"left\");\n"
-"consensus_div.append(\"div\")\n"
-"  .style(\"width\", \"460px\")\n"
-"  .style(\"margin-left\", \"5px\")\n"
-"  .style(\"line-height\", PieDrawer.height + \"px\")\n"
-"  .style(\"font-weight\", \"bold\")\n"
+"var consensus_figure = content.append(\"figure\")\n"
+"  .style(\"margin\", \"0\")\n"
+"  .style(\"width\", \"45%\")\n"
 "  .style(\"float\", \"left\")\n"
+"  .style(\"text-align\", \"center\");\n"
+"consensus_figure.append(\"span\")\n"
+"  .attr(\"id\", \"consensus-pie\");\n"
+"consensus_figure.append(\"figcaption\")\n"
 "  .text(L10n.consensus_weight);\n"
 
 #. type: Plain text
 #, no-wrap
 msgid ""
-"var exit_div = content.append(\"div\")\n"
-"exit_div.append(\"div\")\n"
-"  .attr(\"id\", \"exit-pie\")\n"
-"  .style(\"width\", PieDrawer.width)\n"
-"  .style(\"height\", PieDrawer.height)\n"
-"  .style(\"clear\", \"left\")\n"
-"  .style(\"float\", \"left\");\n"
-"exit_div.append(\"div\")\n"
-"  .style(\"width\", \"460px\")\n"
-"  .style(\"margin-left\", \"5px\")\n"
-"  .style(\"line-height\", PieDrawer.height + \"px\")\n"
-"  .style(\"font-weight\", \"bold\")\n"
+"var exit_figure = content.append(\"figure\")\n"
+"  .style(\"margin\", \"0 5% 0 0\")\n"
+"  .style(\"width\", \"44%\")\n"
 "  .style(\"float\", \"left\")\n"
+"  .style(\"text-align\", \"center\");\n"
+"exit_figure.append(\"span\")\n"
+"  .attr(\"id\", \"exit-pie\");\n"
+"exit_figure.append(\"figcaption\")\n"
 "  .text(L10n.exit_probability);\n"
 msgstr ""
-"var exit_div = content.append(\"div\")\n"
-"exit_div.append(\"div\")\n"
-"  .attr(\"id\", \"exit-pie\")\n"
-"  .style(\"width\", PieDrawer.width)\n"
-"  .style(\"height\", PieDrawer.height)\n"
-"  .style(\"clear\", \"left\")\n"
-"  .style(\"float\", \"left\");\n"
-"exit_div.append(\"div\")\n"
-"  .style(\"width\", \"460px\")\n"
-"  .style(\"margin-left\", \"5px\")\n"
-"  .style(\"line-height\", PieDrawer.height + \"px\")\n"
-"  .style(\"font-weight\", \"bold\")\n"
+"var exit_figure = content.append(\"figure\")\n"
+"  .style(\"margin\", \"0 5% 0 0\")\n"
+"  .style(\"width\", \"44%\")\n"
 "  .style(\"float\", \"left\")\n"
+"  .style(\"text-align\", \"center\");\n"
+"exit_figure.append(\"span\")\n"
+"  .attr(\"id\", \"exit-pie\");\n"
+"exit_figure.append(\"figcaption\")\n"
 "  .text(L10n.exit_probability);\n"
 
 #. type: Plain text

diff --git a/Services.mdwn b/Services.mdwn
index 46d2843e91c1cf180ef293fc6d9775e512656448..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", "460px")
-  .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")