diff --git a/blog/2017/09/25/testing-rss.html b/blog/2017/09/25/testing-rss.html
index 0d95cc63dd..9b94f612f1 100644
--- a/blog/2017/09/25/testing-rss.html
+++ b/blog/2017/09/25/testing-rss.html
@@ -4,7 +4,7 @@
           toggler.onclick = function() {
             nav.classList.toggle('docsSliderActive');
           };
-        </script></nav></div><div class="container mainContainer documentContainer postContainer blogContainer"><div class="wrapper"><div class="lonePost"><div class="post"><header class="postHeader"><div class="authorPhoto"><a href="http://twitter.com/ericnakagawa" target="_blank"><img src="https://graph.facebook.com/661277173/picture/?height=200&amp;width=200"/></a></div><p class="post-authorName"><a href="http://twitter.com/ericnakagawa" target="_blank">Eric Nakagawa</a><br/></p><h1><a href="/blog/2017/09/25/testing-rss.html">Adding RSS Support</a></h1><p class="post-meta">September 25, 2017</p></header><div><p>1234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890</p><p>This should be truncated.
+        </script></nav></div><div class="container mainContainer documentContainer postContainer blogContainer"><div class="wrapper"><div class="lonePost"><div class="post"><header class="postHeader"><h1><a href="/blog/2017/09/25/testing-rss.html">Adding RSS Support</a></h1><p class="post-meta">September 25, 2017</p><div class="authorBlock"><p class="post-authorName"><a href="http://twitter.com/ericnakagawa" target="_blank">Eric Nakagawa</a></p><div class="authorPhoto"><a href="http://twitter.com/ericnakagawa" target="_blank"><img src="https://graph.facebook.com/661277173/picture/?height=200&amp;width=200"/></a></div></div></header><div><p>1234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890</p><p>This should be truncated.
 &lt;!--truncate--&gt;
 This line should never render in XML.</p></div></div></div><div class="blog-recent"><a class="button" href="/blog">Recent Posts</a></div></div></div></div><footer class="nav-footer" id="footer"><section class="sitemap"><a href="/" class="nav-home"><img src="/img/docusaurus_monochrome.svg" alt="Docusaurus" width="66" height="58"/></a><div><h5>Docs</h5><a href="
                 /docs/installation.html">Getting Started</a></div><div><h5>Community</h5><a href="/en/users.html">User Showcase</a></div><div><h5>More</h5><a href="https://github.com/facebookexperimental/docusaurus">GitHub</a><a class="github-button" href="https://github.com/facebookexperimental/docusaurus" data-icon="octicon-star" data-count-href="/facebookexperimental/docusaurus/stargazers" data-count-api="/repos/facebookexperimental/docusaurus#stargazers_count" data-count-aria-label="# stargazers on GitHub" aria-label="Star this project on GitHub">Star</a></div></section><a href="https://code.facebook.com/projects/" target="_blank" class="fbOpenSource"><img src="/img/oss_logo.png" alt="Facebook Open Source" width="170" height="45"/></a><section class="copyright"><span>Copyright © 2017 Facebook Inc.</span></section></footer></div><script type="text/javascript" src="//cdn.jsdelivr.net/docsearch.js/1/docsearch.min.js"></script><script>
diff --git a/blog/2017/09/26/adding-rss.html b/blog/2017/09/26/adding-rss.html
index a1ee65be90..4722e6bd7c 100644
--- a/blog/2017/09/26/adding-rss.html
+++ b/blog/2017/09/26/adding-rss.html
@@ -4,7 +4,7 @@
           toggler.onclick = function() {
             nav.classList.toggle('docsSliderActive');
           };
-        </script></nav></div><div class="container mainContainer documentContainer postContainer blogContainer"><div class="wrapper"><div class="lonePost"><div class="post"><header class="postHeader"><div class="authorPhoto"><a href="http://twitter.com/ericnakagawa" target="_blank"><img src="https://graph.facebook.com/661277173/picture/?height=200&amp;width=200"/></a></div><p class="post-authorName"><a href="http://twitter.com/ericnakagawa" target="_blank">Eric Nakagawa</a><br/></p><h1><a href="/blog/2017/09/26/adding-rss.html">Adding RSS Support</a></h1><p class="post-meta">September 26, 2017</p></header><div><p>This is a test post.</p><div><!--truncate-->
+        </script></nav></div><div class="container mainContainer documentContainer postContainer blogContainer"><div class="wrapper"><div class="lonePost"><div class="post"><header class="postHeader"><h1><a href="/blog/2017/09/26/adding-rss.html">Adding RSS Support</a></h1><p class="post-meta">September 26, 2017</p><div class="authorBlock"><p class="post-authorName"><a href="http://twitter.com/ericnakagawa" target="_blank">Eric Nakagawa</a></p><div class="authorPhoto"><a href="http://twitter.com/ericnakagawa" target="_blank"><img src="https://graph.facebook.com/661277173/picture/?height=200&amp;width=200"/></a></div></div></header><div><p>This is a test post.</p><div><!--truncate-->
 
 </div><p>A whole bunch of other information.</p></div></div></div><div class="blog-recent"><a class="button" href="/blog">Recent Posts</a></div></div></div></div><footer class="nav-footer" id="footer"><section class="sitemap"><a href="/" class="nav-home"><img src="/img/docusaurus_monochrome.svg" alt="Docusaurus" width="66" height="58"/></a><div><h5>Docs</h5><a href="
                 /docs/installation.html">Getting Started</a></div><div><h5>Community</h5><a href="/en/users.html">User Showcase</a></div><div><h5>More</h5><a href="https://github.com/facebookexperimental/docusaurus">GitHub</a><a class="github-button" href="https://github.com/facebookexperimental/docusaurus" data-icon="octicon-star" data-count-href="/facebookexperimental/docusaurus/stargazers" data-count-api="/repos/facebookexperimental/docusaurus#stargazers_count" data-count-aria-label="# stargazers on GitHub" aria-label="Star this project on GitHub">Star</a></div></section><a href="https://code.facebook.com/projects/" target="_blank" class="fbOpenSource"><img src="/img/oss_logo.png" alt="Facebook Open Source" width="170" height="45"/></a><section class="copyright"><span>Copyright © 2017 Facebook Inc.</span></section></footer></div><script type="text/javascript" src="//cdn.jsdelivr.net/docsearch.js/1/docsearch.min.js"></script><script>
diff --git a/blog/index.html b/blog/index.html
index b6ed856ddd..ce26241964 100644
--- a/blog/index.html
+++ b/blog/index.html
@@ -4,7 +4,7 @@
           toggler.onclick = function() {
             nav.classList.toggle('docsSliderActive');
           };
-        </script></nav></div><div class="container mainContainer documentContainer postContainer blogContainer"><div class="wrapper"><div class="posts"><div class="post"><header class="postHeader"><div class="authorPhoto"><a href="http://twitter.com/ericnakagawa" target="_blank"><img src="https://graph.facebook.com/661277173/picture/?height=200&amp;width=200"/></a></div><p class="post-authorName"><a href="http://twitter.com/ericnakagawa" target="_blank">Eric Nakagawa</a><br/></p><h1><a href="/blog/2017/09/26/adding-rss.html">Adding RSS Support</a></h1><p class="post-meta">September 26, 2017</p></header><article class="post-content"><div><p>This is a test post.</p></div><div class="read-more"><a class="button" href="/blog/2017/09/26/adding-rss.html">Read More</a></div></article></div><div class="post"><header class="postHeader"><div class="authorPhoto"><a href="http://twitter.com/ericnakagawa" target="_blank"><img src="https://graph.facebook.com/661277173/picture/?height=200&amp;width=200"/></a></div><p class="post-authorName"><a href="http://twitter.com/ericnakagawa" target="_blank">Eric Nakagawa</a><br/></p><h1><a href="/blog/2017/09/25/testing-rss.html">Adding RSS Support</a></h1><p class="post-meta">September 25, 2017</p></header><article class="post-content"><div><p>1234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890</p><p>This should be truncated.</p></div><div class="read-more"><a class="button" href="/blog/2017/09/25/testing-rss.html">Read More</a></div></article></div><div class="docs-prevnext"></div></div></div></div></div><footer class="nav-footer" id="footer"><section class="sitemap"><a href="/" class="nav-home"><img src="/img/docusaurus_monochrome.svg" alt="Docusaurus" width="66" height="58"/></a><div><h5>Docs</h5><a href="
+        </script></nav></div><div class="container mainContainer documentContainer postContainer blogContainer"><div class="wrapper"><div class="posts"><div class="post"><header class="postHeader"><h1><a href="/blog/2017/09/26/adding-rss.html">Adding RSS Support</a></h1><p class="post-meta">September 26, 2017</p><div class="authorBlock"><p class="post-authorName"><a href="http://twitter.com/ericnakagawa" target="_blank">Eric Nakagawa</a></p><div class="authorPhoto"><a href="http://twitter.com/ericnakagawa" target="_blank"><img src="https://graph.facebook.com/661277173/picture/?height=200&amp;width=200"/></a></div></div></header><article class="post-content"><div><p>This is a test post.</p></div><div class="read-more"><a class="button" href="/blog/2017/09/26/adding-rss.html">Read More</a></div></article></div><div class="post"><header class="postHeader"><h1><a href="/blog/2017/09/25/testing-rss.html">Adding RSS Support</a></h1><p class="post-meta">September 25, 2017</p><div class="authorBlock"><p class="post-authorName"><a href="http://twitter.com/ericnakagawa" target="_blank">Eric Nakagawa</a></p><div class="authorPhoto"><a href="http://twitter.com/ericnakagawa" target="_blank"><img src="https://graph.facebook.com/661277173/picture/?height=200&amp;width=200"/></a></div></div></header><article class="post-content"><div><p>1234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890</p><p>This should be truncated.</p></div><div class="read-more"><a class="button" href="/blog/2017/09/25/testing-rss.html">Read More</a></div></article></div><div class="docs-prevnext"></div></div></div></div></div><footer class="nav-footer" id="footer"><section class="sitemap"><a href="/" class="nav-home"><img src="/img/docusaurus_monochrome.svg" alt="Docusaurus" width="66" height="58"/></a><div><h5>Docs</h5><a href="
                 /docs/installation.html">Getting Started</a></div><div><h5>Community</h5><a href="/en/users.html">User Showcase</a></div><div><h5>More</h5><a href="https://github.com/facebookexperimental/docusaurus">GitHub</a><a class="github-button" href="https://github.com/facebookexperimental/docusaurus" data-icon="octicon-star" data-count-href="/facebookexperimental/docusaurus/stargazers" data-count-api="/repos/facebookexperimental/docusaurus#stargazers_count" data-count-aria-label="# stargazers on GitHub" aria-label="Star this project on GitHub">Star</a></div></section><a href="https://code.facebook.com/projects/" target="_blank" class="fbOpenSource"><img src="/img/oss_logo.png" alt="Facebook Open Source" width="170" height="45"/></a><section class="copyright"><span>Copyright © 2017 Facebook Inc.</span></section></footer></div><script type="text/javascript" src="//cdn.jsdelivr.net/docsearch.js/1/docsearch.min.js"></script><script>
               var search = docsearch({
                 apiKey: '3eb9507824b8be89e7a199ecaa1a9d2c',
diff --git a/css/main.css b/css/main.css
index 2d89dfe4ca..e3353f6444 100644
--- a/css/main.css
+++ b/css/main.css
@@ -315,20 +315,14 @@ header h2 {
 .mainContainer .wrapper .post ol {
   list-style: decimal outside none;
 }
-.mainContainer .wrapper .post .postHeader {
-  padding: 2em 0 0;
-}
 .mainContainer .wrapper .post .postHeader h1 {
   font-size: 150%;
   line-height: 1em;
-  padding: 0.4em 0 0;
+  padding: 0;
 }
 .mainContainer .wrapper .post .postHeader h1 a {
   border: none;
 }
-.mainContainer .wrapper .post .postHeader .post-meta {
-  text-align: center;
-}
 .mainContainer .wrapper .post .postSocialPlugins {
   padding-top: 1em;
 }
@@ -363,9 +357,6 @@ header h2 {
 .mainContainer .wrapper .post .docPagination a .pagerTitle {
   display: none;
 }
-.mainContainer .wrapper .posts .post {
-  margin-bottom: 6vh;
-}
 
 .mainContainer .wrapper .post h1,
 .mainContainer .wrapper .post h2,
@@ -474,7 +465,6 @@ header h2 {
     font-size: 250%;
   }
   .mainContainer .wrapper .posts .post {
-    margin-bottom: 4vh;
     width: 100%;
   }
 }
@@ -863,7 +853,6 @@ a:hover code {
   float: right;
   font-size: 10px;
   font-weight: normal;
-  margin-top: 20px;
   text-decoration: none;
 }
 @media only screen and (min-device-width: 360px) and (max-device-width: 736px) {
@@ -1533,10 +1522,6 @@ nav.toc .toggleNav .navBreadcrumb h2 {
   display: block;
 }
 
-.sideNavVisible .navPusher .mainContainer {
-  padding-top: 35px;
-}
-
 @media only screen and (min-width: 900px) {
   nav.toc section .navGroups {
     padding: 40px 0 0;
@@ -1633,42 +1618,52 @@ table tr th {
   font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",Arial,sans-serif;
   text-transform: uppercase;
 }
-
-.blogContainer .posts {
-  margin-top: 60px;
+.mainContainer:not(.blogContainer) .wrapper .post,
+.blogContainer .posts,
+.blogContainer .lonePost {
+  padding-top: 40px;
 }
 .blogContainer .posts .post {
   border-bottom: 1px solid #e0e0e0;
   border-radius: 3px;
-  padding: 0 10px 20px;
+  margin-bottom: 20px;
+  padding-bottom: 20px;
 }
-.blogContainer .lonePost {
-  margin-top: 60px;
-}
-.blogContainer .postHeader h1 {
-  text-align: center;
+
+.blogContainer .postHeader {
+  margin-bottom: 10px;
 }
 .blogContainer .postHeader a {
   text-decoration: none;
 }
 .blogContainer .postHeader p.post-meta {
   padding: 0;
+  margin-bottom: 10px;
 }
 
+.blogContainer .postHeader .authorBlock {
+  display: flex;
+}
 .blogContainer .postHeader .post-authorName {
   color: rgba(57, 57, 57, 0.7);
+  display: flex;
+  flex-direction: column;
   font-size: 14px;
   font-weight: 400;
+  justify-content: center;
   margin-top: 0;
+  margin-right: 10px;
   padding: 0;
-  text-align: center;
 }
 .blogContainer .postHeader .authorPhoto {
   border-radius: 50%;
-  height: 70px;
-  margin: 0 auto;
+  height: 30px;
   overflow: hidden;
-  width: 70px;
+  width: 30px;
+}
+.blogContainer .postHeader .authorPhoto.authorPhoto-big {
+  height: 50px;
+  width: 50px;
 }
 .blog-recent {
   margin: 20px 0;
@@ -1680,9 +1675,6 @@ table tr th {
   .blog-recent {
     height: 40px;
   }
-  .blogContainer .lonePost {
-    margin-top: 0;
-  }
 }
 
 .header-link {