git.r.bdr.sh - rbdr/grita/blob - views/layoutmini.haml

   1 !!! 5
   2 %html
   3         %head
   4                 -unless @grito.nil?
   5                         -if @grito.errors.empty?
   6                                 %title= "#{@grito.title} - ¡Grita!"
   7                         -else
   8                                 %title ¡Grita!
   9                 %link{:rel => 'stylesheet', :type => 'text/css', :href => '/style.css', :title => 'default'}
  10                 %link{:rel => "icon", :href => "/images/favicon.ico", :type => "image/x-icon"}
  11                 %link{:rel => "icon", :href => "/images/favicon.png", :type => "image/png"}
  12                 %script{:src => "http://www.google.com/jsapi", :type => "text/javascript" }
  13                 %script{:type => "text/javascript" }
  14                         :plain
  15                                   google.load("jquery", "1.4.0");
  16                 %script{:src => "/js/jquery.qtip-1.0.0-rc3.min.js", :type => "text/javascript" }
  17                 %script{:type => "text/javascript" }
  18                         :plain
  19                                 $(document).ready(function()
  20                                 {
  21                                         $('#qrcode').qtip(
  22                                            {
  23                                               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)',
  24                                                   show: 'mouseover',
  25                                                   hide: 'mouseout',
  26                                                   position: {
  27                                                       corner: {
  28                                                          target: 'bottomMiddle',
  29                                                          tooltip: 'topMiddle'
  30                                                       }
  31                                                   },
  32                                                   style: {
  33                                                       width: 400,
  34                                                       padding: 5,
  35                                                       background: '#222',
  36                                                       color: '#fff',
  37                                                       textAlign: 'center',
  38                                                       border: {
  39                                                          width: 7,
  40                                                          radius: 5,
  41                                                          color: '#222'
  42                                                       },
  43                                                       tip: 'topMiddle',
  44                                                       name: 'dark' // Inherit the rest of the attributes from the preset dark style
  45                                                    }
  46                                            });
  47                                         $('input.url').qtip(
  48                                            {
  49                                               content: 'Usa esta dirección para compartir el texto via web.',
  50                                                   show: 'mouseover',
  51                                                   hide: 'mouseout',
  52                                                   position: {
  53                                                       corner: {
  54                                                          target: 'topMiddle',
  55                                                          tooltip: 'bottomMiddle'
  56                                                       }
  57                                                   },
  58                                                   style: {
  59                                                       width: 400,
  60                                                       padding: 5,
  61                                                       background: '#222',
  62                                                       color: '#fff',
  63                                                       textAlign: 'center',
  64                                                       border: {
  65                                                          width: 7,
  66                                                          radius: 5,
  67                                                          color: '#222'
  68                                                       },
  69                                                       tip: 'bottomMiddle',
  70                                                       name: 'dark' // Inherit the rest of the attributes from the preset dark style
  71                                                    }
  72                                            });
  73                                 });
  74                 %meta{'http-equiv' => 'Contet-Type', :content => 'text/html; charset=utf-8' }/
  75         %body
  76                 #wrapper
  77                         #header
  78                                 %a{:id => 'logomini', :href=> '/'}<
  79                                         %span Grita!
  80                         %hr/
  81                         #body
  82                                 =yield
  83                         #footer