!!! 5
%html
	%head
		-unless @grito.nil?
			-if @grito.errors.empty?
				%title= "#{@grito.title} - ¡Grita!"
			-else
				%title ¡Grita!
		%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"}
		%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
				%a{:id => 'logo', :href=> '/'}<
					%span Grita!
				#description
					:markdown 
						Un servicio sencillo: **(1)** Encuentra algo que quieras decir. **(2)** escribelo en el espacio que se encuentra abajo. **(3a)** Compartelo por medio de internet con un sencillo link. **(3b)** Compartelo físicamente con códigos que puedes imprimir para que sean leídos con un celular.
			%hr/
			#body 
				=yield
			#footer