Skip to content

Commit

Permalink
Browse files Browse the repository at this point in the history
Fix layout in Internet Explorer 7/8
IE prior to version 9 will create an empty inline element in the
DOM for both the opening and closing HTML5 elements. The recommended
way to workaround this is use div tags to wrap the semantic
elements and use those for styling.

Whilst [Tantek Çelik’s][1] [preferred method][2] is to wrap the HTML5
element around the styling div tag, I’ve gone for wrapping the
div tag around the semantic element as this means the metrics of
both elements match in HTML5 aware browsers.

Another option was to use the [HTML5 shiv][3] JS library but I
rejected this as being unnecessary for simple pages such as these.

[1]: http://tantek.com/
[2]: http://tantek.com/presentations/2010/11/html5-now/
[3]: http://code.google.com/p/html5shim/
  • Loading branch information
pixeltrix committed Mar 5, 2012
1 parent 7f09d07 commit dee9d47
Show file tree
Hide file tree
Showing 19 changed files with 54 additions and 58 deletions.
16 changes: 8 additions & 8 deletions 404.html
Expand Up @@ -17,7 +17,7 @@
</script>
</head>
<body>
<nav id="navigation">
<div id="navigation" class="nav"><nav>
<a href="/">Overview</a> |
<a href="/download/">Download</a> |
<a href="/deploy/">Deploy</a> |
Expand All @@ -27,19 +27,19 @@
<a href="/ecosystem/">Ecosystem</a> |
<a href="/community/">Community</a> |
<a href="http://weblog.rubyonrails.org">Blog</a>
</nav>
<section id="content">
<article id="article" class="overview">
</nav></div>
<div id="content" class="section"><section>
<div id="article" class="overview"><article>
<h1>
<img src="/images/headers/overview.gif" width="603" height="112" alt="Web development that doesn’t hurt">
</h1>
<p class="missing">Sorry! We couldn’t find what you were looking for.</p>
</article>
</section>
<footer id="footer">
</article></div>
</section></div>
<div id="footer" class="footer"><footer>
<p>“Rails”, “Ruby on Rails”, and the Rails logo are registered trademarks of David Heinemeier Hansson. All rights reserved.</p>
<p>Rails is released under the <a href="http://www.opensource.org/licenses/mit-license.php">MIT license</a>. Ruby under the <a href="http://www.ruby-lang.org/en/LICENSE.txt">Ruby License</a>.</p>
<p id="sponsored_by"><span>Sponsored by</span> <a href="http://37signals.com"><img src="/images/37slogo-trans.gif" width="100" height="22"></a>
</footer>
</footer></div>
</body>
</html>
4 changes: 2 additions & 2 deletions _includes/footer.html
@@ -1,5 +1,5 @@
<footer id="footer">
<div id="footer" class="footer"><footer>
<p>“Rails”, “Ruby on Rails”, and the Rails logo are registered trademarks of David Heinemeier Hansson. All rights reserved.</p>
<p>Rails is released under the <a href="http://www.opensource.org/licenses/mit-license.php">MIT license</a>. Ruby under the <a href="http://www.ruby-lang.org/en/LICENSE.txt">Ruby License</a>.</p>
<p id="sponsored_by"><span>Sponsored by</span> <a href="http://37signals.com"><img src="/images/37slogo-trans.gif" width="100" height="22"></a>
</footer>
</footer></div>
4 changes: 2 additions & 2 deletions _includes/navigation.html
@@ -1,4 +1,4 @@
<nav id="navigation">
<div id="navigation" class="nav"><nav>
<a href="/">Overview</a> |
<a href="/download/">Download</a> |
<a href="/deploy/">Deploy</a> |
Expand All @@ -8,4 +8,4 @@
<a href="/ecosystem/">Ecosystem</a> |
<a href="/community/">Community</a> |
<a href="http://weblog.rubyonrails.org">Blog</a>
</nav>
</nav></div>
6 changes: 2 additions & 4 deletions _layouts/default.html
Expand Up @@ -3,17 +3,15 @@
<head>
<meta charset="utf-8">
<title>{{ page.title }}</title>
<meta name="author" content="{{ page.author }}">
<meta name="description" content="{{ page.description }}">
<link href="/styles.css" type="text/css" media="screen" rel="stylesheet">
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
{% include google.html %}
</head>
<body>
{% include navigation.html %}
<section id="content">
<div id="content"><section>
{{ content }}
</section>
</section></div>
{% include footer.html %}
</body>
</html>
4 changes: 2 additions & 2 deletions applications/index.html
Expand Up @@ -2,7 +2,7 @@
layout: default
title: "Ruby on Rails: Applications"
---
<article id="article" class="applications">
<div id="article" class="applications"><article>
<h1>
<img src="/images/headers/applications.gif" width="603" height="112" alt="Real applications live in the wild">
</h1>
Expand Down Expand Up @@ -296,4 +296,4 @@ <h1>
<p><a href="http://www.mixbook.com">Mixbook</a>: Create gorgeous books.</p>
</li>
</ul>
</article>
</article></div>
4 changes: 2 additions & 2 deletions community/index.html
Expand Up @@ -2,7 +2,7 @@
layout: default
title: "Ruby on Rails: Community"
---
<article id="article" class="community">
<div id="article" class="community"><article>
<h1>
<img src="/images/headers/community.gif" width="603" height="112" alt="Become part of the Rails family">
</h1>
Expand Down Expand Up @@ -38,4 +38,4 @@ <h2>IRC</h2>
patch to Rails itself.
</p>
</div>
</article>
</article></div>
4 changes: 2 additions & 2 deletions core/alumni/index.html
Expand Up @@ -2,7 +2,7 @@
layout: default
title: "Ruby on Rails: Core Alumni"
---
<article id="article" class="corealumni">
<div id="article" class="corealumni"><article>
<h1>
<img src="/images/headers/core-alumni.gif" width="603" height="112" alt="The core alumni">
</h1>
Expand Down Expand Up @@ -84,4 +84,4 @@ <h1>
with <a href="https://github.com/technoweenie">numerous plugins</a>.
</p>
</div>
</article>
</article></div>
4 changes: 2 additions & 2 deletions core/index.html
Expand Up @@ -2,7 +2,7 @@
layout: default
title: "Ruby on Rails: Core"
---
<article id="article" class="core">
<div id="article" class="core"><article>
<h1>
<img src="/images/headers/core.gif" width="603" height="112" alt="The core team">
</h1>
Expand Down Expand Up @@ -95,4 +95,4 @@ <h1>
<em>Rails core members who are no longer active in the day-to-day stuff have been immortalized as <a href="/core/alumni/">core alumni</a></em>.
</p>
</div>
</article>
</article></div>
4 changes: 2 additions & 2 deletions deploy/index.html
Expand Up @@ -2,7 +2,7 @@
layout: default
title: "Ruby on Rails: Deploy"
---
<article id="article" class="deploy">
<div id="article" class="deploy"><article>
<h1>
<img src="/images/headers/deploy.gif" width="603" height="112" alt="Deploying Ruby on Rails is easy">
</h1>
Expand Down Expand Up @@ -40,4 +40,4 @@ <h2 class="small">Hosting</h2>
While Rails hosting is now common place, there's a handful of dedicated Rails hosting companies that have been around for a long time and supporting the community: <a href="http://railsmachine.com/">Rails Machine</a>, <a href="http://www.joyent.com/Rails">Joyent</a>, <a href="http://www.brightbox.co.uk/">Brightbox</a>, <a href="http://www.planetargon.com/hosting.html">Planet Argon</a>, <a href="http://www.engineyard.com/">Engine Yard</a>, and <a href="http://www.heroku.com/">Heroku</a>. If you're just looking for a VPS, we recommend <a href="http://www.slicehost.com">Slicehost</a> or <a href="http://www.linode.com/">Linode</a>.
</p>
</div>
</article>
</article></div>
4 changes: 2 additions & 2 deletions documentation/index.html
Expand Up @@ -2,7 +2,7 @@
layout: default
title: "Ruby on Rails: Documentation"
---
<article id="article" class="documentation">
<div id="article" class="documentation"><article>
<h1>
<img src="/images/headers/documentation.gif" width="603" height="112" alt="Learn all about Ruby on Rails">
</h1>
Expand Down Expand Up @@ -63,4 +63,4 @@ <h2>By the users</h2>
<a href="http://www.bigbold.com/snippets/tags/rails">Snippets:</a> A public, taggable code repository.<br>
</p>
</div>
</article>
</article></div>
4 changes: 2 additions & 2 deletions download/index.html
Expand Up @@ -2,7 +2,7 @@
layout: default
title: "Ruby on Rails: Download"
---
<article id="article" class="download">
<div id="article" class="download"><article>
<h1>
<img src="/images/headers/download.gif" width="603" height="112" alt="Get Ruby on Rails in no time">
</h1>
Expand Down Expand Up @@ -68,4 +68,4 @@ <h2 class="small">Editors</h2>
For a full-on IDE, check out <a href="http://www.aptana.com/rails/">RadRails</a>, <a href="http://www.jetbrains.com/ruby/index.html">RubyMine</a>, <a href="http://www.codegear.com/products/3rdrail">3rd Rail</a>, or <a href="http://www.netbeans.org/features/ruby/index.html">Netbeans for Ruby</a>.
</p>
</div>
</article>
</article></div>
4 changes: 2 additions & 2 deletions ecosystem/index.html
Expand Up @@ -2,7 +2,7 @@
layout: default
title: "Ruby on Rails: Ecosystem"
---
<article id="article" class="ecosystem">
<div id="article" class="ecosystem"><article>
<h1>
<img src="/images/headers/ecosystem.gif" width="603" height="112" alt="A vibrant ecosystem of support">
</h1>
Expand Down Expand Up @@ -63,4 +63,4 @@ <h2>Conferences &amp; Workshops</h2>
upcoming conferences on <a href="http://rubythere.com/">the Ruby event calendar</a>.
</p>
</div>
</article>
</article></div>
4 changes: 2 additions & 2 deletions index.html
Expand Up @@ -2,7 +2,7 @@
layout: default
title: "Ruby on Rails"
---
<article id="article" class="overview">
<div id="article" class="overview"><article>
<h1>
<img src="/images/headers/overview.gif" width="603" height="112" alt="Web development that doesn’t hurt">
</h1>
Expand Down Expand Up @@ -159,4 +159,4 @@ <h2>Who is<br>behind it?</h2>
and supported by a <a href="/ecosystem/">vibrant ecosystem</a>.
</p>
</div>
</article>
</article></div>
4 changes: 2 additions & 2 deletions quotes/index.html
Expand Up @@ -2,7 +2,7 @@
layout: default
title: "Ruby on Rails: Quotes"
---
<article id="article" class="quotes">
<div id="article" class="quotes"><article>
<h1>
<img src="/images/headers/quotes.gif" width="603" height="112" alt="Smart people saying nice things">
</h1>
Expand Down Expand Up @@ -70,4 +70,4 @@ <h1>
</p>
<p><cite>– Yukihiro Matsumoto, Creator of Ruby</cite></p>
</blockquote>
</article>
</article></div>
4 changes: 2 additions & 2 deletions screencasts/index.html
Expand Up @@ -2,7 +2,7 @@
layout: default
title: "Ruby on Rails: Screencasts"
---
<article id="article" class="screencasts">
<div id="article" class="screencasts"><article>
<h1>
<img src="/images/headers/screencasts.gif" width="603" height="112" alt="Show, don’t tell: Seeing is believing">
</h1>
Expand Down Expand Up @@ -211,4 +211,4 @@ <h2>Presentations</h2>
</li>
</ul>
</div>
</article>
</article></div>
4 changes: 2 additions & 2 deletions screencasts/rails3/index.html
Expand Up @@ -2,7 +2,7 @@
layout: default
title: "Ruby on Rails: Rails 3 Screencasts"
---
<article id="article" class="screencasts">
<div id="article" class="screencasts"><article>
<h1>
<img src="/images/headers/rails-3-screencasts.gif" width="603" height="112" alt="Dive into Rails 3">
</h1>
Expand Down Expand Up @@ -132,4 +132,4 @@ <h3 class="pull-left">The Credits</h3>
Creative Commons <a href="http://img.skitch.com/20100603-t368qxajp6bmapgfmb2iyqdjy5.jpg">Photo Credits</a>
</p>
</div>
</article>
</article></div>
4 changes: 2 additions & 2 deletions security/index.html
Expand Up @@ -2,7 +2,7 @@
layout: default
title: "Ruby on Rails: Security Policy"
---
<article id="article" class="security">
<div id="article" class="security"><article>
<h2>Reporting a bug</h2>
<p>All security bugs in rails should be reported by email to <a href="mailto:security@rubyonrails.org">security@rubyonrails.org</a>. This list is delivered to a subset of the <a href="http://www.rubyonrails.org/core">core team</a> who handle security issues. Your email will be acknowledged within 24 hours, and you’ll receive a more detailed response to your email within 48 hours indicating the next steps in handling your report.</p>
<p>This email address receives a large amount of spam, so be sure to use a descriptive subject line to avoid having your email getting lost in the spam and your report being missed. After the initial reply to your report the security team will endeavor to keep you informed of the progress being made towards a fix and full announcement. As recommended by <a href="http://www.wiretrip.net/rfp/policy.html">RFPolicy</a> these updates will be sent at <strong>least</strong> every five days, in reality this is more likely to be every 24-48 hours.</p>
Expand All @@ -29,4 +29,4 @@ <h2>Receiving Security Updates</h2>
<p>No one outside the core team, the initial reporter or vendor-sec will be notified prior to the lifting of the embargo. We regret that we cannot make exceptions to this policy for high traffic or important sites, as any disclosure beyond the minimum required to coordinate a fix could cause an early leak of the vulnerability.</p>
<h2>Comments on this Policy</h2>
<p>If you have any suggestions to improve this policy, please send an email to <a href="mailto:security@rubyonrails.org">security@rubyonrails.org</a>.</p>
</article>
</article></div>
26 changes: 13 additions & 13 deletions sitemap.xml
Expand Up @@ -2,54 +2,54 @@
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
<url>
<loc>/applications/</loc>
<lastmod>2012-02-28</lastmod>
<lastmod>2012-03-05</lastmod>
</url>
<url>
<loc>/community/</loc>
<lastmod>2012-02-28</lastmod>
<lastmod>2012-03-05</lastmod>
</url>
<url>
<loc>/core/alumni/</loc>
<lastmod>2012-02-28</lastmod>
<lastmod>2012-03-05</lastmod>
</url>
<url>
<loc>/core/</loc>
<lastmod>2012-02-28</lastmod>
<lastmod>2012-03-05</lastmod>
</url>
<url>
<loc>/deploy/</loc>
<lastmod>2012-02-28</lastmod>
<lastmod>2012-03-05</lastmod>
</url>
<url>
<loc>/documentation/</loc>
<lastmod>2012-02-28</lastmod>
<lastmod>2012-03-05</lastmod>
</url>
<url>
<loc>/download/</loc>
<lastmod>2012-02-28</lastmod>
<lastmod>2012-03-05</lastmod>
</url>
<url>
<loc>/ecosystem/</loc>
<lastmod>2012-02-28</lastmod>
<lastmod>2012-03-05</lastmod>
</url>
<url>
<loc>/</loc>
<lastmod>2012-02-28</lastmod>
<lastmod>2012-03-05</lastmod>
</url>
<url>
<loc>/quotes/</loc>
<lastmod>2012-02-28</lastmod>
<lastmod>2012-03-05</lastmod>
</url>
<url>
<loc>/screencasts/</loc>
<lastmod>2012-02-29</lastmod>
<lastmod>2012-03-05</lastmod>
</url>
<url>
<loc>/screencasts/rails3/</loc>
<lastmod>2012-02-29</lastmod>
<lastmod>2012-03-05</lastmod>
</url>
<url>
<loc>/security/</loc>
<lastmod>2012-02-28</lastmod>
<lastmod>2012-03-05</lastmod>
</url>
</urlset>
4 changes: 1 addition & 3 deletions styles.css
@@ -1,5 +1,3 @@
/* @override http://127.0.0.1:4000/styles.css */

/* Site */
body {
background: #fff url(images/topbluefade.gif) repeat-x center top;
Expand Down Expand Up @@ -350,7 +348,7 @@ div.section ul.links li.rss {
#slideshow {
font-family: Georgia;
font-size: 16px;
height: 130px;
height: 132px;
line-height: 140%;
margin: 0px auto 30px;
text-align: center;
Expand Down

0 comments on commit dee9d47

Please sign in to comment.