Fixes QR Codes.

[rbdr/grita] / views / layoutmini.haml

diff --git a/views/layoutmini.haml b/views/layoutmini.haml
index 23fbe146039a19425a33fa75bea935c3e6b2066d..7270c4f4f881cc968b01758754273e5bf084c8f5 100644 (file)
--- a/views/layoutmini.haml
+++ b/views/layoutmini.haml
@@ -9,7 +9,80 @@
                %link{:rel => 'stylesheet', :type => 'text/css', :href => '/style.css', :title => 'default'}            
                %link{:rel => "icon", :href => "/images/favicon.ico", :type => "image/x-icon"}
                %link{:rel => "icon", :href => "/images/favicon.png", :type => "image/png"}
+               %script{:src => "http://www.google.com/jsapi", :type => "text/javascript" }
+               %script{:type => "text/javascript" }
+                       :plain
+                                 google.load("jquery", "1.4.0");
+               %script{:src => "/js/jquery.qtip-1.0.0-rc3.min.js", :type => "text/javascript" }
+               %script{:type => "text/javascript" }
+                       :plain
+                               $(document).ready(function() 
+                               {
+                                       $('#qrcode').qtip(
+                                          {
+                                             content: 'Imprime este código para que puedas compartirlo físicamente. (Solo necesitas un lector de códigos como kaywa o i-nigma en tu celular)',
+                                                 show: 'mouseover',
+                                                 hide: 'mouseout',
+                                                 position: {
+                                                     corner: {
+                                                        target: 'bottomMiddle',
+                                                        tooltip: 'topMiddle'
+                                                     }
+                                                 },
+                                                 style: { 
+                                                     width: 400,
+                                                     padding: 5,
+                                                     background: '#222',
+                                                     color: '#fff',
+                                                     textAlign: 'center',
+                                                     border: {
+                                                        width: 7,
+                                                        radius: 5,
+                                                        color: '#222'
+                                                     },
+                                                     tip: 'topMiddle',
+                                                     name: 'dark' // Inherit the rest of the attributes from the preset dark style
+                                                  }
+                                          });
+                                       $('input.url').qtip(
+                                          {
+                                             content: 'Usa esta dirección para compartir el texto via web.',
+                                                 show: 'mouseover',
+                                                 hide: 'mouseout',
+                                                 position: {
+                                                     corner: {
+                                                        target: 'topMiddle',
+                                                        tooltip: 'bottomMiddle'
+                                                     }
+                                                 },
+                                                 style: { 
+                                                     width: 400,
+                                                     padding: 5,
+                                                     background: '#222',
+                                                     color: '#fff',
+                                                     textAlign: 'center',
+                                                     border: {
+                                                        width: 7,
+                                                        radius: 5,
+                                                        color: '#222'
+                                                     },
+                                                     tip: 'bottomMiddle',
+                                                     name: 'dark' // Inherit the rest of the attributes from the preset dark style
+                                                  }
+                                          });
+                               });
                %meta{'http-equiv' => 'Contet-Type', :content => 'text/html; charset=utf-8' }/
+               %script{:type => "text/javascript" }
+                       :plain
+                               var _gaq = _gaq || [];
+                                 _gaq.push(['_setAccount', 'UA-20018878-1']);
+                                 _gaq.push(['_trackPageview']);
+
+                                 (function() {
+                                   var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+                                   ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+                                   var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+                                 })();
        %body
                #wrapper
                        #header