index.html: Add a version-control penetration slide
authorW. Trevor King <wking@tremily.us>
Fri, 17 Jan 2014 20:35:55 +0000 (12:35 -0800)
committerW. Trevor King <wking@tremily.us>
Sat, 18 Jan 2014 01:19:31 +0000 (17:19 -0800)
I'm guessing on the data here.  Ideally, we'd use "number of hand
responses" and "number of shell responses", and the whole chart would
be a link to the survey where the data was collected.

'start' is legal again in HTML5 [1].

[1]: http://dev.w3.org/html5/markup/ol.html#ol.attrs.start

index.html

index 7533e3645ceeefbc16846a6d54c238bc9b3a133b..5bc4793776b4fe40253d17089d2887e0c9cf3d3b 100644 (file)
                                                                ]);
                                                </script>
                                        </section>
+
+                                       <section style="height: 500px">
+                                               <h3>Surely You're Exaggerating</h3>
+
+                                               <ol start="2">
+                                                       <li>
+                                                               How many of them use version control to keep track of
+                                                               their work and collaborate with colleagues?
+                                                       </li>
+                                               </ol>
+                                               <canvas id="pie-version-control"
+                                                               data-type="Pie" width="200px" height="200px"
+                                                               style="position: absolute; right: 0; bottom: 0" >
+                                               </canvas>
+                                               <script type="text/javascript">
+                                                       PieChart(id="pie-version-control", data=[
+                                                               {value: 7, color: "#F38630"},
+                                                               {value: 3, color: "#69D2E7"},
+                                                               ]);
+                                               </script>
+                                       </section>
                                </section> <!-- surely you're exaggerating -->
 
                                <section>