ghost_footer.html

<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/0.0.1/prism.min.js"></script>
<script>
(function () {
  /* global ga, performance */
  // Toggle this variable to output to the console debug GA messages.
  var debug = false;
  function initGoogleAnalytics (id, opts) {
    (function (c, v, a, n) {
      c.GoogleAnalyticsObject = n;

      c[n] = c[n] || function () {
        (c[n].q = c[n].q || []).push(arguments);
      };
      c[n].l = 1 * new Date();

      var s = v.createElement('script');
      s.async = true;
      s.src = a;
      s.addEventListener('load', enableDebug);

      var m = v.getElementsByTagName('script')[0];
      m.parentNode.insertBefore(s, m);
    })(window, document, 'https://www.google-analytics.com/analytics.js', 'ga');

    function enableDebug () {
      if (!debug) {
        return;
      }
      window.ga = ga = console.info.bind(console);
    }

    enableDebug();

    ga('create', id, opts);
    ga('set', 'forceSSL', true);
    ga('send', 'pageview');
  }

  function initGoogleAnalyticsEvents () {
    window.addEventListener('load', function () {
      setTimeout(function () {
        var t = performance.timing;
        // Credit to https://github.com/addyosmani/timing.js/blob/c58c164/timing.js#L67-L88:
        // Total time from start to load.
        gaSendPageTiming('loadTime', t.loadEventEnd - t.fetchStart);
        // Time spent constructing the DOM tree.
        gaSendPageTiming('domReadyTime', t.domComplete - t.domInteractive);
        // Time consumed preparing the new page.
        gaSendPageTiming('readyStart', t.fetchStart - t.navigationStart);
        // Time spent during redirection.
        gaSendPageTiming('redirectTime', t.redirectEnd - t.redirectStart);
        // AppCache.
        gaSendPageTiming('appcacheTime', t.domainLookupStart - t.fetchStart);
        // Time spent unloading documents.
        gaSendPageTiming('unloadEventTime', t.unloadEventEnd - t.unloadEventStart);
        // DNS query time.
        gaSendPageTiming('lookupDomainTime', t.domainLookupEnd - t.domainLookupStart);
        // TCP connection time.
        gaSendPageTiming('connectTime', t.connectEnd - t.connectStart);
        // Time spent during the request.
        gaSendPageTiming('requestTime', t.responseEnd - t.requestStart);
        // Request to completion of the DOM loading.
        gaSendPageTiming('initDomTreeTime', t.domInteractive - t.responseEnd);
        // Load event time.
        gaSendPageTiming('loadEventTime', t.loadEventEnd - t.loadEventStart);
      });
    });

    var gaSendTiming = function (timingCategory, timingLabel) {
      return function (timingVar, timeEnd) {
        if (typeof timeEnd === 'undefined') {
          timeEnd = performance.now();
        }
        ga('send', {
          hitType: 'timing',
          timingCategory: timingCategory,
          timingVar: timingVar,
          timingValue: timeEnd,
          timingLabel: timingLabel
        });
      };
    };

    var gaSendPageTiming = gaSendTiming('page');

    ga('send', 'event', 'pageload.title', document.title);
    ga('send', 'event', 'pageload.location', window.location.href);
    ga('send', 'event', 'pageload.pathname', window.location.pathname);
    ga('send', 'event', 'pageload.querystring', window.location.search);
    ga('send', 'event', 'pageload.hash', window.location.hash);

    // NOTE: These lines are commented out because Steam VR / Oculus would open on desktop.
    //ga('send', 'event', 'supports.getVRDisplays', 'getVRDisplays' in navigator);
    //ga('send', 'event', 'supports.getVRDevices', 'getVRDevices' in navigator);

    function handleOutboundLinkClicks (evt) {
      ga('send', 'event', {
        eventCategory: 'Outbound Link',
        eventAction: 'click',
        eventLabel: evt.target.href,
        transport: 'beacon'
      });
    }

    window.addEventListener('click', function (evt) {
      var el = evt.target.closest && evt.target.closest('a[href], input[type=button], button, img, picture');
      if (!el) { return; }
      var txt = getElText(el);
      if (!txt) { return; }
      handleOutboundLinkClicks(evt);
    });
  }

  function getElText (el) {
    var txt = el.textContent.trim();
    if (txt) {
      return txt;
    }
    var img = el.tagName === 'IMG' ? el : el.querySelector('img');
    if (img) {
      return img.getAttribute('alt') || img.getAttribute('title');
    }
    return '';
  }
  initGoogleAnalytics('UA-77033033-11', {alwaysSendReferrer: true});
  initGoogleAnalyticsEvents();
})();
</script>

ghost_header.html

<style>
  /* https://blog.mozvr.com/webvr-api-transitions-to-w3c-standard/ */
  .post-card-image[style*="w3c_home"] {
    background-color: #fff;
    background-size: 200px auto;
  }
  .post-full-image[src*="w3c_home"] {
    background-color: #fff;
    height: 18rem;
    object-fit: contain;
  }

  /* https://blog.mozvr.com/firefox-reality-bringing-the-immersive-web-to-mixed-reality-headsets/ */
  .post-card-image[style*="Wordmark"] {
    background-color: #b8cfff;  /* Colour lightened from background colour used in masthead here: https://blog.mozilla.org/blog/2018/04/03/mozilla-brings-firefox-augmented-virtual-reality/ */
    background-size: 90% auto;
  }
  .post-full-image[src*="Wordmark"] {
    height: 14rem;
    object-fit: contain;
  }

  .post-card-excerpt p:after {
    content: "\00a0…";
    opacity: .5;
  }
    
  .post-full-content img,
  .post-full-content video {
    max-width: 840px;
  }

  .post-full-content h2 {
    margin-bottom: .75rem;
  }
</style>
<link async rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/0.0.1/prism.min.css">