diff --git a/_config.yml b/_config.yml index 3aa8cf3..442b59c 100644 --- a/_config.yml +++ b/_config.yml @@ -12,6 +12,7 @@ github: https://github.com/boukefalos disqus: boukefalos analytics: UA-46375339-1 maps: AIzaSyCyIwGR-F48dFjAbwNr9JdOsfUYaUQxz1s +headers: [187b6ae, 54773b7, eae28bd] # pagination paginate: 3 diff --git a/_includes/header.html b/_includes/header.html index 2c27fe9..4ec2413 100644 --- a/_includes/header.html +++ b/_includes/header.html @@ -32,6 +32,11 @@ var _gaq = _gaq || []; _gaq.push(['_setAccount', '{{ site.analytics }}']); _gaq.push(['_trackPageview']); + window.onload = function() { + var headers = {{ site.headers | implode }}; + var header = headers[Math.floor(Math.random() * headers.length)]; + document.getElementById('masthead').style.backgroundImage = "url('/asset/header/" + header + ".jpg')"; + }
diff --git a/_layouts/post.html b/_layouts/post.html new file mode 100644 index 0000000..f727cc2 --- /dev/null +++ b/_layouts/post.html @@ -0,0 +1,27 @@ +{% include header.html %} ++ De werking van dit blog zou weinig uitleg nodig moeten hebben! +
+ {% include caption.html + width='500' + image='/asset/gallery/2013-visit/c0d7445~640w.jpg' + text='De fraaie West Port!' + %} +Naast foto’s die bij bepaalde activiteiten horen, kom ik vaak situaties tegen die ik de moeite waard vind om op beeld vast te leggen. Wist je dat ik de meeste foto's op dit blog met de camera op mijn HTC One S of OnePlus One maak? Geloof het of niet, maar zelfs sommige van de prachtige panorama's boven elke pagina zijn daarvan afkomstig. Natuurlijk vul ik mijn eigen foto's aan met exemplaren van anderen. diff --git a/static/style/default-common.css b/static/style/default-common.css index bc69699..a9c854e 100644 --- a/static/style/default-common.css +++ b/static/style/default-common.css @@ -1,3 +1,5 @@ +--- +--- * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; @@ -32,7 +34,7 @@ header.site-header, header.navigation { header.site-header { padding: 0; width: 100%; - background: url(/asset/header/187b6ae.jpg) no-repeat scroll top; + background: url(/asset/header/{{ site.headers[0] }}.jpg) no-repeat scroll top; background-size: 1600px auto; }