app/views/layouts/application.erb
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<title>Alfred</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<meta name="description" content="Ubuntu orange and unique font."/>
<meta name="author" content="Thomas Park"/>
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<link href="/stylesheets/bootstrap.min.css" rel="stylesheet"/>
<link href="/stylesheets/bootstrap-responsive.min.css" rel="stylesheet"/>
<link href="/stylesheets/font-awesome.min.css" rel="stylesheet"/>
<link href="/stylesheets/bootswatch.css" rel="stylesheet"/>
<link href="/stylesheets/alfred.css" rel="stylesheet"/>
<%= yield_content :additional_css %>
</head>
<body class="preview" id="top" data-spy="scroll" data-target=".subnav" data-offset="80">
<!-- Navbar
================================================== -->
<div class="navbar navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</a>
<a class="brand" href="/">Alfred</a>
<div class="nav-collapse collapse" id="main-menu">
<%= partial 'layouts/menu' %>
</div>
</div>
</div>
</div>
<div class="container">
<div class='main-wrapper'>
<%= [:error, :warning, :success, :notice].map { |type| flash_tag(type, :class => "alert alert-#{type} fade in", :bootstrap => true) }.join.html_safe %>
</div>
<section id="main-content">
<%= yield %>
</section>
</div><!-- /container -->
<hr/>
<footer id="footer">
<div class="container">
<p>
Basado en <a href="http://twitter.github.com/bootstrap/">Bootstrap</a>.
Alojado en <a href="http://pages.github.com/">GitHub</a>.
Iconos de <a href="http://fortawesome.github.com/Font-Awesome/">Font Awesome</a>.
Web fonts de <a href="http://www.google.com/webfonts">Google</a>.
Product version: <%= Version.current %>
</p>
</div>
</footer>
<!-- Le javascript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<% if Padrino.env == :production %>
<%= javascript_include_tag 'jquery-1.9.0.min', 'bootstrap/bootstrap.min' %>
<% else %>
<%= javascript_include_tag %w[jquery-1.9.0.js bootstrap/bootstrap-affix bootstrap/bootstrap-alert bootstrap/bootstrap-button bootstrap/bootstrap-carousel bootstrap/bootstrap-collapse bootstrap/bootstrap-dropdown bootstrap/bootstrap-tooltip bootstrap/bootstrap-transition bootstrap/bootstrap-typeahead bootstrap/bootstrap-modal bootstrap/bootstrap-popover bootstrap/bootstrap-scrollspy bootstrap/bootstrap-tab] %>
<% end %>
<script src="/javascripts/jquery.smooth-scroll.min.js"></script>
<script src="/javascripts/jquery.validate.js"></script>
<script src="/javascripts/bootswatch.js"></script>
<% if ENV['GOOGLE_ANALYTICS_TRACKING_ID'] %>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', "<%= ENV['GOOGLE_ANALYTICS_TRACKING_ID'] %>", "<%= ENV['GOOGLE_ANALYTICS_DOMAIN'] %>");
ga('send', 'pageview');
</script>
<% end %>
<%= yield_content :additional_js %>
<script type='text/javascript'>
$(document).ready(function() {
$("[rel='tooltip']").tooltip();
});
</script>
</body>
</html>