Further reduce preview mode

_includes/2017/comments-area.html

@@ -1,6 +1,6 @@
 {% assign identifier = include.page.url | remove: '.html' | remove_first: '/' %}
 {% if site.data.disqus.enabled %}
-  <section class='comments-area' id='comments'>
+  <section class='comments-area' id='comments' data-js-no-preview>
     <div class='container'>
       <details class='comments-details'>
         <summary>

_includes/2017/related-posts.html

@@ -11,7 +11,7 @@
   | sort: "weight", "last"
 %}
 {% assign size = site.pages | size %}
-<footer class='related-posts-area' id='related'>
+<footer class='related-posts-area' id='related' data-js-no-preview>
   <div class='container'>
     <div class='related-posts-section'>
       <div class='callout'>

_includes/2017/search-footer.html

@@ -1,4 +1,4 @@
-<footer class='search-footer'>
+<footer class='search-footer' data-js-no-preview>
   <div class='container'>
     <div class='search-footer-section'>
       <div class='search'>

_includes/2017/top-nav.html

@@ -4,7 +4,7 @@ Params:
 - noedit
 - noback
 {% endcomment %}
-<nav class='top-nav'>
+<nav class='top-nav' data-js-no-preview>
   <div class='container'>
     {% unless include.page.noback %}
       <div class='left'>

_layouts/2017/sheet.html

@@ -38,7 +38,7 @@
   </main>
 </div>
 
-<div class='pre-footer'><i class='icon'></i></div>
+<div class='pre-footer' data-js-no-preview><i class='icon'></i></div>
 
 {% include 2017/comments-area.html page=page %}
 {% include 2017/search-footer.html %}

_sass/2017/components/main-heading.scss

@@ -50,3 +50,11 @@
     background: lighten($gray-text, 40%);
   }
 }
+
+/**
+ * Add some space in preview mode
+ */
+
+.PreviewMode .main-heading {
+  margin-top: 16px;
+}

assets/2017/script.js

@@ -5,6 +5,7 @@
 $(function () {
   if (~window.location.search.indexOf('preview=1')) {
     $('[data-js-no-preview]').remove()
+    $('html').addClass('PreviewMode')
   }
 })