Permalink
Browse files

Merge pull request #21 from jina/gh-pages

CSS Sticky Footer — Tested and verified to kick ass. Thanks, Jina!
  • Loading branch information...
2 parents a2c7664 + 11433b3 commit 15d7321dd37815358a10caac370d2575f238247e @KuraFire KuraFire committed Jul 21, 2012
Showing with 1,805 additions and 50 deletions.
  1. +56 −50 _layouts/default.html
  2. +1,749 −0 i/css/modernizr-2.1.1.css
View
@@ -14,7 +14,7 @@
<link rel="alternate" href="http://feeds.feedburner.com/Modernizr" type="application/rss+xml" title="RSS" />
<!--[if lte IE 7]><link rel="stylesheet" href="/i/css/ie6.1.1.css" media="screen, projection"><![endif]-->
- <!--[if (gt IE 7)|!(IE)]><!--><link rel="stylesheet" href="/i/css/modernizr-2.1.0.css?v=1" type="text/css" media="screen"><!--<![endif]-->
+ <!--[if (gt IE 7)|!(IE)]><!--><link rel="stylesheet" href="/i/css/modernizr-2.1.1.css?v=1" type="text/css" media="screen"><!--<![endif]-->
<script>
@@ -33,55 +33,60 @@
<body id="{{ page.body_id }}">
- <nav role="navigation">
- <ul id="nav">
- <li><a class="wt{% if page.body_id == 'builder' %} current{% endif %}" href="/download/">Download</a></li>
- <li><a class="wt{% if page.body_id == 'docs' %} current{% endif %}" href="/docs/">Documentation</a></li>
- <li><a class="wt{% if page.body_id == 'resources' %} current{% endif %}" href="/resources/">Resources</a></li>
- <li><a class="wt{% if page.body_id == 'news' %} current{% endif %}" href="/news/">News</a></li>
- </ul>
- </nav>
-
- <div class="container clrfx">
-
- <header id="masthead" class="loading">
- <hgroup>
- <a href="/" class="banner" role="banner">
- <h1 class="title"><img src="/i/img/logo-x12.png" alt="" class="logo">Modernizr</h1>
- <h2 class="subtitle"><span>Front</span>-end Development Done Right</h2>
- </a>
- </hgroup>
- </header>
- <!--
- <aside class="quote">
- <q>Modernizr is an essential part of my toolkit of files.</q>
- <cite>Andy Clarke</cite>, <a class="cite-source" href="http://www.stuffandnonsense.co.uk/" rel="external">Stuff &amp; Nonsense</a>
- </aside>
- -->
- <aside class="quote">
- <q>An indispensable tool.</q>
- <cite>Bruce Bowman</cite>, <a class="cite-source" href="https://browserlab.adobe.com/" rel="external">Adobe BrowserLab Product Manager</a>
- </aside>
-
- <div id="content" class="clrfx">
-
- <div id="primary" class="clrfx" role="main">
- {{ content }}
- </div><!-- #primary -->
-
- <div id="secondary" class="clrfx" role="complementary">
- {% include community.html %}
-
- {% unless page.body_id == 'docs' or page.body_id == 'news' %}
- {% include latest-news.html %}
- {% endunless %}
- </div><!-- #secondary -->
-
- </div><!-- #content -->
-
- </div><!-- .container -->
-
-
+ <div class="page">
+
+ <nav role="navigation">
+ <ul id="nav">
+ <li><a class="wt{% if page.body_id == 'builder' %} current{% endif %}" href="/download/">Download</a></li>
+ <li><a class="wt{% if page.body_id == 'docs' %} current{% endif %}" href="/docs/">Documentation</a></li>
+ <li><a class="wt{% if page.body_id == 'resources' %} current{% endif %}" href="/resources/">Resources</a></li>
+ <li><a class="wt{% if page.body_id == 'news' %} current{% endif %}" href="/news/">News</a></li>
+ </ul>
+ </nav>
+
+ <div class="container clrfx">
+
+ <header id="masthead" class="loading">
+ <hgroup>
+ <a href="/" class="banner" role="banner">
+ <h1 class="title"><img src="/i/img/logo-x12.png" alt="" class="logo">Modernizr</h1>
+ <h2 class="subtitle"><span>Front</span>-end Development Done Right</h2>
+ </a>
+ </hgroup>
+ </header>
+ <!--
+ <aside class="quote">
+ <q>Modernizr is an essential part of my toolkit of files.</q>
+ <cite>Andy Clarke</cite>, <a class="cite-source" href="http://www.stuffandnonsense.co.uk/" rel="external">Stuff &amp; Nonsense</a>
+ </aside>
+ -->
+ <aside class="quote">
+ <q>An indispensable tool.</q>
+ <cite>Bruce Bowman</cite>, <a class="cite-source" href="https://browserlab.adobe.com/" rel="external">Adobe BrowserLab Product Manager</a>
+ </aside>
+
+ <div id="content" class="clrfx">
+
+ <div id="primary" class="clrfx" role="main">
+ {{ content }}
+ </div><!-- #primary -->
+
+ <div id="secondary" class="clrfx" role="complementary">
+ {% include community.html %}
+
+ {% unless page.body_id == 'docs' or page.body_id == 'news' %}
+ {% include latest-news.html %}
+ {% endunless %}
+ </div><!-- #secondary -->
+
+ </div><!-- #content -->
+
+ </div><!-- .container -->
+
+ <div class="footer-shim"></div>
+ </div><!-- .page -->
+
+ <div class="footer-anchor">
<footer id="page-footer">
<section id="used-by">
@@ -143,6 +148,7 @@ <h2 class="subtitle"><span>Front</span>-end Development Done Right</h2>
<!-- </div> -->
</footer>
+ </div><!-- .footer-anchor -->
</body>
</html>
Oops, something went wrong.

8 comments on commit 15d7321

Contributor

jina replied Jul 21, 2012

👍

BTW, curious. With GitHub acting as your version control, does managing whole new style sheet versions for new changes make code versioning and comparisons tricky?

Thanks for merging this!

Owner

KuraFire replied Jul 21, 2012

Yes; ideally when creating a new file during updates, one commits the file (in original duplicated state) first and then applies changes to the new file in a separate commit, or commits. That said, none of us necessarily always remember to do so.

It'd be nice to drop the versioned filenames because of Github, but alas, browser caches are still an issue.

Contributor

jina replied Jul 21, 2012

Ah. If you do end up working with Middleman maybe this might help:
http://middlemanapp.com/advanced/improving-cacheability/

Until then, yeah, I see how that can be an issue.

Owner

paulirish replied Jul 21, 2012

i think we could safely reuse the same filename for the css. can always querystring cachebust if neccessary.

Owner

paulirish replied Jul 21, 2012

thank you much jina :)

Owner

KuraFire replied Jul 21, 2012

@paulirish Yeah I was thinking of doing a huge site (file) cleanup for Redesign 3.0

Contributor

jina replied Jul 21, 2012

Happy to help. :)

Member

bobthecow replied Jul 22, 2012

Another site I helped out with uses a cachebust param in _config.yaml and it works great: https://github.com/bobthecow/php-fig.github.com/blob/master/_layouts/default.html

No need for versioned filenames, and the git diffs make sense.

Please sign in to comment.