From 27da1c2b28ea93330a57a1f3d090ef62b808003e Mon Sep 17 00:00:00 2001
From: Sean Ouimet <sean@seanouimet.com>
Date: Tue, 13 Jan 2015 23:17:45 +0100
Subject: [PATCH 1/3] responsive - global: footer, index: download links

- With the current footer nav items, we need to collapse
  it earlier (560px)
- Collapse the download more < 410px
---
 index.html |  2 +-
 style.css  | 37 +++++++++++++++++++++++++++++++------
 2 files changed, 32 insertions(+), 7 deletions(-)

diff --git a/index.html b/index.html
index 880f6b3..2ab116b 100644
--- a/index.html
+++ b/index.html
@@ -35,7 +35,7 @@ <h1>JavaScript I/O</h1>
     </p>
 
     <div class="release">
-      <a href="https://iojs.org/download/dist/v1.0.0">
+      <a href="https://iojs.org/download/dist/v1.0.0" class="release-logo-link">
         <img class="release-logo" src="images/1.0.0.png" />
       </a>
       <div class="release-details">
diff --git a/style.css b/style.css
index 7a570ef..981555c 100644
--- a/style.css
+++ b/style.css
@@ -125,6 +125,7 @@ ul {
 }
 
 .release-version {
+  display: block;
   font-size: 1.4rem;
   font-weight: 700;
   color: black;
@@ -174,6 +175,17 @@ p.lead {
   text-align:center;
 }
 
+@media (max-width: 560px) {
+  nav a {
+    line-height: 3;
+    display: block;
+    border: none;
+  }
+  .release-version em {
+    display: block;
+  }
+}
+
 @media (max-width: 480px) {
   h1 {
     font-size: 2rem;
@@ -187,12 +199,6 @@ p.lead {
     margin-top: 20px;
   }
 
-  nav a {
-    line-height: 3;
-    display: block;
-    border: none;
-  }
-
   header .content {
     padding: 0;
   }
@@ -201,3 +207,22 @@ p.lead {
     padding-left: 1rem;
   }
 }
+
+@media (max-width: 410px) {
+  .release-logo-link {
+    display: block;
+    text-align: center;
+  }
+  .release-logo {
+    position: relative;
+    top: initial;
+    left: initial;
+  }
+  .release-version {
+    text-align: center;
+  }
+  .release-details {
+    padding-left: initial;
+    padding-top: initial;
+  }
+}

From a341eefcd8da530ee490fcda025d02434be5c74b Mon Sep 17 00:00:00 2001
From: Sean Ouimet <sean@seanouimet.com>
Date: Tue, 13 Jan 2015 23:21:07 +0100
Subject: [PATCH 2/3] responsiveness: Tightens padding on .content < 410px

---
 style.css | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/style.css b/style.css
index 981555c..3492b53 100644
--- a/style.css
+++ b/style.css
@@ -209,6 +209,10 @@ p.lead {
 }
 
 @media (max-width: 410px) {
+  .content {
+    padding-left: 15px;
+    padding-right: 15px;
+  }
   .release-logo-link {
     display: block;
     text-align: center;

From 436d7c1e42512aadd355aad599cf1c79eed0fdca Mon Sep 17 00:00:00 2001
From: Sean Ouimet <sean@seanouimet.com>
Date: Tue, 13 Jan 2015 23:33:11 +0100
Subject: [PATCH 3/3] sets `<title>` to be based on content heading

---
 es6.html   | 2 +-
 faq.html   | 2 +-
 index.html | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/es6.html b/es6.html
index 9420757..0d911be 100644
--- a/es6.html
+++ b/es6.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <meta name="description" content="iojs">
   <meta name="keywords" content="iojs, io.js, io js, javascript io, uv, libuv, node-forward, node forward, node, node.js, node.js forward, nodejs, nodejs forward, javascript">
-  <title>JavaScript I/O</title>
+  <title>io.js - ES6 on io.js</title>
   <link href='//fonts.googleapis.com/css?family=Lato:400,700' rel='stylesheet' type='text/css'>
   <link href="style.css" rel="stylesheet" type="text/css">
 </head>
diff --git a/faq.html b/faq.html
index 2d0660f..280d075 100644
--- a/faq.html
+++ b/faq.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <meta name="description" content="iojs">
   <meta name="keywords" content="iojs, io.js, io js, javascript io, uv, libuv, node-forward, node forward, node, node.js, node.js forward, nodejs, nodejs forward, javascript">
-  <title>JavaScript I/O</title>
+  <title>io.js - FAQ</title>
   <link href='//fonts.googleapis.com/css?family=Lato:400,700' rel='stylesheet' type='text/css'>
   <link href="style.css" rel="stylesheet" type="text/css">
 </head>
diff --git a/index.html b/index.html
index 2ab116b..1902943 100644
--- a/index.html
+++ b/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <meta name="description" content="iojs">
   <meta name="keywords" content="iojs, io.js, io js, javascript io, uv, libuv, node-forward, node forward, node, node.js, node.js forward, nodejs, nodejs forward, javascript">
-  <title>JavaScript I/O</title>
+  <title>io.js - JavaScript I/O</title>
   <link href='//fonts.googleapis.com/css?family=Lato:400,700' rel='stylesheet' type='text/css'>
   <link href="style.css" rel="stylesheet" type="text/css">
 </head>