Let's get the responsive stylesheet working

[wasnotrice]

Currently, the responsive stylesheet is included in the head, but the HAML is messed up here so that it produces this:

<style type="text/css">
                /*<![CDATA[*/
                  body {
                    padding-top: 60px;
                    padding-bottom: 40px;
                  }
                    %link{:href => "/css/bootstrap-responsive.css", :rel => "stylesheet"}
                  / Le HTML5 shim, for IE6-8 support of HTML5 elements
                  /[if lt IE 9]
                    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
                  / Le fav and touch icons
                  %link{:href => "/ico/favicon.ico", :rel => "shortcut icon"}
                    %link{:href => "/ico/apple-touch-icon-114-precomposed.png", :rel => "apple-touch-icon-precomposed", :sizes => "114x114"}
                      %link{:href => "/ico/apple-touch-icon-72-precomposed.png", :rel => "apple-touch-icon-precomposed", :sizes => "72x72"}
                        %link{:href => "/ico/apple-touch-icon-57-precomposed.png", :rel => "apple-touch-icon-precomposed"}
                /*]]>*/
              </style>

And, of course, the site doesn't adapt to small screens. The icons mentioned there don't exist.

[steveklabnik]

:+1:. A new version of Bootstrap came out a bit ago, too...

[wasnotrice]

Hmmm. Probably a good time to pull our site styles out of the main bootstrap.css ;)

[wpp]

@wasnotrice good idea :smile: what are these icons supposed to look like, or where do they come from?

[wpp]

see #22