From 0f334f5da25e438231d71349e2e9ac9a61347862 Mon Sep 17 00:00:00 2001
From: Philipp Oppermann <dev@phil-opp.com>
Date: Tue, 19 Jan 2016 00:56:05 +0100
Subject: [PATCH 1/3] Add an introduction to the front page

---
 _sass/_masthead.scss |  6 +++++-
 index.html           | 18 +++++++++++++-----
 2 files changed, 18 insertions(+), 6 deletions(-)

diff --git a/_sass/_masthead.scss b/_sass/_masthead.scss
index 797d0af7..a6cb0e75 100644
--- a/_sass/_masthead.scss
+++ b/_sass/_masthead.scss
@@ -5,7 +5,7 @@
 .masthead {
   padding-top:    1rem;
   padding-bottom: 1rem;
-  margin-bottom: 3rem;
+  margin-bottom: 1rem;
 }
 
 .masthead-title {
@@ -37,3 +37,7 @@
 .navigation small {
 	margin-left: 1.5rem;
 }
+
+.front-page-introduction {
+	margin-bottom: 2rem;
+}
diff --git a/index.html b/index.html
index 808af355..43a51e80 100644
--- a/index.html
+++ b/index.html
@@ -2,27 +2,35 @@
 layout: default
 title: Home
 ---
-<div class="newest-post">
-<emph>Latest Post</emph>: {% for post in site.posts limit:1 %}
+
+<div class="front-page-introduction">
+<p>This blog series creates a small operating system in the <a href="https://www.rust-lang.org/">Rust programming language</a>.
+We start from scratch and build it in small steps. Each post is a
+tutorial and includes all needed code, so you can follow along if you
+like. The source code is also available in the corresponding <a href="https://github.com/phil-opp/blog_os">Github
+repository</a>.</p>
+<p>First, we create a minimal 64-bit kernel and do the initial Rust setup.
+Then we explore virtual and physical <a href="#memory-management">memory management</a>.
+The latest post is: {% for post in site.posts limit:1 %}
   <strong><a href="#{{ post.id }}" onclick="
     post = document.getElementById('{{ post.id }}');
     post.className = post.className.replace(/\b updated\b/, '');
     post.offsetWidth = post.offsetWidth; // trigger reflow -> works on 2nd click, too
     post.className += ' updated';
   ">{{post.title}}</a></strong>
-{% endfor %}
+{% endfor %}</p>
 </div>
 
 {% assign posts = site.posts | reverse %}
 
-<div class="post-category bare-bones">Bare Bones</div>
+<div id="bare-bones" class="post-category bare-bones">Bare Bones</div>
 <div class="posts bare-bones">
   {% for post in posts limit:4  %}
     {% include post_teaser.html %}
   {% endfor %}
 </div>
 
-<div class="post-category memory-management">Memory Management</div>
+<div id="memory-management" class="post-category memory-management">Memory Management</div>
 <div class="posts memory-management">
   {% for post in posts offset:4 limit:3 %}
     {% include post_teaser.html %}

From d47af70e51f51f90c597ea6877c072a4f229223d Mon Sep 17 00:00:00 2001
From: Philipp Oppermann <dev@phil-opp.com>
Date: Tue, 19 Jan 2016 22:03:01 +0100
Subject: [PATCH 2/3] Shorten the introduction

---
 index.html | 7 ++-----
 1 file changed, 2 insertions(+), 5 deletions(-)

diff --git a/index.html b/index.html
index 43a51e80..3cb417fb 100644
--- a/index.html
+++ b/index.html
@@ -5,13 +5,10 @@ title: Home
 
 <div class="front-page-introduction">
 <p>This blog series creates a small operating system in the <a href="https://www.rust-lang.org/">Rust programming language</a>.
-We start from scratch and build it in small steps. Each post is a
-tutorial and includes all needed code, so you can follow along if you
+Each post is a small tutorial and includes all needed code, so you can follow along if you
 like. The source code is also available in the corresponding <a href="https://github.com/phil-opp/blog_os">Github
 repository</a>.</p>
-<p>First, we create a minimal 64-bit kernel and do the initial Rust setup.
-Then we explore virtual and physical <a href="#memory-management">memory management</a>.
-The latest post is: {% for post in site.posts limit:1 %}
+<p>Latest post: {% for post in site.posts limit:1 %}
   <strong><a href="#{{ post.id }}" onclick="
     post = document.getElementById('{{ post.id }}');
     post.className = post.className.replace(/\b updated\b/, '');

From 5a4e5288f0019138d9fc807c99c366f78fa0304c Mon Sep 17 00:00:00 2001
From: Philipp Oppermann <dev@phil-opp.com>
Date: Tue, 19 Jan 2016 22:05:00 +0100
Subject: [PATCH 3/3] Formatting

---
 index.html | 16 +++++++++-------
 1 file changed, 9 insertions(+), 7 deletions(-)

diff --git a/index.html b/index.html
index 3cb417fb..aa64020a 100644
--- a/index.html
+++ b/index.html
@@ -3,11 +3,13 @@ layout: default
 title: Home
 ---
 
-<div class="front-page-introduction">
-<p>This blog series creates a small operating system in the <a href="https://www.rust-lang.org/">Rust programming language</a>.
-Each post is a small tutorial and includes all needed code, so you can follow along if you
-like. The source code is also available in the corresponding <a href="https://github.com/phil-opp/blog_os">Github
-repository</a>.</p>
+<div class="front-page-introduction"><p>
+  This blog series creates a small operating system in the
+  <a href="https://www.rust-lang.org/">Rust programming language</a>. Each post
+  is a small tutorial and includes all needed code, so you can follow along if
+  you like. The source code is also available in the corresponding
+  <a href="https://github.com/phil-opp/blog_os">Github repository</a>.
+</p>
 <p>Latest post: {% for post in site.posts limit:1 %}
   <strong><a href="#{{ post.id }}" onclick="
     post = document.getElementById('{{ post.id }}');
@@ -15,8 +17,8 @@ repository</a>.</p>
     post.offsetWidth = post.offsetWidth; // trigger reflow -> works on 2nd click, too
     post.className += ' updated';
   ">{{post.title}}</a></strong>
-{% endfor %}</p>
-</div>
+  {% endfor %}
+</p></div>
 
 {% assign posts = site.posts | reverse %}