Show template before distiller finishes

components/dom_distiller/core/javascript/dom_distiller_viewer.js

 // Copyright 2014 The Chromium Authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
 function addToPage(html) {
   var div = document.createElement('div');
   div.innerHTML = html;
   document.getElementById('content').appendChild(div);
   fillYouTubePlaceholders();
 }
@@ skipping 31 matching lines @@
 
 // Sets the title. The title will be exposed with a simple animation. This
 // should only be used when the title was not included in the initial html.
 function setTitle(title) {
   var holder = document.getElementById('titleHolder');
   var collapse = document.getElementById('titleCollapse');
 
   collapse.style.height = "0px";
 
   holder.textContent = title;
+  document.title = title;
   var newHeight = Math.max(90, holder.getBoundingClientRect().height);
 
   collapse.style.transition = "height 0.2s";
   collapse.style.height = newHeight + "px";
 }
 
+// Set the text direction of the document ('ltr', 'rtl', or 'auto').
+function setTextDirection(direction) {
+  document.body.setAttribute('dir', direction);
+}
+
 // Maps JS Font Family to CSS class and then changes body class name.
 // CSS classes must agree with distilledpage.css.
 function useFontFamily(fontFamily) {
   var cssClass;
   if (fontFamily == "serif") {
     cssClass = "serif";
   } else if (fontFamily == "monospace") {
     cssClass = "monospace";
   } else {
     cssClass = "sans-serif";
@@ skipping 294 matching lines @@
         shiftY: shiftY
       };
     }
   };
 }());
 
 window.addEventListener('touchstart', pincher.handleTouchStart, false);
 window.addEventListener('touchmove', pincher.handleTouchMove, false);
 window.addEventListener('touchend', pincher.handleTouchEnd, false);
 window.addEventListener('touchcancel', pincher.handleTouchCancel, false);