views/layout.erb

<html>
  <head>
    <title>State of the Pants</title>

    <link href="/stylesheets/style.css" media="screen" rel="stylesheet" type="text/css" />
    <link href="/stylesheets/awesome.css" media="screen" rel="stylesheet" type="text/css" />
    <script src="/javascripts/jquery.js" type="text/javascript"></script>
    <script src="/javascripts/app.js" type="text/javascript"></script>
    <script type="text/javascript" src="http://use.typekit.com/hwz3dat.js"></script>
    <script type="text/javascript">
      try {
        Typekit.load({
          loading: function() {
            $('.content .title').css('display', 'hidden');
            
          }, active: function() {
            if (jQuery.support.opacity) {
              $('.content .title').css('display', 'visible').hide().fadeIn('slow');
            } else {
              $('.content .title').css('display', 'visible');
            }
          }, inactive: function() {
            $('.content .title').css('display', 'visible');
          }
        })
      } catch(e){}
    </script>

  </head>

  <body>

    <div class="content">
      <div class="title" style="padding:0;">
        <h1> St<b>at</b>e <b>o</b>f t<b>he</b> P<b>an</b>t<b>s</b> </h1>
      </div>

      <%= yield %>

    </div>

    <script type="text/javascript">

      var _gaq = _gaq || [];
      _gaq.push(['_setAccount', 'UA-12018235-6']);
      _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);
      })();

    </script>
    
  </body>
</html>