Use baguettebox.js in the base theme

Roberto Alsina · Roberto Alsina · commit 93f11191091b · 2017-05-22T12:42:42.000-03:00
diff --git a/nikola/data/themes/base/bundles b/nikola/data/themes/base/bundles
@@ -1,2 +1,2 @@
 assets/css/all.css=rst.css,code.css,theme.css
-assets/css/all-nocdn.css=rst.css,code.css,theme.css
+assets/css/all-nocdn.css=rst.css,code.css,theme.css,baguetteBox.min.css
diff --git a/nikola/data/themes/base/templates/base.tmpl b/nikola/data/themes/base/templates/base.tmpl
@@ -20,7 +20,13 @@ ${template_hooks['extra_head']()}
          ${footer.html_footer()}
     </div>
     ${base.late_load_js()}
+    % if use_cdn:
+        <script src="//cdnjs.cloudflare.com/ajax/libs/baguettebox.js/1.8.2/baguetteBox.min.js"></script>
+    % else:
+        <script src="/assets/js/baguetteBox.min.js"></script>
+    % endif
     <%block name="extra_js"></%block>
+    <script>baguetteBox.run('a.reference');</script>
     ${body_end}
     ${template_hooks['body_end']()}
 </body>
diff --git a/nikola/data/themes/base/templates/base_helper.tmpl b/nikola/data/themes/base/templates/base_helper.tmpl
@@ -75,11 +75,13 @@ lang="${lang}">
 <%def name="html_stylesheets()">
     %if use_bundles:
         %if use_cdn:
+            <link href="//cdnjs.cloudflare.com/ajax/libs/baguettebox.js/1.8.2/baguetteBox.min.css" rel="stylesheet" type="text/css">
             <link href="/assets/css/all.css" rel="stylesheet" type="text/css">
         %else:
             <link href="/assets/css/all-nocdn.css" rel="stylesheet" type="text/css">
         %endif
     %else:
+        <link href="/assets/css/baguetteBox.min.css" rel="stylesheet" type="text/css">
         <link href="/assets/css/rst.css" rel="stylesheet" type="text/css">
         <link href="/assets/css/code.css" rel="stylesheet" type="text/css">
         <link href="/assets/css/theme.css" rel="stylesheet" type="text/css">
diff --git a/nikola/data/themes/base/templates/gallery.tmpl b/nikola/data/themes/base/templates/gallery.tmpl
@@ -96,6 +96,7 @@ flowr(document.querySelectorAll("#gallery_container")[0], {
             }
         }
     });
+    baguetteBox.run('#gallery_container');
 </script>
 </%block>
 

Original file line number	Diff line number	Diff line change
`@@ -1,2 +1,2 @@`
`1`	`1`	`assets/css/all.css=rst.css,code.css,theme.css`
`2`		`-assets/css/all-nocdn.css=rst.css,code.css,theme.css`
	`2`	`+assets/css/all-nocdn.css=rst.css,code.css,theme.css,baguetteBox.min.css`
Original file line number	Diff line number	Diff line change
`@@ -96,6 +96,7 @@ flowr(document.querySelectorAll("#gallery_container")[0], {`
`96`	`96`	`}`
`97`	`97`	`}`
`98`	`98`	`});`
	`99`	`+ baguetteBox.run('#gallery_container');`
`99`	`100`	`</script>`
`100`	`101`	`</%block>`
`101`	`102`