Merge lp:~marcoceppi/juju-core/add-anchors into lp:juju-core/docs

[Marco Ceppi]

Add the super cool anchors to all h(1-5) with an id attribute.

=== modified file 'htmldocs/css/main.css'
--- htmldocs/css/main.css	2013-11-06 15:36:33 +0000
+++ htmldocs/css/main.css	2013-11-09 15:58:47 +0000
@@ -521,3 +521,28 @@
   margin-top: 10px;
   display:block;
 }
+
+.anchor {
+  display: inline-block;
+  margin-left: 3px;
+  opacity: .0;
+  position: relative;
+  top: 1px;
+  width: 16px;
+  height: 15px;
+  background: url('/media/glyphicons_243_anchor.png') 50% 50% no-repeat;
+  background-size: 12px 11px;
+}
+
+h1:hover .anchor,
+h2:hover .anchor,
+h3:hover .anchor,
+h4:hover .anchor,
+h5:hover .anchor {
+  opacity: 0.5;
+}
+
+.anchor:hover {
+  background-color: #ddd;
+  border-radius: 2px;
+}

=== modified file 'htmldocs/js/main.js'
--- htmldocs/js/main.js	2013-08-22 13:48:21 +0000
+++ htmldocs/js/main.js	2013-11-09 15:58:47 +0000
@@ -26,6 +26,16 @@
 });
 
 $(document).ready(function() {
+  var anchor_tpl = $('<a>').addClass('anchor');
+  $('h1, h2, h3, h4, h5').each(function() {
+    if($(this).attr('id')) {
+      var id = $(this).attr('id');
+      var link = anchor_tpl.clone();
+      link.attr('href', '#'+id);
+      console.log(link);
+      $(this).append(link);
+    }
+  });
   $('.doc-content section.code-example').each(function() {
     var parent = this;
     $(parent).find('nav.control a').each(function() {

=== added file 'htmldocs/media/glyphicons_243_anchor.png'
Binary files htmldocs/media/glyphicons_243_anchor.png	1970-01-01 00:00:00 +0000 and htmldocs/media/glyphicons_243_anchor.png	2013-11-09 15:58:47 +0000 differ