diff --git a/README.md b/README.md
index a9aa7e8..8d143af 100644
--- a/README.md
+++ b/README.md
@@ -1,14 +1,7 @@
 ## Executable Examples
 
-<div style="float:right">
-  <img src="img/cover-1.png" width="200" style="margin: 10px;"/>
-</div>
+This [page](https://makingdatavisual.github.io) and project contain a live copy of the figures for the book ["Making Data Visual"](https://shop.oreilly.com/product/0636920041320.do). The book's official O'Reilly source materials can be found at [its website](https://resources.oreilly.com/examples/0636920041320). These are here so that you can learn how to re-create this images for your own visualizations.
 
-This [page](https://makingdatavisual.github.io) and project contain a live copy of the figures for the book ["Making Data Visual"](http://shop.oreilly.com/product/0636920041320.do). The book's official O'Reilly source materials can be found at [its website](https://resources.oreilly.com/examples/0636920041320). These are here so that you can learn how to re-create this images for your own visualizations.
+The figures are written in [Vega and Vega-Lite](https://vega.github.io), a JSON-based web-based language for creating sophisticated data visualizations.
 
-The figures are written in [Vega and Vega-Lite](http://vega.github.io), a JSON-based web-based language for creating sophisticated data visualizations.
-
-{:.clear}
 An illustrated list of all figures, with interactive code, is at the [Figure List](figurelist.html).
-
-This page is hosted on [on GitHub](https://github.com/MakingDataVisual/makingdatavisual.github.io).
diff --git a/_config.yml b/_config.yml
index 0daa485..b70cc40 100644
--- a/_config.yml
+++ b/_config.yml
@@ -1,4 +1,4 @@
-title: Executable Examples
-description: Executable Examples for Making Data Visual
+title: Making Data Visual
+description: Executable Examples for the Book "Making Data Visual" by Danyel Fisher & Miriah Meyer
 show_downloads: false
 theme: jekyll-theme-cayman
diff --git a/_layouts/examplepage.html b/_layouts/examplepage.html
index 9c962f8..3f5c477 100644
--- a/_layouts/examplepage.html
+++ b/_layouts/examplepage.html
@@ -1,5 +1,5 @@
 ---
-layout: default
+layout: page
 ---
 
 <script src="https://cdnjs.cloudflare.com/ajax/libs/vega/3.0.9/vega.js"></script>
@@ -19,7 +19,8 @@
 
 </script>
 <a href="../figurelist.html">◀ Back to List of Figures</a>
-<h1> {{page.number}} {{page.title}} </h1>
+
+<h2> {{page.number}} {{page.title}} </h2>
 
 <p>
     {{ page.description }}
diff --git a/_layouts/page.html b/_layouts/page.html
new file mode 100644
index 0000000..474ddf5
--- /dev/null
+++ b/_layouts/page.html
@@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<html lang="{{ site.lang | default: "en-US" }}">
+  <head>
+    <meta charset="UTF-8">
+
+{% seo %}
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="theme-color" content="#157878">
+    <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,700' rel='stylesheet' type='text/css'>
+    <link rel="stylesheet" href="{{ '/assets/css/style.css?v=' | append: site.github.build_revision | relative_url }}">
+  </head>
+  <body>
+    <section class="page-header small">
+      <a href="/">
+        <h1 class="project-name">{{ site.title | default: site.github.repository_name }}</h1>
+      </a>
+    </section>
+
+    <section class="main-content">
+      {{ content }}
+
+      <footer class="site-footer">
+        {% if site.github.is_project_page %}
+          <span class="site-footer-owner"><a href="{{ site.github.repository_url }}">{{ site.github.repository_name }}</a> is maintained by <a href="{{ site.github.owner_url }}">{{ site.github.owner_name }}</a>.</span>
+        {% endif %}
+        <span class="site-footer-credits">This page was generated by <a href="https://pages.github.com">GitHub Pages</a>.</span>
+      </footer>
+    </section>
+
+    {% if site.google_analytics %}
+      <script type="text/javascript">
+        (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
+        (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
+        m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
+        })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
+
+        ga('create', '{{ site.google_analytics }}', 'auto');
+        ga('send', 'pageview');
+      </script>
+    {% endif %}
+  </body>
+</html>
\ No newline at end of file
diff --git a/assets/css/style.scss b/assets/css/style.scss
index 1672ab0..f28010a 100644
--- a/assets/css/style.scss
+++ b/assets/css/style.scss
@@ -3,8 +3,24 @@
 
 @import "{{ site.theme }}";
 
+.page-header.small {
+    padding: 2rem 6rem;
+    h1 {
+        font-size: 2.5rem;
+    }
+}
+
+.page-header a {
+    color: white;
+    text-decoration: none;
+}
+
+.group {
+    margin: 0.6em 0;
+}
+
 img.figure {
-    width: 200px;
+    width: 220px;
     float:left;
     background: white;
     padding: 10px;
@@ -12,14 +28,8 @@ img.figure {
     margin-right: 20px;
 }
 
-h1 {
-    clear:both;
-    padding-top: 20px;
-}
-
-h2 {
-    clear:both;
-    padding-top: 20px;
+#view {
+    margin: 2em 0;
 }
 
 .note {
diff --git a/figurelist.html b/figurelist.html
index 43e1714..9f43e71 100644
--- a/figurelist.html
+++ b/figurelist.html
@@ -1,6 +1,6 @@
 ---
-layout: default
-title: Executable Examples for Making Data Visual
+layout: page
+title: List of Figures
 ---
 
 <a href="./">◀ Back to Homepage</a>
@@ -8,14 +8,10 @@
 <h2>List of Figures</h2>
 
 {% for group in site.data.figures %} 
-    <a href="#{{group.name}}"><div class="group"> {{ group.group }}:</a>
-    {{ group.children | map: "title" | join: ", "  }}
-<!--                    {% for figure in group.children %} 
-        {% if figure.number %} 
-            <span>{{ figure.title }} </span>
-        {% endif %} 
-    {% endfor %} 
-!-->
+    <div class="group">
+        <a href="#{{group.name}}">{{ group.group }}:</a>
+        {{ group.children | map: "title" | join: ", "  }}
+    </div>
 {% endfor %}
 
 {% for group in site.data.figures %}
diff --git a/index.md b/index.md
new file mode 100644
index 0000000..bc09d00
--- /dev/null
+++ b/index.md
@@ -0,0 +1,15 @@
+---
+title: Home
+layout: default
+---
+
+<div style="float:right">
+  <img src="img/cover-1.png" width="200" style="margin: 10px;"/>
+</div>
+
+This [page](https://makingdatavisual.github.io) and project contain a live copy of the figures for the book ["Making Data Visual"](https://shop.oreilly.com/product/0636920041320.do). The book's official O'Reilly source materials can be found at [its website](https://resources.oreilly.com/examples/0636920041320). These are here so that you can learn how to re-create this images for your own visualizations.
+
+The figures are written in [Vega and Vega-Lite](https://vega.github.io), a JSON-based web-based language for creating sophisticated data visualizations.
+
+{:.clear}
+An illustrated list of all figures, with interactive code, is at the [Figure List](figurelist.html).
