refactors layouts for head, footer and post

This commit is contained in:
Huy Tran 2018-07-27 08:41:33 +10:00
parent e8e4ba4c3b
commit e980cbedc8
21 changed files with 93 additions and 61 deletions

View file

@ -0,0 +1,6 @@
<noscript id="deferred-styles">
<!-- // styles to be deferred:
// https://developers.google.com/speed/docs/insights/OptimizeCSSDelivery
<link rel="stylesheet" type="text/css" href="{{ .Site.BaseURL }}/css/styles.css" />
-->
</noscript>

View file

@ -1 +1,4 @@
<script defer src="https://use.fontawesome.com/releases/v5.2.0/js/all.js" integrity="sha384-4oV5EgaV02iISL2ban6c/RmotsABqE4yZxZLcYMAdG7FAPsyHYAPpywE9PJo+Khy" crossorigin="anonymous"></script>
<script defer src="https://use.fontawesome.com/releases/v5.2.0/js/all.js"
integrity="sha384-4oV5EgaV02iISL2ban6c/RmotsABqE4yZxZLcYMAdG7FAPsyHYAPpywE9PJo+Khy"
crossorigin="anonymous">
</script>

View file

@ -0,0 +1,18 @@
<script>
var loadDeferredStyles = function () {
var addStylesNode = document.getElementById("deferred-styles");
if (addStylesNode) {
var replacement = document.createElement("div");
replacement.innerHTML = addStylesNode.textContent;
document.body.appendChild(replacement);
addStylesNode.parentElement.removeChild(addStylesNode);
}
};
var raf = window.requestAnimationFrame || window.mozRequestAnimationFrame ||
window.webkitRequestAnimationFrame || window.msRequestAnimationFrame;
if (raf) raf(function () {
window.setTimeout(loadDeferredStyles, 0);
});
else
window.addEventListener('load', loadDeferredStyles);
</script>