Include header and footer, and nginx config.

README.md

@@ -1,3 +1,38 @@
-# Markdown @Edge
+# Markdown@Edge
 
-A Markdown renderer on the Compute @Edge platform from Fastly!
+A Markdown renderer on the Compute@Edge platform from Fastly.
+
+The main source file, `src/main.rs`, contains all the code for the renderer.
+The header and footer files I use are included at `content/_header.md` and
+`content/_footer.md` for easy inspection.
+
+## Nginx Configuration
+
+In order to best support this application, it's important to add the following
+line to Nginx's MIME types configuration:
+
+```text
+text/markdown     md;
+```
+
+I also disabled gzip and set the max-age and cache-control headers as follows:
+
+```nginx
+server {
+  # ...
+  location /edgeblog {
+    # To illustrate the source to visitors.
+    autoindex on;
+    autoindex_exact_size off;
+    autoindex_format html;
+    autoindex_localtime on;
+
+    # To facilitate tagging.
+    gzip off;
+
+    # Cache-Control headers
+    expires 1h;
+    add_header Cache-Control "public";
+  }
+}
+```

content/_footer.md

@@ -0,0 +1,10 @@
+
+---
+<h5>
+
+Created by [Leonora Tindall](./author.md)
+| [Code](https://git.nora.codes/nora/edgeblog)
+| [Blog](https://nora.codes)
+| [Fastly](https://fastly.com)
+
+</h5>

content/_header.md

@@ -0,0 +1,38 @@
+<style>
+body {
+  max-width: 600px;
+  margin-left: auto;
+  margin-right: auto; 
+}
+
+h1, h2, h3, h4, h5, h6 {
+  text-align: center;
+}
+
+h1 a {
+  text-decoration: none;
+  color: black;
+  font-weight: bold;
+}
+
+img {
+  margin-left: auto;
+  margin-right: auto;
+  margin-top: 2px;
+  margin-bottom: 8px;
+  aspect-ratio: attr(width) / attr(height);
+}
+
+img[alt="A diagram showing the difference in pipeline between normal websites with a CDN and this monstrosity"] {
+  width: 582px;
+  height: 521px;
+}
+
+</style>
+
+<title>Markdown@Edge</title>
+
+<a href="/"><h1>Markdown@Edge</h1></a>
+
+---
+