Add Opaque type blog post

Summary: Add opaque type blog post & linking to medium

Reviewed By: gabelevi

Differential Revision: D5499093

fbshipit-source-id: 9c67e85739762d0049d263a2764252bc31b9da59

website/_includes/nav-posts.html

@@ -6,6 +6,10 @@
           {{post.short-title | default: post.title}}
           <span class="sr-only">(current)</span>
         </strong>
+      {% elsif post.medium-link %}
+        <a class="nav-link" href="{{post.medium-link}}">
+          {{post.short-title | default: post.title}}
+        </a>
       {% else %}
         <a class="nav-link" href="{{site.baseurl}}{{post.url}}">
           {{post.short-title | default: post.title}}

website/_layouts/post.html

@@ -6,3 +6,8 @@
 ---
 
 {{content}}
+{% if page.medium-link %}
+  <a href={{page.medium-link}}>
+    Read more on Medium &rarr;
+  </a>
+{% endif %}

website/_posts/2017-07-27-Opaque-Types.md

@@ -0,0 +1,8 @@
+---
+title: "Opaque Type Aliases"
+short-title: "Opaque Type Aliases"
+author: "Jordan Brown"
+medium-link: "https://medium.com/flow-type/hiding-implementation-details-with-flows-new-opaque-type-aliases-feature-40e188c2a3f9"
+---
+Do you ever wish that you could hide your implementation details away
+from your users? Find out how opaque type aliases can get the job done!

website/blog/index.html

@@ -6,9 +6,15 @@
 {% for post in site.posts %}
   <div class="blog-post">
     <h3>
-      <a href="{{site.baseurl}}{{post.url}}">
-        {{post.title}}
-      </a>
+      {% if post.medium-link %}
+        <a href="{{post.medium-link}}">
+          {{post.title}}
+        </a>
+      {% else %}
+        <a href="{{site.baseurl}}{{post.url}}">
+          {{post.title}}
+        </a>
+      {% endif %}
     </h3>
 
     <p class="small text-muted">
@@ -25,6 +31,11 @@ <h3>
         </div>
       {% else %}
         {{ post.content }}
+        {% if post.medium-link %}
+          <a href="{{post.medium-link}}" >
+            Read more on Medium &rarr;
+          </a>
+        {% endif %}
       {% endif %}
     </div>