diff --git a/assets/sass/elements/_pre.scss b/assets/sass/elements/_pre.scss
new file mode 100644
index 00000000..44d4e4d5
--- /dev/null
+++ b/assets/sass/elements/_pre.scss
@@ -0,0 +1,7 @@
+pre {
+  overflow: auto;
+  background: black;
+  color: white;
+  border-radius: 0.5rem;
+  padding: 1em;
+}
diff --git a/assets/sass/main.scss b/assets/sass/main.scss
index 227eecea..6bcda14a 100644
--- a/assets/sass/main.scss
+++ b/assets/sass/main.scss
@@ -21,6 +21,7 @@
 @import "elements/html";
 @import "elements/figure";
 @import "elements/headings";
+@import "elements/pre";
 
 // 5. Objects – class-based selectors which define undecorated design patterns,
 //    for example media object known from OOCSS
diff --git a/config.toml b/config.toml
index b7519416..55caefe4 100644
--- a/config.toml
+++ b/config.toml
@@ -3,6 +3,8 @@ languageCode = "en-us"
 title = "Me, Dan Barber"
 timeout = 30000
 
+summaryLength = 999999
+
 [params]
 AuthorName = "Daniel Barber"
 GitHubUser = "danbee"
diff --git a/layouts/section/blog.html b/layouts/section/blog.html
index 09107b08..0f56b988 100644
--- a/layouts/section/blog.html
+++ b/layouts/section/blog.html
@@ -3,7 +3,12 @@
   {{ range .Pages }}
     <article class="post">
       <h3><a href="{{.Permalink}}">{{.Title}}</a></h3>
-      <p>{{.Summary}}</p>
+      {{ if .Truncated }}
+        {{.Summary}}
+        <a href="{{.Permalink}}">Read more →</a>
+      {{ else }}
+        {{.Content}}
+      {{ end }}
     </article>
   {{ end }}
   </section>