Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Theme optimisation #56

Closed
wants to merge 8 commits into from
Closed

Theme optimisation #56

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
8 commits
Select commit Hold shift + click to select a range
49cc807
Added LoadCSS script to defer load CSS script
Jan 22, 2018
c02b351
Utilise ga-lite from https://github.com/jehna/ga-lite
Jan 22, 2018
4580e9a
Revert "Utilise ga-lite from https://github.com/jehna/ga-lite"
Jan 22, 2018
6823b88
Updated GA script to use ga-lite (https://github.com/jehna/ga-lite)
Jan 22, 2018
896add4
Updated google-analytics.hbs with variable calling for Analytics code.
Jan 26, 2018
743ad42
Minified LoadCSS JS script
Jan 26, 2018
34516cc
Found a fix for rendering above the fold content
Jan 26, 2018
d5b0ba8
Update path to "font" directory using {{asset}} variable
Jan 27, 2018
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
16 changes: 15 additions & 1 deletion default.hbs
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,10 @@
<!DOCTYPE html>
<html>
<head>
{{!-- Above The Fold Styles}}
<style>
@charset "UTF-8";.clear,body:after{clear:both}.tags a{text-transform:uppercase}p{word-wrap:break-word}aside,header,nav,section{display:block}.material-cover{text-align:center}.animated,.nav-header a i,.tags a,a{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.posts{visibility:hidden;list-style-type:none}.home-template .blog-header{opacity:0}a,aside,body,div,form,h1,h2,h3,header,html,i,img,li,nav,section,span,time{padding:0;margin:0;font:inherit;font-size:100%;vertical-align:baseline;border:0}ol,p,ul{padding:0;font:inherit;vertical-align:baseline;border:0}ol,ul{font-size:100%;list-style:none;margin:0 0 20px 40px}p{margin:0 0 20px;line-height:26px;font-size:90%}h1,h2,h3{-webkit-font-smoothing:antialiased;font-family:Georgia,serif;font-weight:lighter;color:#333}body{line-height:1;width:100%;font-family:Geneva,sans-serif;color:#666;background:#eee}body:after,body:before{display:table;content:""}html{font-size:1rem}body,html{height:100%;min-height:100%}::scrollbar{display:none}.container,.social.item a,a{position:relative}a{text-decoration:none;color:#2895f1}h1{margin:2.75rem 0;font-size:2.2rem;line-height:48px}h2{margin:2rem 0;font-size:1.7rem}h3{margin:1.6rem 0;font-size:1.445rem}ol li,ul li{margin:0 0 4px;line-height:25px}ol{list-style-type:decimal}ul{list-style-type:disc}.container{width:940px}.label{padding:8px 18px 9px}.container{margin:0 auto}main{z-index:2;position:absolute;top:0;left:0;right:0;bottom:0}.material-cover,.material-cover .background-container{width:100%;-webkit-box-shadow:inset 0 0 100px rgba(0,0,0,.4);box-shadow:inset 0 0 100px rgba(0,0,0,.4);background-color:rgba(0,0,0,.5)}.material-cover{background:center center no-repeat #222;background-size:cover;overflow:hidden;margin-bottom:-80px;height:340px}.material-cover .background-container{height:100%}.divider{margin:10px auto;border-top:1px solid rgba(255,255,255,.14)}.divider.long{width:30%}.divider.short{width:15%}hr{border:0}.hide,.social.item a .label{display:none}@font-face{font-family:FontAwesome;src:url("{{asset "fonts/fontawesome-webfont.eot?v=4.7.0" }}");src:url("{{asset "fonts/fontawesome-webfont.eot?#iefix&v=4.7.0" }}") format("embedded-opentype"),url("{{asset "fonts/fontawesome-webfont.woff2?v=4.7.0" }}") format("woff2"),url("{{asset "fonts/fontawesome-webfont.woff?v=4.7.0" }}") format("woff"),url("{{asset "fonts/fontawesome-webfont.ttf?v=4.7.0" }}") format("truetype"),url("{{asset "fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular" }}") format("svg");font-weight:400;font-style:normal}.fa,.hvr-grow{display:inline-block}.fa{font:14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.social.item a{font-weight:700;padding:6px 8px 6px 9px;display:block;color:#f6f4e9;border-radius:20px;text-shadow:none}.call-to-action-container .navigation .links li a,.social.item a{-webkit-font-smoothing:antialiased;letter-spacing:1px}.hvr-grow{vertical-align:middle}.fa-search:before{content:""}.fa-close:before{content:""}.fa-linkedin-square:before{content:""}.fa-twitter:before{content:""}.fa-rss:before{content:""}.fa-bitbucket:before{content:""}.fa-facebook-official:before{content:""}img.rounded{border-radius:50%}.card,.profile a img{-webkit-box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23)}.card{margin:0 1% 20px;background:#fff;width:48%}.card .card-content{padding:10px 30px 20px}.card .card-footer{padding:12px 30px;border-top:1px solid #ddd}.card .card-footer .meta{float:left;margin:0}.profile a img{width:112px;border:2px solid #56817a}.social{margin:0}.social.item{display:inline-block;margin:0 4px 0 0;line-height:16px}.blog-header h1,.cover .background-container{text-shadow:2px 2px 10px #222f38,2px 2px 10px #222f38}.social.item a i{display:block;font-size:24px}.tags a{padding:2px 4px;font-size:8px;color:#f8f8f8;border-radius:4px;background-color:rgba(86,129,122,.7)}:focus{outline:0}input[type=text]{width:240px;padding:16px;font-size:14px;color:#666;border:1px solid #ddd;border-radius:3px;background:#f8f8f8}input[type=text] ::-webkit-input-placeholder{color:#ccc}input[type=text] :-moz-placeholder,input[type=text] ::-moz-placeholder{color:#ccc}input[type=text] :-ms-input-placeholder{color:#ccc}.hvr-float,.hvr-grow,.hvr-grow-rotate{-webkit-box-shadow:0 0 1px transparent;-moz-osx-font-smoothing:grayscale}.hvr-grow{-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent}.hvr-float,.hvr-grow-rotate{display:inline-block;vertical-align:middle}.hvr-buzz-out,.hvr-float,.hvr-grow-rotate{-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent}.hvr-buzz-out{display:inline-block;-moz-osx-font-smoothing:grayscale;vertical-align:middle;-webkit-box-shadow:0 0 1px transparent}.cover{display:block}.blog-header,.cover,.cover .background-container{width:100%;text-align:center}.cover{position:fixed;height:100%;opacity:0;z-index:0;overflow:hidden;background:center center no-repeat #39424b;background-size:cover}.cover .background-container{height:100%;font-weight:100;color:#f8f8f8;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-shadow:inset 0 0 100px rgba(0,0,0,.4);box-shadow:inset 0 0 100px rgba(0,0,0,.4);background-color:rgba(0,0,0,.5)}.blog-header{z-index:3;position:absolute}.blog-header h1{color:#f6f4e9;margin:100px 0 10px;font-size:2.75rem}.profile{max-width:620px}.profile p{margin:0 32px;font-size:14px}.profile a h1{font-family:Raleway,sans-serif;font-size:2rem;color:#f6f4e9;margin:8px 0}.profile a h3{margin:8px 0 24px;color:#f6f4e9;font-size:18px}.call-to-action-container{margin:12px 0}.call-to-action-container .navigation .links li{display:inline-block;margin:5px;border-radius:20px;background:#56817a;color:#f6f4e9;border:1px solid #f6f4e9}.call-to-action-container .navigation .links li a{padding:10px 20px;font-size:14px;position:relative;display:block;color:#f6f4e9;border-radius:20px;text-shadow:none;font-weight:700}.navigation .links li a,.tags-overlay.container{text-shadow:2px 2px 10px #222f38,2px 2px 10px #222f38}.call-to-action-container .navigation .links li:first-child{border:1px solid #f6f4e9}.navigation .links{margin:0;list-style:none}.navigation .links li{display:inline-block;line-height:16px;border-left:1px solid #f6f4e9}.navigation .links li:first-child{border:0}.navigation .links li.hide{display:none}.navigation .links li a{display:block;float:none;padding:8px 20px 8px 22px;font-size:18px;color:#f6f4e9}.nav-header{width:100%;z-index:10;padding-top:10px}.nav-header a{z-index:10;left:20px}.nav-header a.right{float:right;left:auto;right:20px}.nav-header a i,.nav-header a img{border:2px solid #f6f4e9;-webkit-box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23)}.nav-header a i{position:relative;font-size:20px;color:#f6f4e9;background:#56817a;border-radius:50%;padding:12px}.nav-header.nav-header-fixed,.tags-overlay{position:fixed}.nav-header a i.fa-close{font-size:30px;-webkit-box-shadow:none;box-shadow:none;background:initial;border:0}.nav-header a img{max-width:45px}.nav-header.mobile{display:none}.tags-overlay{z-index:1;display:block;width:100%;height:100%;overflow-y:auto;opacity:0;background:#222f38}.tags-overlay.container{font-weight:100;text-align:center;color:#f8f8f8}.tags-overlay .tags-container h2{color:#f6f4e9}.page-index{max-width:900px;margin:0 auto}.posts{padding:0;margin:0 20px;text-align:left}.search-results{text-align:center}.posts .description{margin-bottom:16px;font-size:14px;color:#999}.posts .material-cover{height:200px;margin-bottom:0;position:relative}.posts .meta{margin:20px 0 0;font-size:12px;color:#ccc}.search-container{margin-top:40px}.search-form{padding:4px 0}.search-form .search-field{width:200px;height:16px;border-radius:26px}@media only screen and (min-width:1200px){.container-wrapper{max-width:1100px}}@media all and (max-width:1024px){.container-wrapper{max-width:700px}.profile{height:100%;max-width:100%}.profile a img{width:128px;margin-bottom:16px}.navigation,.profile{width:100%}.profile p{margin:0 160px}#avatar-link{display:inline-block;margin-top:64px}main{left:0;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@media all and (max-width:700px){.container-wrapper{max-width:100%}.card{width:100%}}@media all and (max-width:600px){.nav-header.nav-header-fixed{position:absolute}.profile p{margin:0 80px}.search-container{margin-top:60px}}@media all and (max-width:480px){.blog-header h1{margin-bottom:5px;font-size:2rem}.posts{margin:0 12px}.profile p{margin:0 16px}.nav-header>a{left:10px}.nav-header>a.right{right:10px}}
</style>
<!--[if lte IE 9]>
<script type="text/javascript">
window.location = "/browser-compatibility";
Expand All @@ -9,7 +13,17 @@
<title>{{meta_title}}</title>
{{ghost_head}}
{{> meta}}
<link rel="stylesheet" type="text/css" href="{{asset "css/caffeine-theme.css"}}" />

{{!-- LoadCSS Script --}}
<script>
function loadCSS(e,n,t,o){"use strict";var s=window.document.createElement("link"),d=n||window.document.getElementsByTagName("script")[0],i=window.document.styleSheets;return s.rel="stylesheet",s.href=e,s.media="only x",o&&(s.onload=o),d.parentNode.insertBefore(s,d),s.onloadcssdefined=function(e){for(var n,t=0;t<i.length;t++)i[t].href&&i[t].href===s.href&&(n=!0);n?e():setTimeout(function(){s.onloadcssdefined(e)})},s.onloadcssdefined(function(){s.media=t||"all"}),s}loadCSS('{{asset "css/caffeine-theme.css"}}');
</script>

{{!-- Fallback method if browser Javascript is disabled --}}
<noscript>
<link rel="stylesheet" type="text/css" href="{{asset "css/caffeine-theme.css"}}" />
</noscript>

{{> head-css}}
{{> headscript}}
</head>
Expand Down
16 changes: 8 additions & 8 deletions partials/google-analytics.hbs
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,11 +1,11 @@
<script>
if (window.ga_id) {
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', window.ga_id, 'auto');
ga('require', 'linkid', 'linkid.js');
ga('send', 'pageview');
(function(e,t,n,i,s,a,c){e[n]=e[n]||function(){(e[n].q=e[n].q||[]).push(arguments)}
;a=t.createElement(i);c=t.getElementsByTagName(i)[0];a.async=true;a.src=s
;c.parentNode.insertBefore(a,c)
})(window,document,"galite","script","https://cdn.jsdelivr.net/npm/ga-lite@2/dist/ga-lite.min.js");

galite('create', window.ga_id, 'auto');
galite('send', 'pageview');
}
</script>
</script>