diff options
Diffstat (limited to 'views/layoutmini.haml')
| -rw-r--r-- | views/layoutmini.haml | 62 |
1 files changed, 62 insertions, 0 deletions
diff --git a/views/layoutmini.haml b/views/layoutmini.haml index 23fbe14..5e24c98 100644 --- a/views/layoutmini.haml +++ b/views/layoutmini.haml @@ -9,6 +9,68 @@ %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' }/ %body #wrapper |