diff --git a/_includes/layouts/post.njk b/_includes/layouts/post.njk
index 8323e24..20a7d6c 100644
--- a/_includes/layouts/post.njk
+++ b/_includes/layouts/post.njk
@@ -2,7 +2,7 @@
 layout: layouts/base.njk
 ---
 <article>
-  <h1>{{ title }}</h1>
+  <h1 class="post-title">{{ title }}</h1>
   <div class="about">
     <address>by <a href="{{ author.url or metadata.author.url }}">
       {{ author.name or metadata.author.name }}
diff --git a/_includes/layouts/series_base.njk b/_includes/layouts/series_base.njk
new file mode 100644
index 0000000..fe8f2e3
--- /dev/null
+++ b/_includes/layouts/series_base.njk
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>
+      {% if title %}{{ title  }} - {% endif %}
+      {% if series %}{{ series.name }} - {% endif %}
+      {{ metadata.title }}
+    </title>
+    <meta name="description" content="{{ description or metadata.description }}">
+    <link rel="alternate" href="/feed/feed.xml" type="application/atom+xml" title="{{ metadata.title }}">
+    <link rel="stylesheet" href="/styles.css">
+  </head>
+  <body>
+    {{ content | safe }}
+  </body>
+</html>
diff --git a/_includes/series_list.njk b/_includes/series_list.njk
index 0f3ae23..23ef23d 100644
--- a/_includes/series_list.njk
+++ b/_includes/series_list.njk
@@ -1,5 +1,6 @@
 <nav>
   <h2>{{ seriesName }}</h2>
+  <a href="/series/{{ seriesName | slugify }}/">View on one page</a>
   <ol>
   {%- for post in collections.posts | seriesPosts(seriesName) %}
     {% include "post_link.njk" %}
diff --git a/_includes/styles/base.css b/_includes/styles/base.css
index 0062860..69133d7 100644
--- a/_includes/styles/base.css
+++ b/_includes/styles/base.css
@@ -24,19 +24,23 @@ ol {
 }
 
 hr {
-  margin: 20px 0 0 0;
+  margin: 10px 0;
 }
 
 article {
-  padding-bottom: 20px;
+  padding-bottom: 10px;
 }
 
-article > h1 {
+article > .post-title {
   margin-bottom: 0;
 }
 
+nav {
+  padding: 10px 0;
+}
+
 nav > h2 {
-  margin-bottom: 0;
+  margin: 0;
 }
 
 nav > ul {
diff --git a/content/series_pages.njk b/content/series_pages.njk
new file mode 100644
index 0000000..6faec95
--- /dev/null
+++ b/content/series_pages.njk
@@ -0,0 +1,25 @@
+---
+layout: layouts/series_base.njk
+pagination:
+  data: collections.series
+  size: 1
+  alias: seriesName
+permalink: "series/{{ seriesName | slugify }}/"
+---
+
+<article>
+<h1>{{ seriesName }}</h1>
+{%- for post in collections.posts | seriesPosts(seriesName) %}
+<article>
+  <h2 class="post-title">{{ post.data.title }}</h2>
+  <div class="about">
+    <address>by <a href="{{ post.author.url or metadata.author.url }}">
+      {{ post.author.name or metadata.author.name }}
+    </a></address>
+    <time datetime="{{ post.date | htmlDateString }}">published {{ post.date | readableDate }}</time>
+  </div>
+  {{ post.content | safe }}
+</article>
+<hr>
+{%- endfor %}
+</article>
