From: Michael Hanke <michael.hanke@gmail.com>
Date: Wed, 26 Sep 2012 11:16:52 +0000 (+0200)
Subject: Auto-detect youtube links and turn them into buttons...
X-Git-Url: https://git.donarmstrong.com/?a=commitdiff_plain;h=02135f672fa38e27865295b6b5abcba22007afc2;p=neurodebian.git

Auto-detect youtube links and turn them into buttons...

... that open a fancy JS player.
---

diff --git a/sphinx/_static/demo_button.png b/sphinx/_static/demo_button.png
new file mode 100644
index 0000000..c7cfa11
Binary files /dev/null and b/sphinx/_static/demo_button.png differ
diff --git a/sphinx/_static/neurodebian.css b/sphinx/_static/neurodebian.css
index e9e796c..b0d643b 100644
--- a/sphinx/_static/neurodebian.css
+++ b/sphinx/_static/neurodebian.css
@@ -886,3 +886,19 @@ div#sitemap ul {
     content: "]"
 }
 
+
+.highlighted {
+    background-color: yellow;
+}
+
+#searchbox p {
+    display: inline;
+}
+
+.inlineimage {
+    vertical-align: baseline;
+}
+
+a img.inlineimage:hover {
+    background-color: #820430;
+}
diff --git a/sphinx/_static/video_button.png b/sphinx/_static/video_button.png
new file mode 100644
index 0000000..dff08a1
Binary files /dev/null and b/sphinx/_static/video_button.png differ
diff --git a/sphinx/_templates/layout.html b/sphinx/_templates/layout.html
index 2d9b411..c262f01 100644
--- a/sphinx/_templates/layout.html
+++ b/sphinx/_templates/layout.html
@@ -2,6 +2,14 @@
 
 {% block extrahead %}
   <meta name="keywords" content="debian, neuroscience">
+  <script language="javascript" type="text/javascript"
+  src="/javascript/jquery-mousewheel/jquery.mousewheel.min.js"></script>
+  <script language="javascript" type="text/javascript"
+  src="/javascript/jquery-easing/jquery.easing.min.js"></script>
+  <script language="javascript" type="text/javascript"
+  src="/javascript/jquery-fancybox/jquery.fancybox.min.js"></script>
+  <link rel="stylesheet" href="/javascript/jquery-fancybox/jquery.fancybox.css"
+  type="text/css" media="screen" />
 {% endblock %}
 
 {% block header %}
@@ -62,5 +70,27 @@ git.debian.org</a>.
   $('.expandinstructions').show();
   $('.nojavascriptinstructions').hide();
 </script>
+<!-- turn all [youtube] links into buttons and open them in fancy player-->
+<script type="text/javascript">
+$(document).ready(function(){
+  $('a[href^="http://www.youtube.com/watch"]').click(function() {
+     $.fancybox({
+        'title': this.title,
+        'href': this.href.replace(new RegExp("watch\\?v=", "i"), 'v/'),
+        'type': 'swf',
+        'swf': {'wmode': 'transparent', 'allowfullscreen': 'true'}
+      });
+    return false;
+    });
+  $('a[href^="http://www.youtube.com/watch"]').each(function() {
+      var content = $(this).html();
+      if (content.charAt(0) == '[' && content.charAt(content.length-1) == ']') {
+          $(this).html('<img class="inlineimage" src="/_static/video_button.png" alt="video link button" title="' + content + '" />');
+      } else {
+          return content;
+      };
+    });
+});
+</script>
 {% endblock %}
 
diff --git a/sphinx/vm.rst b/sphinx/vm.rst
index a2eac7c..da8065d 100644
--- a/sphinx/vm.rst
+++ b/sphinx/vm.rst
@@ -46,17 +46,8 @@ Installation
 The following video shows how to get the NeuroDebian virtual machine running
 on your machine. The installation is shown for Mac OS X. It should, however, be
 very similar on a Windows box. If you cannot watch the video, please take a
-look at the written instructions below.
-
-.. raw:: html
-
-  <iframe title="YouTube video player"
-          class="youtube-player"
-          type="text/html"
-          width="640"
-          height="375"
-          src="http://www.youtube.com/embed/eqfjKV5XaTE?hd=1"
-          frameborder="0"></iframe>
+look at the written instructions below. You can also watch a `[Virtual machine
+setup video tutorial] <http://www.youtube.com/watch?v=eqfjKV5XaTE>`_.
 
 First download and install a recent version of VirtualBox_. VirtualBox is a
 virtualization software that is freely available for Windows, MacOS X, Solaris,
@@ -135,17 +126,8 @@ Working with the virtual machine
 The next video is a demonstration of some basic desktop integration features.
 It shows how to use the virtual machine in full-screen and seamless mode, shared
 folder access, software installation, as well as suspending and resuming the
-virtual machine.
-
-.. raw:: html
-
-  <iframe title="YouTube video player"
-          class="youtube-player"
-          type="text/html"
-          width="640"
-          height="375"
-          src="http://www.youtube.com/embed/OV7fYSEoOeQ?hd=1"
-          frameborder="0"></iframe>
+virtual machine `[Virtual machine handling video tutorial]
+<http://www.youtube.com/watch?v=OV7fYSEoOeQ>`_
 
 
 .. _chap_vm_troubleshooting: