From 4d38e9633242dbf3adbd47a77c807f990be3acd8 Mon Sep 17 00:00:00 2001
From: BigTony <kejiezhang666@gmail.com>
Date: Fri, 15 Feb 2019 16:56:55 -0500
Subject: [PATCH 1/2] feat: add autolink headers support

---
 ...-19-08---Humane-Typography-in-the-Digital-Age.md |  5 +++++
 gatsby-config.js                                    |  1 +
 package.json                                        | 13 +++++++------
 3 files changed, 13 insertions(+), 6 deletions(-)

diff --git a/content/posts/2017-19-08---Humane-Typography-in-the-Digital-Age.md b/content/posts/2017-19-08---Humane-Typography-in-the-Digital-Age.md
index 6e667f9..603ee95 100644
--- a/content/posts/2017-19-08---Humane-Typography-in-the-Digital-Age.md
+++ b/content/posts/2017-19-08---Humane-Typography-in-the-Digital-Age.md
@@ -12,6 +12,11 @@ tags:
 description: "An Essay on Typography by Eric Gill takes the reader back to the year 1930. The year when a conflict between two worlds came to its term. The machines of the industrial world finally took over the handicrafts."
 ---
 
+- [The first transition](#the-first-transition)
+- [The digital age](#the-digital-age)
+- [Loss of humanity through transitions](#loss-of-humanity-through-transitions)
+- [Chasing perfection](#chasing-perfection)
+
 An Essay on Typography by Eric Gill takes the reader back to the year 1930. The year when a conflict between two worlds came to its term. The machines of the industrial world finally took over the handicrafts.
 
 The typography of this industrial age was no longer handcrafted. Mass production and profit became more important. Quantity mattered more than the quality. The books and printed works in general lost a part of its humanity. The typefaces were not produced by craftsmen anymore. It was the machines printing and tying the books together now. The craftsmen had to let go of their craft and became a cog in the process. An extension of the industrial machine.
diff --git a/gatsby-config.js b/gatsby-config.js
index 30ccc28..76b1249 100644
--- a/gatsby-config.js
+++ b/gatsby-config.js
@@ -106,6 +106,7 @@ module.exports = {
             resolve: 'gatsby-remark-responsive-iframe',
             options: { wrapperStyle: 'margin-bottom: 1.0725rem' }
           },
+          'gatsby-remark-autolink-headers',
           'gatsby-remark-prismjs',
           'gatsby-remark-copy-linked-files',
           'gatsby-remark-smartypants'
diff --git a/package.json b/package.json
index e1dbfe1..aa2b0a3 100644
--- a/package.json
+++ b/package.json
@@ -37,38 +37,39 @@
     "disqus"
   ],
   "dependencies": {
-    "classnames": "^2.2.6",
     "bluebird": "^3.5.2",
+    "classnames": "^2.2.6",
     "codecov": "^3.1.0",
-    "netlify-cms": "^2.3.3",
-    "node-sass": "^4.11.0",
     "gatsby": "^2.0.116",
     "gatsby-link": "^2.0.10",
     "gatsby-plugin-catch-links": "^2.0.10",
     "gatsby-plugin-feed": "^2.0.13",
     "gatsby-plugin-google-analytics": "^2.0.13",
+    "gatsby-plugin-manifest": "^2.0.17",
     "gatsby-plugin-netlify": "^2.0.9",
     "gatsby-plugin-netlify-cms": "^3.0.12",
-    "gatsby-plugin-manifest": "^2.0.17",
     "gatsby-plugin-offline": "^2.0.22",
     "gatsby-plugin-react-helmet": "^3.0.6",
     "gatsby-plugin-sass": "^2.0.10",
     "gatsby-plugin-sharp": "^2.0.20",
     "gatsby-plugin-sitemap": "^2.0.5",
+    "gatsby-remark-autolink-headers": "^2.0.14",
     "gatsby-remark-copy-linked-files": "^2.0.9",
     "gatsby-remark-images": "^3.0.3",
+    "gatsby-remark-katex": "^3.0.3",
     "gatsby-remark-prismjs": "^3.2.4",
-    "gatsby-remark-responsive-iframe": "^2.0.9",
     "gatsby-remark-relative-images": "^0.2.1",
+    "gatsby-remark-responsive-iframe": "^2.0.9",
     "gatsby-remark-smartypants": "^2.0.8",
     "gatsby-source-filesystem": "^2.0.20",
     "gatsby-transformer-remark": "^2.2.4",
-    "gatsby-remark-katex": "^3.0.3",
     "gatsby-transformer-sharp": "^2.1.13",
     "invariant": "^2.2.4",
     "katex": "^0.10.0",
     "lodash": "^4.17.11",
     "moment": "^2.23.0",
+    "netlify-cms": "^2.3.3",
+    "node-sass": "^4.11.0",
     "normalize-scss": "^7.0.1",
     "prismjs": "^1.15.0",
     "react": "^16.8.1",

From 01fe35095c11b94eae34a17c64ea626d4d3cf665 Mon Sep 17 00:00:00 2001
From: BigTony <kejiezhang666@gmail.com>
Date: Sat, 16 Feb 2019 13:41:20 -0500
Subject: [PATCH 2/2] fix: align the headers

---
 src/assets/scss/base/_generic.scss | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/src/assets/scss/base/_generic.scss b/src/assets/scss/base/_generic.scss
index 7d82cfe..5a6d5c4 100644
--- a/src/assets/scss/base/_generic.scss
+++ b/src/assets/scss/base/_generic.scss
@@ -146,6 +146,11 @@ figcaption {
   text-align: center;
 }
 
+.anchor {
+  margin-left: -30px !important;
+  padding-right: 14px !important;
+}
+
 @include breakpoint-sm {
   figure.float-left,
   figure.float-right {