").append(n.parseHTML(a)).find(d):a)}).complete(c&&function(a,b){g.each(c,e||[a.responseText,b,a])}),this},n.expr.filters.animated=function(a){return n.grep(n.timers,function(b){return a===b.elem}).length};var dd=a.document.documentElement;function ed(a){return n.isWindow(a)?a:9===a.nodeType?a.defaultView||a.parentWindow:!1}n.offset={setOffset:function(a,b,c){var d,e,f,g,h,i,j,k=n.css(a,"position"),l=n(a),m={};"static"===k&&(a.style.position="relative"),h=l.offset(),f=n.css(a,"top"),i=n.css(a,"left"),j=("absolute"===k||"fixed"===k)&&n.inArray("auto",[f,i])>-1,j?(d=l.position(),g=d.top,e=d.left):(g=parseFloat(f)||0,e=parseFloat(i)||0),n.isFunction(b)&&(b=b.call(a,c,h)),null!=b.top&&(m.top=b.top-h.top+g),null!=b.left&&(m.left=b.left-h.left+e),"using"in b?b.using.call(a,m):l.css(m)}},n.fn.extend({offset:function(a){if(arguments.length)return void 0===a?this:this.each(function(b){n.offset.setOffset(this,a,b)});var b,c,d={top:0,left:0},e=this[0],f=e&&e.ownerDocument;if(f)return b=f.documentElement,n.contains(b,e)?(typeof e.getBoundingClientRect!==L&&(d=e.getBoundingClientRect()),c=ed(f),{top:d.top+(c.pageYOffset||b.scrollTop)-(b.clientTop||0),left:d.left+(c.pageXOffset||b.scrollLeft)-(b.clientLeft||0)}):d},position:function(){if(this[0]){var a,b,c={top:0,left:0},d=this[0];return"fixed"===n.css(d,"position")?b=d.getBoundingClientRect():(a=this.offsetParent(),b=this.offset(),n.nodeName(a[0],"html")||(c=a.offset()),c.top+=n.css(a[0],"borderTopWidth",!0),c.left+=n.css(a[0],"borderLeftWidth",!0)),{top:b.top-c.top-n.css(d,"marginTop",!0),left:b.left-c.left-n.css(d,"marginLeft",!0)}}},offsetParent:function(){return this.map(function(){var a=this.offsetParent||dd;while(a&&!n.nodeName(a,"html")&&"static"===n.css(a,"position"))a=a.offsetParent;return a||dd})}}),n.each({scrollLeft:"pageXOffset",scrollTop:"pageYOffset"},function(a,b){var c=/Y/.test(b);n.fn[a]=function(d){return W(this,function(a,d,e){var f=ed(a);return void 0===e?f?b in f?f[b]:f.document.documentElement[d]:a[d]:void(f?f.scrollTo(c?n(f).scrollLeft():e,c?e:n(f).scrollTop()):a[d]=e)},a,d,arguments.length,null)}}),n.each(["top","left"],function(a,b){n.cssHooks[b]=Mb(l.pixelPosition,function(a,c){return c?(c=Kb(a,b),Ib.test(c)?n(a).position()[b]+"px":c):void 0})}),n.each({Height:"height",Width:"width"},function(a,b){n.each({padding:"inner"+a,content:b,"":"outer"+a},function(c,d){n.fn[d]=function(d,e){var f=arguments.length&&(c||"boolean"!=typeof d),g=c||(d===!0||e===!0?"margin":"border");return W(this,function(b,c,d){var e;return n.isWindow(b)?b.document.documentElement["client"+a]:9===b.nodeType?(e=b.documentElement,Math.max(b.body["scroll"+a],e["scroll"+a],b.body["offset"+a],e["offset"+a],e["client"+a])):void 0===d?n.css(b,c,g):n.style(b,c,d,g)},b,f?d:void 0,f,null)}})}),n.fn.size=function(){return this.length},n.fn.andSelf=n.fn.addBack,"function"==typeof define&&define.amd&&define("jquery",[],function(){return n});var fd=a.jQuery,gd=a.$;return n.noConflict=function(b){return a.$===n&&(a.$=gd),b&&a.jQuery===n&&(a.jQuery=fd),n},typeof b===L&&(a.jQuery=a.$=n),n});
\ No newline at end of file
diff --git a/js/jquery.easing.min.js b/js/jquery.easing.min.js
deleted file mode 100644
index 4a54fcd..0000000
--- a/js/jquery.easing.min.js
+++ /dev/null
@@ -1,44 +0,0 @@
-/*
- * jQuery Easing v1.3 - http://gsgd.co.uk/sandbox/jquery/easing/
- *
- * Uses the built in easing capabilities added In jQuery 1.1
- * to offer multiple easing options
- *
- * TERMS OF USE - EASING EQUATIONS
- *
- * Open source under the BSD License.
- *
- * Copyright © 2001 Robert Penner
- * All rights reserved.
- *
- * TERMS OF USE - jQuery Easing
- *
- * Open source under the BSD License.
- *
- * Copyright © 2008 George McGinley Smith
- * All rights reserved.
- *
- * Redistribution and use in source and binary forms, with or without modification,
- * are permitted provided that the following conditions are met:
- *
- * Redistributions of source code must retain the above copyright notice, this list of
- * conditions and the following disclaimer.
- * Redistributions in binary form must reproduce the above copyright notice, this list
- * of conditions and the following disclaimer in the documentation and/or other materials
- * provided with the distribution.
- *
- * Neither the name of the author nor the names of contributors may be used to endorse
- * or promote products derived from this software without specific prior written permission.
- *
- * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY
- * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
- * MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE
- * COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
- * EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE
- * GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED
- * AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
- * NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED
- * OF THE POSSIBILITY OF SUCH DAMAGE.
- *
-*/
-jQuery.easing.jswing=jQuery.easing.swing;jQuery.extend(jQuery.easing,{def:"easeOutQuad",swing:function(e,f,a,h,g){return jQuery.easing[jQuery.easing.def](e,f,a,h,g)},easeInQuad:function(e,f,a,h,g){return h*(f/=g)*f+a},easeOutQuad:function(e,f,a,h,g){return -h*(f/=g)*(f-2)+a},easeInOutQuad:function(e,f,a,h,g){if((f/=g/2)<1){return h/2*f*f+a}return -h/2*((--f)*(f-2)-1)+a},easeInCubic:function(e,f,a,h,g){return h*(f/=g)*f*f+a},easeOutCubic:function(e,f,a,h,g){return h*((f=f/g-1)*f*f+1)+a},easeInOutCubic:function(e,f,a,h,g){if((f/=g/2)<1){return h/2*f*f*f+a}return h/2*((f-=2)*f*f+2)+a},easeInQuart:function(e,f,a,h,g){return h*(f/=g)*f*f*f+a},easeOutQuart:function(e,f,a,h,g){return -h*((f=f/g-1)*f*f*f-1)+a},easeInOutQuart:function(e,f,a,h,g){if((f/=g/2)<1){return h/2*f*f*f*f+a}return -h/2*((f-=2)*f*f*f-2)+a},easeInQuint:function(e,f,a,h,g){return h*(f/=g)*f*f*f*f+a},easeOutQuint:function(e,f,a,h,g){return h*((f=f/g-1)*f*f*f*f+1)+a},easeInOutQuint:function(e,f,a,h,g){if((f/=g/2)<1){return h/2*f*f*f*f*f+a}return h/2*((f-=2)*f*f*f*f+2)+a},easeInSine:function(e,f,a,h,g){return -h*Math.cos(f/g*(Math.PI/2))+h+a},easeOutSine:function(e,f,a,h,g){return h*Math.sin(f/g*(Math.PI/2))+a},easeInOutSine:function(e,f,a,h,g){return -h/2*(Math.cos(Math.PI*f/g)-1)+a},easeInExpo:function(e,f,a,h,g){return(f==0)?a:h*Math.pow(2,10*(f/g-1))+a},easeOutExpo:function(e,f,a,h,g){return(f==g)?a+h:h*(-Math.pow(2,-10*f/g)+1)+a},easeInOutExpo:function(e,f,a,h,g){if(f==0){return a}if(f==g){return a+h}if((f/=g/2)<1){return h/2*Math.pow(2,10*(f-1))+a}return h/2*(-Math.pow(2,-10*--f)+2)+a},easeInCirc:function(e,f,a,h,g){return -h*(Math.sqrt(1-(f/=g)*f)-1)+a},easeOutCirc:function(e,f,a,h,g){return h*Math.sqrt(1-(f=f/g-1)*f)+a},easeInOutCirc:function(e,f,a,h,g){if((f/=g/2)<1){return -h/2*(Math.sqrt(1-f*f)-1)+a}return h/2*(Math.sqrt(1-(f-=2)*f)+1)+a},easeInElastic:function(f,h,e,l,k){var i=1.70158;var j=0;var g=l;if(h==0){return e}if((h/=k)==1){return e+l}if(!j){j=k*0.3}if(g
\ No newline at end of file
diff --git a/msg-success.md b/msg-success.md
new file mode 100644
index 0000000..49029c7
--- /dev/null
+++ b/msg-success.md
@@ -0,0 +1,19 @@
+---
+layout: default
+permalink: /contact/message-sent/
+---
+
+
+
+
+
+
Message sent!
+
Thank you for sending me a message. I'm going to answer ASAP.
+
+ {% for page in site.pages %}
+
+ {{ page.url | prepend: site.baseurl | prepend: site.url }}
+
+ {% endfor %}
+ {% for post in site.posts %}
+
+ {{ post.url | prepend: site.baseurl | prepend: site.url }}
+
+ {% endfor %}
+
diff --git a/src/js/azepto.js b/src/js/azepto.js
new file mode 100644
index 0000000..c248c44
--- /dev/null
+++ b/src/js/azepto.js
@@ -0,0 +1,2 @@
+/* Zepto v1.1.6 - zepto event ajax form ie - zeptojs.com/license */
+var Zepto=function(){function L(t){return null==t?String(t):j[S.call(t)]||"object"}function Z(t){return"function"==L(t)}function _(t){return null!=t&&t==t.window}function $(t){return null!=t&&t.nodeType==t.DOCUMENT_NODE}function D(t){return"object"==L(t)}function M(t){return D(t)&&!_(t)&&Object.getPrototypeOf(t)==Object.prototype}function R(t){return"number"==typeof t.length}function k(t){return s.call(t,function(t){return null!=t})}function z(t){return t.length>0?n.fn.concat.apply([],t):t}function F(t){return t.replace(/::/g,"/").replace(/([A-Z]+)([A-Z][a-z])/g,"$1_$2").replace(/([a-z\d])([A-Z])/g,"$1_$2").replace(/_/g,"-").toLowerCase()}function q(t){return t in f?f[t]:f[t]=new RegExp("(^|\\s)"+t+"(\\s|$)")}function H(t,e){return"number"!=typeof e||c[F(t)]?e:e+"px"}function I(t){var e,n;return u[t]||(e=a.createElement(t),a.body.appendChild(e),n=getComputedStyle(e,"").getPropertyValue("display"),e.parentNode.removeChild(e),"none"==n&&(n="block"),u[t]=n),u[t]}function V(t){return"children"in t?o.call(t.children):n.map(t.childNodes,function(t){return 1==t.nodeType?t:void 0})}function B(n,i,r){for(e in i)r&&(M(i[e])||A(i[e]))?(M(i[e])&&!M(n[e])&&(n[e]={}),A(i[e])&&!A(n[e])&&(n[e]=[]),B(n[e],i[e],r)):i[e]!==t&&(n[e]=i[e])}function U(t,e){return null==e?n(t):n(t).filter(e)}function J(t,e,n,i){return Z(e)?e.call(t,n,i):e}function X(t,e,n){null==n?t.removeAttribute(e):t.setAttribute(e,n)}function W(e,n){var i=e.className||"",r=i&&i.baseVal!==t;return n===t?r?i.baseVal:i:void(r?i.baseVal=n:e.className=n)}function Y(t){try{return t?"true"==t||("false"==t?!1:"null"==t?null:+t+""==t?+t:/^[\[\{]/.test(t)?n.parseJSON(t):t):t}catch(e){return t}}function G(t,e){e(t);for(var n=0,i=t.childNodes.length;i>n;n++)G(t.childNodes[n],e)}var t,e,n,i,C,N,r=[],o=r.slice,s=r.filter,a=window.document,u={},f={},c={"column-count":1,columns:1,"font-weight":1,"line-height":1,opacity:1,"z-index":1,zoom:1},l=/^\s*<(\w+|!)[^>]*>/,h=/^<(\w+)\s*\/?>(?:<\/\1>|)$/,p=/<(?!area|br|col|embed|hr|img|input|link|meta|param)(([\w:]+)[^>]*)\/>/gi,d=/^(?:body|html)$/i,m=/([A-Z])/g,g=["val","css","html","text","data","width","height","offset"],v=["after","prepend","before","append"],y=a.createElement("table"),x=a.createElement("tr"),b={tr:a.createElement("tbody"),tbody:y,thead:y,tfoot:y,td:x,th:x,"*":a.createElement("div")},w=/complete|loaded|interactive/,E=/^[\w-]*$/,j={},S=j.toString,T={},O=a.createElement("div"),P={tabindex:"tabIndex",readonly:"readOnly","for":"htmlFor","class":"className",maxlength:"maxLength",cellspacing:"cellSpacing",cellpadding:"cellPadding",rowspan:"rowSpan",colspan:"colSpan",usemap:"useMap",frameborder:"frameBorder",contenteditable:"contentEditable"},A=Array.isArray||function(t){return t instanceof Array};return T.matches=function(t,e){if(!e||!t||1!==t.nodeType)return!1;var n=t.webkitMatchesSelector||t.mozMatchesSelector||t.oMatchesSelector||t.matchesSelector;if(n)return n.call(t,e);var i,r=t.parentNode,o=!r;return o&&(r=O).appendChild(t),i=~T.qsa(r,e).indexOf(t),o&&O.removeChild(t),i},C=function(t){return t.replace(/-+(.)?/g,function(t,e){return e?e.toUpperCase():""})},N=function(t){return s.call(t,function(e,n){return t.indexOf(e)==n})},T.fragment=function(e,i,r){var s,u,f;return h.test(e)&&(s=n(a.createElement(RegExp.$1))),s||(e.replace&&(e=e.replace(p,"<$1>")),i===t&&(i=l.test(e)&&RegExp.$1),i in b||(i="*"),f=b[i],f.innerHTML=""+e,s=n.each(o.call(f.childNodes),function(){f.removeChild(this)})),M(r)&&(u=n(s),n.each(r,function(t,e){g.indexOf(t)>-1?u[t](e):u.attr(t,e)})),s},T.Z=function(t,e){return t=t||[],t.__proto__=n.fn,t.selector=e||"",t},T.isZ=function(t){return t instanceof T.Z},T.init=function(e,i){var r;if(!e)return T.Z();if("string"==typeof e)if(e=e.trim(),"<"==e[0]&&l.test(e))r=T.fragment(e,RegExp.$1,i),e=null;else{if(i!==t)return n(i).find(e);r=T.qsa(a,e)}else{if(Z(e))return n(a).ready(e);if(T.isZ(e))return e;if(A(e))r=k(e);else if(D(e))r=[e],e=null;else if(l.test(e))r=T.fragment(e.trim(),RegExp.$1,i),e=null;else{if(i!==t)return n(i).find(e);r=T.qsa(a,e)}}return T.Z(r,e)},n=function(t,e){return T.init(t,e)},n.extend=function(t){var e,n=o.call(arguments,1);return"boolean"==typeof t&&(e=t,t=n.shift()),n.forEach(function(n){B(t,n,e)}),t},T.qsa=function(t,e){var n,i="#"==e[0],r=!i&&"."==e[0],s=i||r?e.slice(1):e,a=E.test(s);return $(t)&&a&&i?(n=t.getElementById(s))?[n]:[]:1!==t.nodeType&&9!==t.nodeType?[]:o.call(a&&!i?r?t.getElementsByClassName(s):t.getElementsByTagName(e):t.querySelectorAll(e))},n.contains=a.documentElement.contains?function(t,e){return t!==e&&t.contains(e)}:function(t,e){for(;e&&(e=e.parentNode);)if(e===t)return!0;return!1},n.type=L,n.isFunction=Z,n.isWindow=_,n.isArray=A,n.isPlainObject=M,n.isEmptyObject=function(t){var e;for(e in t)return!1;return!0},n.inArray=function(t,e,n){return r.indexOf.call(e,t,n)},n.camelCase=C,n.trim=function(t){return null==t?"":String.prototype.trim.call(t)},n.uuid=0,n.support={},n.expr={},n.map=function(t,e){var n,r,o,i=[];if(R(t))for(r=0;r=0?e:e+this.length]},toArray:function(){return this.get()},size:function(){return this.length},remove:function(){return this.each(function(){null!=this.parentNode&&this.parentNode.removeChild(this)})},each:function(t){return r.every.call(this,function(e,n){return t.call(e,n,e)!==!1}),this},filter:function(t){return Z(t)?this.not(this.not(t)):n(s.call(this,function(e){return T.matches(e,t)}))},add:function(t,e){return n(N(this.concat(n(t,e))))},is:function(t){return this.length>0&&T.matches(this[0],t)},not:function(e){var i=[];if(Z(e)&&e.call!==t)this.each(function(t){e.call(this,t)||i.push(this)});else{var r="string"==typeof e?this.filter(e):R(e)&&Z(e.item)?o.call(e):n(e);this.forEach(function(t){r.indexOf(t)<0&&i.push(t)})}return n(i)},has:function(t){return this.filter(function(){return D(t)?n.contains(this,t):n(this).find(t).size()})},eq:function(t){return-1===t?this.slice(t):this.slice(t,+t+1)},first:function(){var t=this[0];return t&&!D(t)?t:n(t)},last:function(){var t=this[this.length-1];return t&&!D(t)?t:n(t)},find:function(t){var e,i=this;return e=t?"object"==typeof t?n(t).filter(function(){var t=this;return r.some.call(i,function(e){return n.contains(e,t)})}):1==this.length?n(T.qsa(this[0],t)):this.map(function(){return T.qsa(this,t)}):n()},closest:function(t,e){var i=this[0],r=!1;for("object"==typeof t&&(r=n(t));i&&!(r?r.indexOf(i)>=0:T.matches(i,t));)i=i!==e&&!$(i)&&i.parentNode;return n(i)},parents:function(t){for(var e=[],i=this;i.length>0;)i=n.map(i,function(t){return(t=t.parentNode)&&!$(t)&&e.indexOf(t)<0?(e.push(t),t):void 0});return U(e,t)},parent:function(t){return U(N(this.pluck("parentNode")),t)},children:function(t){return U(this.map(function(){return V(this)}),t)},contents:function(){return this.map(function(){return o.call(this.childNodes)})},siblings:function(t){return U(this.map(function(t,e){return s.call(V(e.parentNode),function(t){return t!==e})}),t)},empty:function(){return this.each(function(){this.innerHTML=""})},pluck:function(t){return n.map(this,function(e){return e[t]})},show:function(){return this.each(function(){"none"==this.style.display&&(this.style.display=""),"none"==getComputedStyle(this,"").getPropertyValue("display")&&(this.style.display=I(this.nodeName))})},replaceWith:function(t){return this.before(t).remove()},wrap:function(t){var e=Z(t);if(this[0]&&!e)var i=n(t).get(0),r=i.parentNode||this.length>1;return this.each(function(o){n(this).wrapAll(e?t.call(this,o):r?i.cloneNode(!0):i)})},wrapAll:function(t){if(this[0]){n(this[0]).before(t=n(t));for(var e;(e=t.children()).length;)t=e.first();n(t).append(this)}return this},wrapInner:function(t){var e=Z(t);return this.each(function(i){var r=n(this),o=r.contents(),s=e?t.call(this,i):t;o.length?o.wrapAll(s):r.append(s)})},unwrap:function(){return this.parent().each(function(){n(this).replaceWith(n(this).children())}),this},clone:function(){return this.map(function(){return this.cloneNode(!0)})},hide:function(){return this.css("display","none")},toggle:function(e){return this.each(function(){var i=n(this);(e===t?"none"==i.css("display"):e)?i.show():i.hide()})},prev:function(t){return n(this.pluck("previousElementSibling")).filter(t||"*")},next:function(t){return n(this.pluck("nextElementSibling")).filter(t||"*")},html:function(t){return 0 in arguments?this.each(function(e){var i=this.innerHTML;n(this).empty().append(J(this,t,e,i))}):0 in this?this[0].innerHTML:null},text:function(t){return 0 in arguments?this.each(function(e){var n=J(this,t,e,this.textContent);this.textContent=null==n?"":""+n}):0 in this?this[0].textContent:null},attr:function(n,i){var r;return"string"!=typeof n||1 in arguments?this.each(function(t){if(1===this.nodeType)if(D(n))for(e in n)X(this,e,n[e]);else X(this,n,J(this,i,t,this.getAttribute(n)))}):this.length&&1===this[0].nodeType?!(r=this[0].getAttribute(n))&&n in this[0]?this[0][n]:r:t},removeAttr:function(t){return this.each(function(){1===this.nodeType&&t.split(" ").forEach(function(t){X(this,t)},this)})},prop:function(t,e){return t=P[t]||t,1 in arguments?this.each(function(n){this[t]=J(this,e,n,this[t])}):this[0]&&this[0][t]},data:function(e,n){var i="data-"+e.replace(m,"-$1").toLowerCase(),r=1 in arguments?this.attr(i,n):this.attr(i);return null!==r?Y(r):t},val:function(t){return 0 in arguments?this.each(function(e){this.value=J(this,t,e,this.value)}):this[0]&&(this[0].multiple?n(this[0]).find("option").filter(function(){return this.selected}).pluck("value"):this[0].value)},offset:function(t){if(t)return this.each(function(e){var i=n(this),r=J(this,t,e,i.offset()),o=i.offsetParent().offset(),s={top:r.top-o.top,left:r.left-o.left};"static"==i.css("position")&&(s.position="relative"),i.css(s)});if(!this.length)return null;var e=this[0].getBoundingClientRect();return{left:e.left+window.pageXOffset,top:e.top+window.pageYOffset,width:Math.round(e.width),height:Math.round(e.height)}},css:function(t,i){if(arguments.length<2){var r,o=this[0];if(!o)return;if(r=getComputedStyle(o,""),"string"==typeof t)return o.style[C(t)]||r.getPropertyValue(t);if(A(t)){var s={};return n.each(t,function(t,e){s[e]=o.style[C(e)]||r.getPropertyValue(e)}),s}}var a="";if("string"==L(t))i||0===i?a=F(t)+":"+H(t,i):this.each(function(){this.style.removeProperty(F(t))});else for(e in t)t[e]||0===t[e]?a+=F(e)+":"+H(e,t[e])+";":this.each(function(){this.style.removeProperty(F(e))});return this.each(function(){this.style.cssText+=";"+a})},index:function(t){return t?this.indexOf(n(t)[0]):this.parent().children().indexOf(this[0])},hasClass:function(t){return t?r.some.call(this,function(t){return this.test(W(t))},q(t)):!1},addClass:function(t){return t?this.each(function(e){if("className"in this){i=[];var r=W(this),o=J(this,t,e,r);o.split(/\s+/g).forEach(function(t){n(this).hasClass(t)||i.push(t)},this),i.length&&W(this,r+(r?" ":"")+i.join(" "))}}):this},removeClass:function(e){return this.each(function(n){if("className"in this){if(e===t)return W(this,"");i=W(this),J(this,e,n,i).split(/\s+/g).forEach(function(t){i=i.replace(q(t)," ")}),W(this,i.trim())}})},toggleClass:function(e,i){return e?this.each(function(r){var o=n(this),s=J(this,e,r,W(this));s.split(/\s+/g).forEach(function(e){(i===t?!o.hasClass(e):i)?o.addClass(e):o.removeClass(e)})}):this},scrollTop:function(e){if(this.length){var n="scrollTop"in this[0];return e===t?n?this[0].scrollTop:this[0].pageYOffset:this.each(n?function(){this.scrollTop=e}:function(){this.scrollTo(this.scrollX,e)})}},scrollLeft:function(e){if(this.length){var n="scrollLeft"in this[0];return e===t?n?this[0].scrollLeft:this[0].pageXOffset:this.each(n?function(){this.scrollLeft=e}:function(){this.scrollTo(e,this.scrollY)})}},position:function(){if(this.length){var t=this[0],e=this.offsetParent(),i=this.offset(),r=d.test(e[0].nodeName)?{top:0,left:0}:e.offset();return i.top-=parseFloat(n(t).css("margin-top"))||0,i.left-=parseFloat(n(t).css("margin-left"))||0,r.top+=parseFloat(n(e[0]).css("border-top-width"))||0,r.left+=parseFloat(n(e[0]).css("border-left-width"))||0,{top:i.top-r.top,left:i.left-r.left}}},offsetParent:function(){return this.map(function(){for(var t=this.offsetParent||a.body;t&&!d.test(t.nodeName)&&"static"==n(t).css("position");)t=t.offsetParent;return t})}},n.fn.detach=n.fn.remove,["width","height"].forEach(function(e){var i=e.replace(/./,function(t){return t[0].toUpperCase()});n.fn[e]=function(r){var o,s=this[0];return r===t?_(s)?s["inner"+i]:$(s)?s.documentElement["scroll"+i]:(o=this.offset())&&o[e]:this.each(function(t){s=n(this),s.css(e,J(this,r,t,s[e]()))})}}),v.forEach(function(t,e){var i=e%2;n.fn[t]=function(){var t,o,r=n.map(arguments,function(e){return t=L(e),"object"==t||"array"==t||null==e?e:T.fragment(e)}),s=this.length>1;return r.length<1?this:this.each(function(t,u){o=i?u:u.parentNode,u=0==e?u.nextSibling:1==e?u.firstChild:2==e?u:null;var f=n.contains(a.documentElement,o);r.forEach(function(t){if(s)t=t.cloneNode(!0);else if(!o)return n(t).remove();o.insertBefore(t,u),f&&G(t,function(t){null==t.nodeName||"SCRIPT"!==t.nodeName.toUpperCase()||t.type&&"text/javascript"!==t.type||t.src||window.eval.call(window,t.innerHTML)})})})},n.fn[i?t+"To":"insert"+(e?"Before":"After")]=function(e){return n(e)[t](this),this}}),T.Z.prototype=n.fn,T.uniq=N,T.deserializeValue=Y,n.zepto=T,n}();window.Zepto=Zepto,void 0===window.$&&(window.$=Zepto),function(t){function l(t){return t._zid||(t._zid=e++)}function h(t,e,n,i){if(e=p(e),e.ns)var r=d(e.ns);return(s[l(t)]||[]).filter(function(t){return!(!t||e.e&&t.e!=e.e||e.ns&&!r.test(t.ns)||n&&l(t.fn)!==l(n)||i&&t.sel!=i)})}function p(t){var e=(""+t).split(".");return{e:e[0],ns:e.slice(1).sort().join(" ")}}function d(t){return new RegExp("(?:^| )"+t.replace(" "," .* ?")+"(?: |$)")}function m(t,e){return t.del&&!u&&t.e in f||!!e}function g(t){return c[t]||u&&f[t]||t}function v(e,i,r,o,a,u,f){var h=l(e),d=s[h]||(s[h]=[]);i.split(/\s/).forEach(function(i){if("ready"==i)return t(document).ready(r);var s=p(i);s.fn=r,s.sel=a,s.e in c&&(r=function(e){var n=e.relatedTarget;return!n||n!==this&&!t.contains(this,n)?s.fn.apply(this,arguments):void 0}),s.del=u;var l=u||r;s.proxy=function(t){if(t=j(t),!t.isImmediatePropagationStopped()){t.data=o;var i=l.apply(e,t._args==n?[t]:[t].concat(t._args));return i===!1&&(t.preventDefault(),t.stopPropagation()),i}},s.i=d.length,d.push(s),"addEventListener"in e&&e.addEventListener(g(s.e),s.proxy,m(s,f))})}function y(t,e,n,i,r){var o=l(t);(e||"").split(/\s/).forEach(function(e){h(t,e,n,i).forEach(function(e){delete s[o][e.i],"removeEventListener"in t&&t.removeEventListener(g(e.e),e.proxy,m(e,r))})})}function j(e,i){return(i||!e.isDefaultPrevented)&&(i||(i=e),t.each(E,function(t,n){var r=i[t];e[t]=function(){return this[n]=x,r&&r.apply(i,arguments)},e[n]=b}),(i.defaultPrevented!==n?i.defaultPrevented:"returnValue"in i?i.returnValue===!1:i.getPreventDefault&&i.getPreventDefault())&&(e.isDefaultPrevented=x)),e}function S(t){var e,i={originalEvent:t};for(e in t)w.test(e)||t[e]===n||(i[e]=t[e]);return j(i,t)}var n,e=1,i=Array.prototype.slice,r=t.isFunction,o=function(t){return"string"==typeof t},s={},a={},u="onfocusin"in window,f={focus:"focusin",blur:"focusout"},c={mouseenter:"mouseover",mouseleave:"mouseout"};a.click=a.mousedown=a.mouseup=a.mousemove="MouseEvents",t.event={add:v,remove:y},t.proxy=function(e,n){var s=2 in arguments&&i.call(arguments,2);if(r(e)){var a=function(){return e.apply(n,s?s.concat(i.call(arguments)):arguments)};return a._zid=l(e),a}if(o(n))return s?(s.unshift(e[n],e),t.proxy.apply(null,s)):t.proxy(e[n],e);throw new TypeError("expected function")},t.fn.bind=function(t,e,n){return this.on(t,e,n)},t.fn.unbind=function(t,e){return this.off(t,e)},t.fn.one=function(t,e,n,i){return this.on(t,e,n,i,1)};var x=function(){return!0},b=function(){return!1},w=/^([A-Z]|returnValue$|layer[XY]$)/,E={preventDefault:"isDefaultPrevented",stopImmediatePropagation:"isImmediatePropagationStopped",stopPropagation:"isPropagationStopped"};t.fn.delegate=function(t,e,n){return this.on(e,t,n)},t.fn.undelegate=function(t,e,n){return this.off(e,t,n)},t.fn.live=function(e,n){return t(document.body).delegate(this.selector,e,n),this},t.fn.die=function(e,n){return t(document.body).undelegate(this.selector,e,n),this},t.fn.on=function(e,s,a,u,f){var c,l,h=this;return e&&!o(e)?(t.each(e,function(t,e){h.on(t,s,a,e,f)}),h):(o(s)||r(u)||u===!1||(u=a,a=s,s=n),(r(a)||a===!1)&&(u=a,a=n),u===!1&&(u=b),h.each(function(n,r){f&&(c=function(t){return y(r,t.type,u),u.apply(this,arguments)}),s&&(l=function(e){var n,o=t(e.target).closest(s,r).get(0);return o&&o!==r?(n=t.extend(S(e),{currentTarget:o,liveFired:r}),(c||u).apply(o,[n].concat(i.call(arguments,1)))):void 0}),v(r,e,u,a,s,l||c)}))},t.fn.off=function(e,i,s){var a=this;return e&&!o(e)?(t.each(e,function(t,e){a.off(t,i,e)}),a):(o(i)||r(s)||s===!1||(s=i,i=n),s===!1&&(s=b),a.each(function(){y(this,e,s,i)}))},t.fn.trigger=function(e,n){return e=o(e)||t.isPlainObject(e)?t.Event(e):j(e),e._args=n,this.each(function(){e.type in f&&"function"==typeof this[e.type]?this[e.type]():"dispatchEvent"in this?this.dispatchEvent(e):t(this).triggerHandler(e,n)})},t.fn.triggerHandler=function(e,n){var i,r;return this.each(function(s,a){i=S(o(e)?t.Event(e):e),i._args=n,i.target=a,t.each(h(a,e.type||e),function(t,e){return r=e.proxy(i),i.isImmediatePropagationStopped()?!1:void 0})}),r},"focusin focusout focus blur load resize scroll unload click dblclick mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave change select keydown keypress keyup error".split(" ").forEach(function(e){t.fn[e]=function(t){return 0 in arguments?this.bind(e,t):this.trigger(e)}}),t.Event=function(t,e){o(t)||(e=t,t=e.type);var n=document.createEvent(a[t]||"Events"),i=!0;if(e)for(var r in e)"bubbles"==r?i=!!e[r]:n[r]=e[r];return n.initEvent(t,i,!0),j(n)}}(Zepto),function(t){function h(e,n,i){var r=t.Event(n);return t(e).trigger(r,i),!r.isDefaultPrevented()}function p(t,e,i,r){return t.global?h(e||n,i,r):void 0}function d(e){e.global&&0===t.active++&&p(e,null,"ajaxStart")}function m(e){e.global&&!--t.active&&p(e,null,"ajaxStop")}function g(t,e){var n=e.context;return e.beforeSend.call(n,t,e)===!1||p(e,n,"ajaxBeforeSend",[t,e])===!1?!1:void p(e,n,"ajaxSend",[t,e])}function v(t,e,n,i){var r=n.context,o="success";n.success.call(r,t,o,e),i&&i.resolveWith(r,[t,o,e]),p(n,r,"ajaxSuccess",[e,n,t]),x(o,e,n)}function y(t,e,n,i,r){var o=i.context;i.error.call(o,n,e,t),r&&r.rejectWith(o,[n,e,t]),p(i,o,"ajaxError",[n,i,t||e]),x(e,n,i)}function x(t,e,n){var i=n.context;n.complete.call(i,e,t),p(n,i,"ajaxComplete",[e,n]),m(n)}function b(){}function w(t){return t&&(t=t.split(";",2)[0]),t&&(t==f?"html":t==u?"json":s.test(t)?"script":a.test(t)&&"xml")||"text"}function E(t,e){return""==e?t:(t+"&"+e).replace(/[&?]{1,2}/,"?")}function j(e){e.processData&&e.data&&"string"!=t.type(e.data)&&(e.data=t.param(e.data,e.traditional)),!e.data||e.type&&"GET"!=e.type.toUpperCase()||(e.url=E(e.url,e.data),e.data=void 0)}function S(e,n,i,r){return t.isFunction(n)&&(r=i,i=n,n=void 0),t.isFunction(i)||(r=i,i=void 0),{url:e,data:n,success:i,dataType:r}}function C(e,n,i,r){var o,s=t.isArray(n),a=t.isPlainObject(n);t.each(n,function(n,u){o=t.type(u),r&&(n=i?r:r+"["+(a||"object"==o||"array"==o?n:"")+"]"),!r&&s?e.add(u.name,u.value):"array"==o||!i&&"object"==o?C(e,u,i,n):e.add(n,u)})}var i,r,e=0,n=window.document,o=/)<[^<]*)*<\/script>/gi,s=/^(?:text|application)\/javascript/i,a=/^(?:text|application)\/xml/i,u="application/json",f="text/html",c=/^\s*$/,l=n.createElement("a");l.href=window.location.href,t.active=0,t.ajaxJSONP=function(i,r){if(!("type"in i))return t.ajax(i);var f,h,o=i.jsonpCallback,s=(t.isFunction(o)?o():o)||"jsonp"+ ++e,a=n.createElement("script"),u=window[s],c=function(e){t(a).triggerHandler("error",e||"abort")},l={abort:c};return r&&r.promise(l),t(a).on("load error",function(e,n){clearTimeout(h),t(a).off().remove(),"error"!=e.type&&f?v(f[0],l,i,r):y(null,n||"error",l,i,r),window[s]=u,f&&t.isFunction(u)&&u(f[0]),u=f=void 0}),g(l,i)===!1?(c("abort"),l):(window[s]=function(){f=arguments},a.src=i.url.replace(/\?(.+)=\?/,"?$1="+s),n.head.appendChild(a),i.timeout>0&&(h=setTimeout(function(){c("timeout")},i.timeout)),l)},t.ajaxSettings={type:"GET",beforeSend:b,success:b,error:b,complete:b,context:null,global:!0,xhr:function(){return new window.XMLHttpRequest},accepts:{script:"text/javascript, application/javascript, application/x-javascript",json:u,xml:"application/xml, text/xml",html:f,text:"text/plain"},crossDomain:!1,timeout:0,processData:!0,cache:!0},t.ajax=function(e){var a,o=t.extend({},e||{}),s=t.Deferred&&t.Deferred();for(i in t.ajaxSettings)void 0===o[i]&&(o[i]=t.ajaxSettings[i]);d(o),o.crossDomain||(a=n.createElement("a"),a.href=o.url,a.href=a.href,o.crossDomain=l.protocol+"//"+l.host!=a.protocol+"//"+a.host),o.url||(o.url=window.location.toString()),j(o);var u=o.dataType,f=/\?.+=\?/.test(o.url);if(f&&(u="jsonp"),o.cache!==!1&&(e&&e.cache===!0||"script"!=u&&"jsonp"!=u)||(o.url=E(o.url,"_="+Date.now())),"jsonp"==u)return f||(o.url=E(o.url,o.jsonp?o.jsonp+"=?":o.jsonp===!1?"":"callback=?")),t.ajaxJSONP(o,s);var C,h=o.accepts[u],p={},m=function(t,e){p[t.toLowerCase()]=[t,e]},x=/^([\w-]+:)\/\//.test(o.url)?RegExp.$1:window.location.protocol,S=o.xhr(),T=S.setRequestHeader;if(s&&s.promise(S),o.crossDomain||m("X-Requested-With","XMLHttpRequest"),m("Accept",h||"*/*"),(h=o.mimeType||h)&&(h.indexOf(",")>-1&&(h=h.split(",",2)[0]),S.overrideMimeType&&S.overrideMimeType(h)),(o.contentType||o.contentType!==!1&&o.data&&"GET"!=o.type.toUpperCase())&&m("Content-Type",o.contentType||"application/x-www-form-urlencoded"),o.headers)for(r in o.headers)m(r,o.headers[r]);if(S.setRequestHeader=m,S.onreadystatechange=function(){if(4==S.readyState){S.onreadystatechange=b,clearTimeout(C);var e,n=!1;if(S.status>=200&&S.status<300||304==S.status||0==S.status&&"file:"==x){u=u||w(o.mimeType||S.getResponseHeader("content-type")),e=S.responseText;try{"script"==u?(1,eval)(e):"xml"==u?e=S.responseXML:"json"==u&&(e=c.test(e)?null:t.parseJSON(e))}catch(i){n=i}n?y(n,"parsererror",S,o,s):v(e,S,o,s)}else y(S.statusText||null,S.status?"error":"abort",S,o,s)}},g(S,o)===!1)return S.abort(),y(null,"abort",S,o,s),S;if(o.xhrFields)for(r in o.xhrFields)S[r]=o.xhrFields[r];var N="async"in o?o.async:!0;S.open(o.type,o.url,N,o.username,o.password);for(r in p)T.apply(S,p[r]);return o.timeout>0&&(C=setTimeout(function(){S.onreadystatechange=b,S.abort(),y(null,"timeout",S,o,s)},o.timeout)),S.send(o.data?o.data:null),S},t.get=function(){return t.ajax(S.apply(null,arguments))},t.post=function(){var e=S.apply(null,arguments);return e.type="POST",t.ajax(e)},t.getJSON=function(){var e=S.apply(null,arguments);return e.dataType="json",t.ajax(e)},t.fn.load=function(e,n,i){if(!this.length)return this;var a,r=this,s=e.split(/\s/),u=S(e,n,i),f=u.success;return s.length>1&&(u.url=s[0],a=s[1]),u.success=function(e){r.html(a?t("").html(e.replace(o,"")).find(a):e),f&&f.apply(r,arguments)},t.ajax(u),this};var T=encodeURIComponent;t.param=function(e,n){var i=[];return i.add=function(e,n){t.isFunction(n)&&(n=n()),null==n&&(n=""),this.push(T(e)+"="+T(n))},C(i,e,n),i.join("&").replace(/%20/g,"+")}}(Zepto),function(t){t.fn.serializeArray=function(){var e,n,i=[],r=function(t){return t.forEach?t.forEach(r):void i.push({name:e,value:t})};return this[0]&&t.each(this[0].elements,function(i,o){n=o.type,e=o.name,e&&"fieldset"!=o.nodeName.toLowerCase()&&!o.disabled&&"submit"!=n&&"reset"!=n&&"button"!=n&&"file"!=n&&("radio"!=n&&"checkbox"!=n||o.checked)&&r(t(o).val())}),i},t.fn.serialize=function(){var t=[];return this.serializeArray().forEach(function(e){t.push(encodeURIComponent(e.name)+"="+encodeURIComponent(e.value))}),t.join("&")},t.fn.submit=function(e){if(0 in arguments)this.bind("submit",e);else if(this.length){var n=t.Event("submit");this.eq(0).trigger(n),n.isDefaultPrevented()||this.get(0).submit()}return this}}(Zepto),function(t){"__proto__"in{}||t.extend(t.zepto,{Z:function(e,n){return e=e||[],t.extend(e,t.fn),e.selector=n||"",e.__Z=!0,e},isZ:function(e){return"array"===t.type(e)&&"__Z"in e}});try{getComputedStyle(void 0)}catch(e){var n=getComputedStyle;window.getComputedStyle=function(t){try{return n(t)}catch(e){return null}}}}(Zepto);
diff --git a/js/classie.js b/src/js/classie.js
similarity index 99%
rename from js/classie.js
rename to src/js/classie.js
index a967554..eff7979 100644
--- a/js/classie.js
+++ b/src/js/classie.js
@@ -77,4 +77,4 @@ if ( typeof define === 'function' && define.amd ) {
window.classie = classie;
}
-})( window );
+})( window );
\ No newline at end of file
diff --git a/src/js/progressBar.js b/src/js/progressBar.js
new file mode 100644
index 0000000..fc01139
--- /dev/null
+++ b/src/js/progressBar.js
@@ -0,0 +1,64 @@
+(function () {
+ 'use strict';
+
+ var post = document.querySelector('.post-content');
+ var progressBar = document.querySelector('.progress-bar');
+
+ if (post && progressBar) {
+ var lastScrollTop = 0;
+ var maxScrollTop = post.scrollHeight;
+
+ var completed = progressBar.querySelector('.completed');
+ var remaining = progressBar.querySelector('.remaining');
+ var timeCompleted = progressBar.querySelector('.time-completed');
+ var timeRemaining = progressBar.querySelector('.time-remaining');
+
+ document.addEventListener('scroll', function() {
+ var scrollTop = window.pageYOffset || document.documentElement.scrollTop;
+
+ if (scrollTop > lastScrollTop) {
+ progressBar.style.bottom = '0%';
+ } else {
+ progressBar.style.bottom = '-100%';
+ }
+
+ if (scrollTop <= maxScrollTop) {
+ var percentage = scrollTop/maxScrollTop;
+
+ var completedVal = (percentage * 100).toFixed(2);
+ var remainingVal = 100 - parseFloat(completedVal);
+ completed.style.width = completedVal.toString() + '%';
+ remaining.style.width = remainingVal.toString() + '%';
+
+ var totalSeconds = parseInt(progressBar.getAttribute('data-minutes')) * 60;
+
+ var completedTime = parseInt(percentage * totalSeconds);
+ var completedMin = parseInt(completedTime/60);
+ var completedSec = parseInt((completedTime/60 - completedMin) * 60);
+
+ var remainingTime = totalSeconds - completedTime;
+ var remainingMin = parseInt(remainingTime/60);
+ var remainingSec = parseInt((remainingTime/60 - remainingMin) * 60);
+
+ completedMin = (completedMin < 10) ? '0' + completedMin : completedMin;
+ completedSec = (completedSec < 10) ? '0' + completedSec : completedSec;
+ remainingMin = (remainingMin < 10) ? '0' + remainingMin : remainingMin;
+ remainingSec = (remainingSec < 10) ? '0' + remainingSec : remainingSec;
+
+ timeCompleted.innerText = completedMin + ':' + completedSec;
+ timeRemaining.innerText = remainingMin + ':' + remainingSec;
+ } else {
+ completed.style.width = '100%';
+ remaining.style.width = '0%';
+
+ var minutes = parseInt(progressBar.getAttribute('data-minutes'));
+ minutes = (minutes < 10) ? '0' + minutes : minutes;
+
+ timeCompleted.innerText = '00:00';
+ timeRemaining.innerText = minutes + ':00';
+ }
+
+ lastScrollTop = scrollTop;
+ });
+ }
+})();
diff --git a/src/js/scrollanimation.js b/src/js/scrollanimation.js
new file mode 100644
index 0000000..4103f27
--- /dev/null
+++ b/src/js/scrollanimation.js
@@ -0,0 +1,180 @@
+/**
+ * animOnScroll.js v1.0.0
+ * http://www.codrops.com
+ *
+ * Licensed under the MIT license.
+ * http://www.opensource.org/licenses/mit-license.php
+ *
+ * Copyright 2013, Codrops
+ * http://www.codrops.com
+ */
+;( function( window ) {
+
+ 'use strict';
+
+ var docElem = window.document.documentElement;
+
+ function getViewportH() {
+ var client = docElem['clientHeight'],
+ inner = window['innerHeight'];
+
+ if( client < inner )
+ return inner;
+ else
+ return client;
+ }
+
+ function scrollY() {
+ return window.pageYOffset || docElem.scrollTop;
+ }
+
+ // http://stackoverflow.com/a/5598797/989439
+ function getOffset( el ) {
+ var offsetTop = 0, offsetLeft = 0;
+ do {
+ if ( !isNaN( el.offsetTop ) ) {
+ offsetTop += el.offsetTop;
+ }
+ if ( !isNaN( el.offsetLeft ) ) {
+ offsetLeft += el.offsetLeft;
+ }
+ } while( el = el.offsetParent )
+
+ return {
+ top : offsetTop,
+ left : offsetLeft
+ }
+ }
+
+ function inViewport( el, h ) {
+ var elH = el.offsetHeight,
+ scrolled = scrollY(),
+ viewed = scrolled + getViewportH(),
+ elTop = getOffset(el).top,
+ elBottom = elTop + elH,
+ // if 0, the element is considered in the viewport as soon as it enters.
+ // if 1, the element is considered in the viewport only when it's fully inside
+ // value in percentage (1 >= h >= 0)
+ h = h || 0;
+
+ return (elTop + elH * h) <= viewed && (elBottom - elH * h) >= scrolled;
+ }
+
+ function extend( a, b ) {
+ for( var key in b ) {
+ if( b.hasOwnProperty( key ) ) {
+ a[key] = b[key];
+ }
+ }
+ return a;
+ }
+
+ function loadImageUrl(img) {
+ if (img) {
+ var image = new Image();
+ image.onload = function () {
+ img.src = image.src;
+ };
+ image.src = img.getAttribute('data-url');
+ }
+ }
+
+ function AnimOnScroll( el, options ) {
+ this.el = el;
+ this.options = extend( this.defaults, options );
+ this._init();
+ }
+
+ AnimOnScroll.prototype = {
+ defaults : {
+ // Minimum and a maximum duration of the animation (random value is chosen)
+ minDuration : 0,
+ maxDuration : 0,
+ // The viewportFactor defines how much of the appearing item has to be visible in order to trigger the animation
+ // if we'd use a value of 0, this would mean that it would add the animation class as soon as the item is in the viewport.
+ // If we were to use the value of 1, the animation would only be triggered when we see all of the item in the viewport (100% of it)
+ viewportFactor : 0
+ },
+ _init : function() {
+ this.items = Array.prototype.slice.call( document.querySelectorAll( '#' + this.el.id + ' > article' ) );
+ this.itemsCount = this.items.length;
+ this.itemsRenderedCount = 0;
+ this.didScroll = false;
+
+ var self = this;
+ // the items already shown...
+ self.items.forEach( function( el, i ) {
+ if( inViewport( el ) ) {
+ self._checkTotalRendered();
+ classie.add( el, 'shown' );
+
+ loadImageUrl(el.querySelector('.preload'));
+ }
+ } );
+
+ // animate on scroll the items inside the viewport
+ window.addEventListener( 'scroll', function() {
+ self._onScrollFn();
+ }, false );
+ window.addEventListener( 'resize', function() {
+ self._resizeHandler();
+ }, false );
+ },
+ _onScrollFn : function() {
+ var self = this;
+ if( !this.didScroll ) {
+ this.didScroll = true;
+ setTimeout( function() { self._scrollPage(); }, 60 );
+ }
+ },
+ _scrollPage : function() {
+ var self = this;
+ this.items.forEach( function( el, i ) {
+ if( !classie.has( el, 'shown' ) && !classie.has( el, 'animate' ) && inViewport( el, self.options.viewportFactor ) ) {
+ setTimeout( function() {
+ var perspY = scrollY() + getViewportH() / 2;
+ self.el.style.WebkitPerspectiveOrigin = '50% ' + perspY + 'px';
+ self.el.style.MozPerspectiveOrigin = '50% ' + perspY + 'px';
+ self.el.style.perspectiveOrigin = '50% ' + perspY + 'px';
+
+ self._checkTotalRendered();
+
+ if( self.options.minDuration && self.options.maxDuration ) {
+ var randDuration = ( Math.random() * ( self.options.maxDuration - self.options.minDuration ) + self.options.minDuration ) + 's';
+ el.style.WebkitAnimationDuration = randDuration;
+ el.style.MozAnimationDuration = randDuration;
+ el.style.animationDuration = randDuration;
+ }
+
+ classie.add( el, 'animate' );
+
+ loadImageUrl(el.querySelector('.preload'));
+
+ }, 25 );
+ }
+ });
+ this.didScroll = false;
+ },
+ _resizeHandler : function() {
+ var self = this;
+ function delayed() {
+ self._scrollPage();
+ self.resizeTimeout = null;
+ }
+ if ( this.resizeTimeout ) {
+ clearTimeout( this.resizeTimeout );
+ }
+ this.resizeTimeout = setTimeout( delayed, 1000 );
+ },
+ _checkTotalRendered : function() {
+ ++this.itemsRenderedCount;
+ if( this.itemsRenderedCount === this.itemsCount ) {
+ window.removeEventListener( 'scroll', this._onScrollFn );
+ }
+ }
+ }
+
+ // add to global namespace
+ window.AnimOnScroll = AnimOnScroll;
+
+} )( window );
diff --git a/src/js/simpleJekyllSearch.js b/src/js/simpleJekyllSearch.js
new file mode 100644
index 0000000..13f2f25
--- /dev/null
+++ b/src/js/simpleJekyllSearch.js
@@ -0,0 +1,88 @@
+(function($) {
+ $.fn.simpleJekyllSearch = function(options) {
+ var settings = $.extend({
+ jsonFile : '/search.json',
+ jsonFormat : 'title,tags,categories,url,date',
+ template : '
{categories} {title} {date} ',
+ searchResults : '.search-results',
+ limit : '10',
+ noResults : '
Puuuts! Não encontramos nada :(
'
+ }, options);
+
+ var properties = settings.jsonFormat.split(',');
+
+ var jsonData = [],
+ origThis = this,
+ searchResults = $(settings.searchResults);
+
+ if(settings.jsonFile.length && searchResults.length){
+ $.ajax({
+ type: "GET",
+ url: settings.jsonFile,
+ dataType: 'json',
+ success: function(data, textStatus, jqXHR) {
+ jsonData = data;
+ registerEvent();
+ },
+ error: function(x,y,z) {
+ console.log("***ERROR in simpleJekyllSearch.js***");
+ console.log(x);
+ console.log(y);
+ console.log(z);
+ // x.responseText should have what's wrong
+ }
+ });
+ }
+
+
+ function registerEvent(){
+ origThis.keyup(function(e){
+ if($(this).val().length){
+ writeMatches( performSearch($(this).val()));
+ }else{
+ clearSearchResults();
+ }
+ });
+ }
+
+ function performSearch(str){
+ var matches = [];
+
+ $.each(jsonData,function(i,entry){
+ for(var i=0;i
= 0x0001 && codeUnit <= 0x001F) || codeUnit == 0x007F ||
+ // If the character is the first character and is in the range [0-9]
+ // (U+0030 to U+0039), […]
+ (index === 0 && codeUnit >= 0x0030 && codeUnit <= 0x0039) ||
+ // If the character is the second character and is in the range [0-9]
+ // (U+0030 to U+0039) and the first character is a `-` (U+002D), […]
+ (
+ index === 1 &&
+ codeUnit >= 0x0030 && codeUnit <= 0x0039 &&
+ firstCodeUnit === 0x002D
+ )
+ ) {
+ // http://dev.w3.org/csswg/cssom/#escape-a-character-as-code-point
+ result += '\\' + codeUnit.toString(16) + ' ';
+ continue;
+ }
+
+ // If the character is not handled by one of the above rules and is
+ // greater than or equal to U+0080, is `-` (U+002D) or `_` (U+005F), or
+ // is in one of the ranges [0-9] (U+0030 to U+0039), [A-Z] (U+0041 to
+ // U+005A), or [a-z] (U+0061 to U+007A), […]
+ if (
+ codeUnit >= 0x0080 ||
+ codeUnit === 0x002D ||
+ codeUnit === 0x005F ||
+ codeUnit >= 0x0030 && codeUnit <= 0x0039 ||
+ codeUnit >= 0x0041 && codeUnit <= 0x005A ||
+ codeUnit >= 0x0061 && codeUnit <= 0x007A
+ ) {
+ // the character itself
+ result += string.charAt(index);
+ continue;
+ }
+
+ // Otherwise, the escaped character.
+ // http://dev.w3.org/csswg/cssom/#escape-a-character
+ result += '\\' + string.charAt(index);
+
+ }
+ return result;
+ };
+
+ /**
+ * Calculate the easing pattern
+ * @private
+ * @link https://gist.github.com/gre/1650294
+ * @param {String} type Easing pattern
+ * @param {Number} time Time animation should take to complete
+ * @returns {Number}
+ */
+ var easingPattern = function ( type, time ) {
+ var pattern;
+ if ( type === 'easeInQuad' ) pattern = time * time; // accelerating from zero velocity
+ if ( type === 'easeOutQuad' ) pattern = time * (2 - time); // decelerating to zero velocity
+ if ( type === 'easeInOutQuad' ) pattern = time < 0.5 ? 2 * time * time : -1 + (4 - 2 * time) * time; // acceleration until halfway, then deceleration
+ if ( type === 'easeInCubic' ) pattern = time * time * time; // accelerating from zero velocity
+ if ( type === 'easeOutCubic' ) pattern = (--time) * time * time + 1; // decelerating to zero velocity
+ if ( type === 'easeInOutCubic' ) pattern = time < 0.5 ? 4 * time * time * time : (time - 1) * (2 * time - 2) * (2 * time - 2) + 1; // acceleration until halfway, then deceleration
+ if ( type === 'easeInQuart' ) pattern = time * time * time * time; // accelerating from zero velocity
+ if ( type === 'easeOutQuart' ) pattern = 1 - (--time) * time * time * time; // decelerating to zero velocity
+ if ( type === 'easeInOutQuart' ) pattern = time < 0.5 ? 8 * time * time * time * time : 1 - 8 * (--time) * time * time * time; // acceleration until halfway, then deceleration
+ if ( type === 'easeInQuint' ) pattern = time * time * time * time * time; // accelerating from zero velocity
+ if ( type === 'easeOutQuint' ) pattern = 1 + (--time) * time * time * time * time; // decelerating to zero velocity
+ if ( type === 'easeInOutQuint' ) pattern = time < 0.5 ? 16 * time * time * time * time * time : 1 + 16 * (--time) * time * time * time * time; // acceleration until halfway, then deceleration
+ return pattern || time; // no easing, no acceleration
+ };
+
+ /**
+ * Calculate how far to scroll
+ * @private
+ * @param {Element} anchor The anchor element to scroll to
+ * @param {Number} headerHeight Height of a fixed header, if any
+ * @param {Number} offset Number of pixels by which to offset scroll
+ * @returns {Number}
+ */
+ var getEndLocation = function ( anchor, headerHeight, offset ) {
+ var location = 0;
+ if (anchor.offsetParent) {
+ do {
+ location += anchor.offsetTop;
+ anchor = anchor.offsetParent;
+ } while (anchor);
+ }
+ location = location - headerHeight - offset;
+ return location >= 0 ? location : 0;
+ };
+
+ /**
+ * Determine the document's height
+ * @private
+ * @returns {Number}
+ */
+ var getDocumentHeight = function () {
+ return Math.max(
+ root.document.body.scrollHeight, root.document.documentElement.scrollHeight,
+ root.document.body.offsetHeight, root.document.documentElement.offsetHeight,
+ root.document.body.clientHeight, root.document.documentElement.clientHeight
+ );
+ };
+
+ /**
+ * Convert data-options attribute into an object of key/value pairs
+ * @private
+ * @param {String} options Link-specific options as a data attribute string
+ * @returns {Object}
+ */
+ var getDataOptions = function ( options ) {
+ return !options || !(typeof JSON === 'object' && typeof JSON.parse === 'function') ? {} : JSON.parse( options );
+ };
+
+ /**
+ * Update the URL
+ * @private
+ * @param {Element} anchor The element to scroll to
+ * @param {Boolean} url Whether or not to update the URL history
+ */
+ var updateUrl = function ( anchor, url ) {
+ if ( root.history.pushState && (url || url === 'true') && root.location.protocol !== 'file:' ) {
+ root.history.pushState( null, null, [root.location.protocol, '//', root.location.host, root.location.pathname, root.location.search, anchor].join('') );
+ }
+ };
+
+ var getHeaderHeight = function ( header ) {
+ return header === null ? 0 : ( getHeight( header ) + header.offsetTop );
+ };
+
+ /**
+ * Start/stop the scrolling animation
+ * @public
+ * @param {Element} toggle The element that toggled the scroll event
+ * @param {Element} anchor The element to scroll to
+ * @param {Object} options
+ */
+ smoothScroll.animateScroll = function ( toggle, anchor, options ) {
+
+ // Options and overrides
+ var overrides = getDataOptions( toggle ? toggle.getAttribute('data-options') : null );
+ var settings = extend( settings || defaults, options || {}, overrides ); // Merge user options with defaults
+ anchor = '#' + escapeCharacters(anchor.substr(1)); // Escape special characters and leading numbers
+
+ // Selectors and variables
+ var anchorElem = anchor === '#' ? root.document.documentElement : root.document.querySelector(anchor);
+ var startLocation = root.pageYOffset; // Current location on the page
+ if ( !fixedHeader ) { fixedHeader = root.document.querySelector( settings.selectorHeader ); } // Get the fixed header if not already set
+ if ( !headerHeight ) { headerHeight = getHeaderHeight( fixedHeader ); } // Get the height of a fixed header if one exists and not already set
+ var endLocation = getEndLocation( anchorElem, headerHeight, parseInt(settings.offset, 10) ); // Scroll to location
+ var animationInterval; // interval timer
+ var distance = endLocation - startLocation; // distance to travel
+ var documentHeight = getDocumentHeight();
+ var timeLapsed = 0;
+ var percentage, position;
+
+ // Update URL
+ updateUrl(anchor, settings.updateURL);
+
+ /**
+ * Stop the scroll animation when it reaches its target (or the bottom/top of page)
+ * @private
+ * @param {Number} position Current position on the page
+ * @param {Number} endLocation Scroll to location
+ * @param {Number} animationInterval How much to scroll on this loop
+ */
+ var stopAnimateScroll = function (position, endLocation, animationInterval) {
+ var currentLocation = root.pageYOffset;
+ if ( position == endLocation || currentLocation == endLocation || ( (root.innerHeight + currentLocation) >= documentHeight ) ) {
+ clearInterval(animationInterval);
+ anchorElem.focus();
+ settings.callback( toggle, anchor ); // Run callbacks after animation complete
+ }
+ };
+
+ /**
+ * Loop scrolling animation
+ * @private
+ */
+ var loopAnimateScroll = function () {
+ timeLapsed += 16;
+ percentage = ( timeLapsed / parseInt(settings.speed, 10) );
+ percentage = ( percentage > 1 ) ? 1 : percentage;
+ position = startLocation + ( distance * easingPattern(settings.easing, percentage) );
+ root.scrollTo( 0, Math.floor(position) );
+ stopAnimateScroll(position, endLocation, animationInterval);
+ };
+
+ /**
+ * Set interval timer
+ * @private
+ */
+ var startAnimateScroll = function () {
+ animationInterval = setInterval(loopAnimateScroll, 16);
+ };
+
+ /**
+ * Reset position to fix weird iOS bug
+ * @link https://github.com/cferdinandi/smooth-scroll/issues/45
+ */
+ if ( root.pageYOffset === 0 ) {
+ root.scrollTo( 0, 0 );
+ }
+
+ // Start scrolling animation
+ startAnimateScroll();
+
+ };
+
+ /**
+ * If smooth scroll element clicked, animate scroll
+ * @private
+ */
+ var eventHandler = function (event) {
+ var toggle = getClosest( event.target, settings.selector );
+ if ( toggle && toggle.tagName.toLowerCase() === 'a' ) {
+ event.preventDefault(); // Prevent default click event
+ smoothScroll.animateScroll( toggle, toggle.hash, settings); // Animate scroll
+ }
+ };
+
+ /**
+ * On window scroll and resize, only run events at a rate of 15fps for better performance
+ * @private
+ * @param {Function} eventTimeout Timeout function
+ * @param {Object} settings
+ */
+ var eventThrottler = function (event) {
+ if ( !eventTimeout ) {
+ eventTimeout = setTimeout(function() {
+ eventTimeout = null; // Reset timeout
+ headerHeight = getHeaderHeight( fixedHeader ); // Get the height of a fixed header if one exists
+ }, 66);
+ }
+ };
+
+ /**
+ * Destroy the current initialization.
+ * @public
+ */
+ smoothScroll.destroy = function () {
+
+ // If plugin isn't already initialized, stop
+ if ( !settings ) return;
+
+ // Remove event listeners
+ root.document.removeEventListener( 'click', eventHandler, false );
+ root.removeEventListener( 'resize', eventThrottler, false );
+
+ // Reset varaibles
+ settings = null;
+ eventTimeout = null;
+ fixedHeader = null;
+ headerHeight = null;
+ };
+
+ /**
+ * Initialize Smooth Scroll
+ * @public
+ * @param {Object} options User settings
+ */
+ smoothScroll.init = function ( options ) {
+
+ // feature test
+ if ( !supports ) return;
+
+ // Destroy any existing initializations
+ smoothScroll.destroy();
+
+ // Selectors and variables
+ settings = extend( defaults, options || {} ); // Merge user options with defaults
+ fixedHeader = root.document.querySelector( settings.selectorHeader ); // Get the fixed header
+ headerHeight = getHeaderHeight( fixedHeader );
+
+ // When a toggle is clicked, run the click handler
+ root.document.addEventListener('click', eventHandler, false );
+ if ( fixedHeader ) { root.addEventListener( 'resize', eventThrottler, false ); }
+
+ };
+
+
+ //
+ // Public APIs
+ //
+
+ return smoothScroll;
+
+});
\ No newline at end of file
diff --git a/src/js/target_blank.js b/src/js/target_blank.js
new file mode 100644
index 0000000..02555b1
--- /dev/null
+++ b/src/js/target_blank.js
@@ -0,0 +1,8 @@
+(function() {
+ var links = document.links;
+ for (var i = 0, linksLength = links.length; i < linksLength; i++) {
+ if (links[i].hostname != window.location.hostname) {
+ links[i].target = '_blank';
+ }
+ }
+})();
diff --git a/src/js/zmain.js b/src/js/zmain.js
new file mode 100644
index 0000000..d6fb323
--- /dev/null
+++ b/src/js/zmain.js
@@ -0,0 +1,60 @@
+(function( $, window, undefined ) {
+ // Menu
+ $("#menu").click(function() {
+ $("body").addClass("push-menu-to-right");
+ $("#sidebar").addClass("open");
+ $(".overlay").addClass("show");
+ });
+
+ $("#mask").click(function() {
+ $("body").removeClass("push-menu-to-right");
+ $("#sidebar").removeClass("open");
+ $(".overlay").removeClass("show");
+ });
+
+ // Search
+ var bs = {
+ close: $(".icon-remove-sign"),
+ searchform: $(".search-form"),
+ canvas: $("body"),
+ dothis: $('.dosearch')
+ };
+
+ bs.dothis.on('click', function() {
+ $('.search-wrapper').toggleClass('active');
+ bs.searchform.toggleClass('active');
+ bs.searchform.find('input').focus();
+ bs.canvas.toggleClass('search-overlay');
+ $('.search-field').simpleJekyllSearch();
+ });
+
+ function close_search() {
+ $('.search-wrapper').toggleClass('active');
+ bs.searchform.toggleClass('active');
+ bs.canvas.removeClass('search-overlay');
+ }
+
+ bs.close.on('click', close_search);
+
+ // Closing menu with ESC
+ document.addEventListener('keyup', function(e){
+ if(e.keyCode == 27 && $('.search-overlay').length) {
+ close_search();
+ }
+ });
+
+ if (document.getElementsByClassName('home').length >=1 ) {
+ new AnimOnScroll( document.getElementById( 'grid' ), {
+ minDuration : 0.4,
+ maxDuration : 0.7,
+ viewportFactor : 0.2
+ });
+ }
+
+ smoothScroll.init({
+ selectorHeader: '.bar-header', // Selector for fixed headers (must be a valid CSS selector)
+ speed: 500, // Integer. How fast to complete the scroll in milliseconds
+ updateURL: false, // Boolean. Whether or not to update the URL with the anchor hash on scroll
+ });
+
+})( Zepto, window );
diff --git a/src/styl/_animations.styl b/src/styl/_animations.styl
new file mode 100644
index 0000000..298b7bd
--- /dev/null
+++ b/src/styl/_animations.styl
@@ -0,0 +1,16 @@
+.flex-grid article
+ opacity 0
+.flex-grid article.shown
+ opacity 1
+.flex-grid article.animate
+ animation moveUp 0.65s
+ opacity 1
+
+@keyframes moveUp
+ from {
+ transform translateY(200px)
+ }
+ to {
+ transform: translateY(0);
+ opacity: 1;
+ }
diff --git a/src/styl/_author.styl b/src/styl/_author.styl
new file mode 100644
index 0000000..5e26214
--- /dev/null
+++ b/src/styl/_author.styl
@@ -0,0 +1,57 @@
+.author
+ background lightGray
+ display table
+ width 100%
+ padding rem(40px) 0
+ margin rem(40px) 0
+ +above(cut)
+ padding rem(50px) 0
+ .details
+ margin auto
+ max-width rem(800px)
+ padding 0 rem(20px)
+ +below(cut)
+ text-align center
+ svg
+ size(25,25)
+ margin-right rem(10px)
+ a
+ fill darken(lightGray, 30%)
+ text-decoration none
+ border none
+ transition all .3s
+ &:hover
+ fill themeColor
+ img
+ width rem(180px)
+ border-radius 50%
+ display block
+ margin auto
+ +above(cut)
+ float left
+ margin-right 3.125rem
+ .def
+ color gray
+ font-size rem(18px)
+ mainFont(300)
+ margin rem(10px)
+ +above(cut)
+ margin 0
+ .name
+ margin 0
+ a
+ mainFont()
+ text-decoration none
+ color black
+ font-size rem(30px)
+ &:hover
+ color texts
+ +above(cut)
+ font-size rem(45px)
+ .desc
+ mainFont(300)
+ margin rem(10px)
+ font-size rem(16px)
+ line-height rem(25px)
+ +above(cut)
+ font-size rem(18px)
diff --git a/src/styl/_elements.styl b/src/styl/_elements.styl
new file mode 100644
index 0000000..d1f5814
--- /dev/null
+++ b/src/styl/_elements.styl
@@ -0,0 +1,2 @@
+.img-rounded
+ border-radius 50%
diff --git a/src/styl/_footer.styl b/src/styl/_footer.styl
new file mode 100644
index 0000000..475ff64
--- /dev/null
+++ b/src/styl/_footer.styl
@@ -0,0 +1,63 @@
+.comments
+ center(rem(800px))
+ padding 0 rem(20px)
+ h3
+ margin 0 0 rem(30px)
+ font-size rem(30px)
+
+footer
+ center(rem(800px))
+ border-top 1px solid darken(accentDark, 10%)
+ background accentDark
+ padding rem(20px) rem(25px)
+ margin-top rem(50px)
+ margin-bottom rem(40px)
+ mainFont(300)
+ +above(cut)
+ margin-top rem(100px)
+ p
+ text-decoration none
+ color primaryDark
+ font-size rem(16px)
+ line-height rem(25px)
+ span
+ font-weight 700
+ svg
+ size(28,28)
+ display inline-block
+ vertical-align middle
+ margin-right rem(10px)
+ +above(cut)
+ margin-right rem(20px)
+ &.love
+ size(20,20)
+ fill themeColor
+ margin-top rem(-2px)
+ margin-left rem(3px)
+ margin-right rem(3px)
+ a
+ fill #808080
+ transition all .3s ease
+ text-decoration none
+ color #808080
+ &:hover
+ fill themeColor
+ &.creator:hover
+ text-decoration underline
+ ul
+ padding 0
+ list-style-type none
+ li
+ margin-bottom rem(10px)
+ a
+ text-decoration none
+ font-size rem(15px)
+ &:hover
+ text-decoration underline
+
+.main-page
+ footer
+ background primaryDark
+ border-top 1px solid lighten(primaryDark, 10%)
+ p
+ color accentDark
diff --git a/src/styl/_form.styl b/src/styl/_form.styl
new file mode 100644
index 0000000..a4931f8
--- /dev/null
+++ b/src/styl/_form.styl
@@ -0,0 +1,46 @@
+.contact-form
+ mainFont()
+ padding rem(10px)
+ fieldset
+ border none
+ font-weight normal
+ input[type="text"], input[type="email"], textarea
+ box-sizing border-box
+ outline none
+ display block
+ color #333333
+ width 100%
+ padding 7px
+ border none
+ border-bottom 1px solid #ddd
+ margin-bottom 10px
+ font-family inherit
+ font-size rem(18px)
+ height rem(45px)
+ &.has-error
+ border-color #f04242
+ textarea
+ height rem(200px)
+ span
+ display block
+ font-size rem(14px)
+ color #f04242
+ padding-bottom rem(10px)
+ button[type="submit"]
+ display block
+ padding 19px 39px 18px 39px
+ color #ffffff
+ background themeColor
+ font-size rem(18px)
+ width 100%
+ border 1px solid darken(themeColor, 30%)
+ border-width 1px 1px 3px
+ margin-top rem(50px)
+ margin-bottom rem(10px)
+ cursor pointer
+ transition all .3s
+ outline none
+ &:hover
+ background darken(themeColor, 20%)
+ [v-cloak]
+ display none
diff --git a/src/styl/_header.styl b/src/styl/_header.styl
new file mode 100644
index 0000000..3914eae
--- /dev/null
+++ b/src/styl/_header.styl
@@ -0,0 +1,68 @@
+html,
+body
+ height 100%
+
+.bar-header
+ background-color #141414
+ padding rem(10px) rem(15px)
+ position fixed
+ left 0
+ width 100%
+ z-index 10
+ transition top 0.5s, left 0.3s ease
+ +above(cut)
+ padding rem(15px) rem(0px)
+ .logo
+ margin 0
+ height rem(32px)
+ line-height rem(32px)
+ .logo a
+ color accentDark
+ text-decoration none
+ font-size rem(32px)
+ .icon-menu
+ float left
+ cursor pointer
+ margin rem(5px) rem(20px) rem(5px) 0
+ width rem(20px)
+ height rem(20px)
+ fill accentDark
+ +above(cut)
+ margin rem(5px) rem(20px) rem(5px) rem(25px)
+ .dosearch
+ float right
+ display inline-block
+ width rem(30px)
+ height rem(30px)
+ cursor pointer
+ margin 0 0 0 0
+ +above(cut)
+ margin 0 rem(20px) 0 0
+
+ .icon-search
+ width rem(20px)
+ height rem(20px)
+ fill accentDark
+ margin rem(5px)
+
+body.main-page
+ background-color #141414
+ .bar-header
+ background-color rgba(0,0,0,.7)
+
+.overlay
+ position fixed
+ width 100%
+ height 100%
+ top 0
+ right 0
+ left 0
+ bottom 0
+ pointer-events none
+ background rgba(0, 0, 0, 0.6)
+ z-index 17
+ opacity 0
+ transition all 0.3s
+ &.show
+ pointer-events auto
+ opacity 1
diff --git a/src/styl/_highlight.styl b/src/styl/_highlight.styl
new file mode 100644
index 0000000..8721a42
--- /dev/null
+++ b/src/styl/_highlight.styl
@@ -0,0 +1,107 @@
+pre
+ background #222
+ width 100%
+ padding rem(20px) 0
+ color accentDark
+ margin rem(30px) 0
+ font-size rem(14px)
+ +above(cut)
+ font-size rem(16px)
+ padding rem(40px) 0
+ margin rem(50px) 0
+ code
+ center(rem(800))
+ padding 0 rem(20px)
+ +below(cut)
+ overflow-x: scroll;
+ span
+ line-height 1.5rem
+ font-family 'Monaco','Consolas','Menlo',monospace
+
+.highlight
+ margin rem(20px) 0
+ +above(cut)
+ word-wrap break-word
+ .hll
+ background-color #333
+ .c, // Comment
+ .cm, // Comment.Multiline
+ .cp, // Comment.Preproc
+ .c1, // Comment.Single
+ .cs // Comment.Special
+ color #75715e
+
+ // Error
+ .err
+ color #960050
+ background-color #1e0010
+
+ .k, // Keyword
+ .kc, // Keyword.Constant
+ .kd, // Keyword.Declaration
+ .kp, // Keyword.Pseudo
+ .kr, // Keyword.Reserved
+ .kt, // Keyword.Type
+ .no // Name.Constant
+ color #66d9ef
+
+ .l, // Literal
+ .mf, // Literal.Number.Float
+ .mh, // Literal.Number.Hex
+ .mi, // Literal.Number.Integer
+ .mo, // Literal.Number.Oct
+ .se, // Literal.String.Escape
+ .il // Literal.Number.Integer.Long
+ color #ae81ff
+
+ .o, // Operator
+ .p // Punctuation
+ color #f7f7f2
+
+ .m, // Literal.Number
+ .n, // Name
+ .nb, // Name.Builtin
+ .ni, // Name.Entity
+ .nl, // Name.Label
+ .nn, // Name.Namespace
+ .py, // Name.Property
+ .nv, // Name.Variable
+ .w, // Text.Whitespace
+ .bp, // Name.Builtin.Pseudo
+ .vc, // Name.Variable.Class
+ .vg, // Name.Variable.Global
+ .vi // Name.Variable.Instance
+ color #a4d043
+
+ .kn, // Keyword.Namespace
+ .nt, // Name.Tag
+ .ow // Operator.Word
+ color #f92672
+
+ .ge // Generic.Emph
+ font-style italic
+
+ .gs // Generic.Strong
+ font-weight bold
+
+ .ld, // Literal.Date
+ .s, // Literal.String
+ .sb, // Literal.String.Backtick
+ .sc, // Literal.String.Char
+ .sd, // Literal.String.Doc
+ .s2, // Literal.String.Double
+ .sh, // Literal.String.Heredoc
+ .si, // Literal.String.Interpol
+ .sx, // Literal.String.Other
+ .sr, // Literal.String.Regex
+ .s1, // Literal.String.Single
+ .ss // Literal.String.Symbol
+ color #e6db74
+
+ .na, // Name.Attribute
+ .nc, // Name.Class
+ .nd, // Name.Decorator
+ .ne, // Name.Exception
+ .nf, // Name.Function
+ .nx // Name.Other
+ color #a6e22e
diff --git a/src/styl/_home.styl b/src/styl/_home.styl
new file mode 100644
index 0000000..b2bd52b
--- /dev/null
+++ b/src/styl/_home.styl
@@ -0,0 +1,146 @@
+main
+ mainFont(400)
+ -webkit-font-smoothing antialiased
+ -moz-osx-font-smoothing grayscale
+ padding-top rem(80px)
+ +above(cut)
+ padding-top rem(100px)
+
+.row
+ center(100%)
+ margin 0px rem(rowMargin)
+
+.flex-grid
+ display flex
+ flex-flow row wrap
+
+.title-category
+ center(rem(1000px))
+ font-size rem(40px)
+ margin-top 0
+ text-transform uppercase
+ padding 0 rem(15px)
+
+.box-item
+ flex 1 0 itemMinWidth
+ margin 0 0 rem(30px)
+ display inline-block
+ min-height rem(285px)
+ transition all .3s
+ position relative
+ z-index 1
+ +above(cut)
+ margin 0 rem(itemMargin) rem(30px)
+ // Note 1: This complex calc right here is what make the leftover box items
+ // have the same width than their siblings.
+ for n in (2..maxItemsPerRow)
+ resolution = (2 * rowMargin) + (n * itemMinWidth)
+ +above(resolution)
+ max-width "calc(100%/%s - %s)" % (n itemMargin * 2)
+ // Note 2: This set the maximum number of box items per row.
+ +above((2 * rowMargin) + (maxItemsPerRow * itemMinWidth))
+ flex 1 0 "calc(100%/%s - %s)" % (maxItemsPerRow itemMargin * 2)
+ &:hover
+ z-index 2
+ transform scale(1.1)
+ img
+ -webkit-filter grayscale(100%)
+ filter grayscale(100%)
+ transform scale(1.05)
+ .box-body
+ time, p
+ color accentDark
+ .new-post:after
+ background-color #000
+ .cover
+ a:before
+ opacity 1
+ a
+ text-decoration none
+ display block
+ .category
+ display block
+ height rem(36px)
+ line-height rem(36px)
+ text-transform uppercase
+ font-weight bold
+ font-size rem(18px)
+ padding 0 rem(15px)
+ a
+ color accentDark
+ .box-body
+ img
+ width 100%
+ height auto
+ margin 0 auto
+ transition all .2s ease-in-out
+ time
+ font-weight 300
+ font-size rem(16px)
+ color darken(lightGray, 50%)
+ pointer-events none
+ h2
+ margin rem(10px) 0
+ font-size rem(24px)
+ mainFont(800)
+ color accentDark
+ line-height rem(30px)
+ span
+ color
+ p
+ margin 0 0 rem(30px)
+ color darken(lightGray, 20%)
+ font-size rem(17px)
+ line-height rem(26px)
+ .tags a
+ height rem(30px)
+ line-height rem(26px)
+ color accentDark
+ padding 0 rem(10px)
+ border 1px solid accentDark
+ border-radius 15px
+ display inline-block
+ margin 0 rem(10px) rem(10px) 0
+ z-index 50
+ &:hover
+ color primaryDark
+ background accentDark
+ border-color accentDark
+ .new-post:after
+ content 'New post'
+ text-transform uppercase
+ display inline-block
+ background themeColor
+ color #fff
+ font-size rem(13px)
+ font-weight 700
+ line-height rem(24px)
+ padding 0 rem(8px)
+ position absolute
+ margin-top rem(-35px)
+ .cover
+ position relative
+ a:before
+ opacity 0
+ background-color rgba(0, 0, 0, 0.7)
+ background-image url(../../assets/img/icons/read.svg)
+ background-size 48px
+ background-repeat no-repeat
+ background-position center center
+ content ''
+ display block
+ width rem(80px)
+ height rem(80px)
+ border-radius 40px
+ position absolute
+ top 50%
+ left 50%
+ margin-top rem(-40px)
+ margin-left rem(-40px)
+ border 2px solid #fff
+ z-index 1000
+ .preload
+ background url(../../assets/img/icons/preloader.svg) center center no-repeat
+
+ .box-info
+ padding rem(15px)
diff --git a/src/styl/_icons.styl b/src/styl/_icons.styl
new file mode 100644
index 0000000..93fe347
--- /dev/null
+++ b/src/styl/_icons.styl
@@ -0,0 +1,35 @@
+size(width = 30, height = 30)
+ width width px
+ height height px
+
+.icons-home
+ text-align center
+ a
+ display inline-block
+ padding rem(15px)
+ margin rem(2px)
+ border-radius 50%
+ border rem(2px) solid accentDark
+ line-height 0
+ transition all .7s
+ .icon
+ fill accentDark
+ size(18,18)
+ +above(cut)
+ size()
+ &:hover
+ background accentDark
+ .icon
+ fill texts
+
+.down
+ position absolute
+ bottom 50px
+ width 100%
+ display block
+ text-align center
+ .icon
+ align(both)
+ size(100,100)
+ fill accentDark
+ animation pulse 1.3s infinite
diff --git a/src/styl/_menu.styl b/src/styl/_menu.styl
new file mode 100644
index 0000000..9870860
--- /dev/null
+++ b/src/styl/_menu.styl
@@ -0,0 +1,63 @@
+*, *:before, *:after
+ -moz-box-sizing border-box
+ -webkit-box-sizing border-box
+ box-sizing border-box
+
+body.has-push-menu,
+body.has-push-menu aside,
+body.has-push-menu .progress-bar
+ -webkit-transition all 0.3s ease
+ -moz-transition all 0.3s ease
+ transition all 0.3s ease
+
+body.has-push-menu
+ overflow-x hidden
+ position relative
+ left 0
+ &.push-menu-to-right
+ left rem(240px)
+ .progress-bar
+ left rem(240px)
+ .bar-header
+ left rem(240px)
+
+aside
+ position fixed
+ width rem(240px)
+ height 100%
+ top 0
+ left rem(-240px)
+ background-color accentDark
+ z-index 20
+ +above(cut)
+ padding rem(10px) 0 0
+ &.open
+ left 0
+ h2
+ margin 0 rem(20px) 0
+ mainFont(400)
+ font-size rem(18px)
+ color primaryDark
+ border-bottom 1px solid primaryDark
+ line-height 50px
+ +above(cut)
+ font-size rem(20px)
+ nav
+ ul
+ padding 0
+ margin rem(5px) 0
+ +above(cut)
+ margin rem(10px) 0
+ li
+ margin 0
+ list-style-type none
+ a
+ width 100%
+ display block
+ padding rem(15px) rem(20px)
+ text-decoration none
+ mainFont(300)
+ color primaryDark
+ &:hover
+ color accentDark
+ background themeColor
diff --git a/src/styl/_pagination.styl b/src/styl/_pagination.styl
new file mode 100644
index 0000000..a0a1170
--- /dev/null
+++ b/src/styl/_pagination.styl
@@ -0,0 +1,30 @@
+.pagination
+ display flex
+ align-items center
+ justify-content center
+ width 100%
+ margin 0 auto
+
+ a.next,
+ a.previous
+ width: 40px
+ height: 40px
+ svg
+ width calc("100% - 20px", 50%)
+ height calc("100% - 20px", 50%)
+ fill #fff
+ margin 10px
+ transition all .3s ease
+ &:hover > svg
+ fill themeColor
+
+ a.previous
+ svg
+ transform rotate(180deg)
+
+
+ .page_number
+ color #fff
+ font-size rem(17px)
+ line-height rem(22px)
+ margin 0 rem(10px)
diff --git a/src/styl/_post.styl b/src/styl/_post.styl
new file mode 100644
index 0000000..c45e6b4
--- /dev/null
+++ b/src/styl/_post.styl
@@ -0,0 +1,243 @@
+.post
+ position relative
+ top rem(30px)
+ background #fff
+ +above(cut)
+ top rem(50px)
+
+.post-content
+ padding rem(40px) 0
+ img
+ max-width 100%
+ margin rem(0px) auto
+ display block
+ padding 10px 0
+ &.emoji
+ display inline
+ padding 0px
+ &.post-cover
+ margin-bottom rem(20px)
+ +above(cut)
+ margin-bottom rem(29px)
+ img + em
+ display block
+ color darken(lightGray,30%)
+ text-align center
+ mainFont(300)
+ p, h1, h2, h3, h4, h5, h6, ul, ol, iframe
+ center(rem(800px))
+ mainFont(400)
+ font-size rem(18px)
+ line-height rem(35px)
+ padding 0 rem(20px)
+ margin 0 auto rem(20px)
+ letter-spacing 0.05rem
+ +above(cut)
+ font-size rem(20px)
+ line-height rem(40px)
+ margin 0 auto rem(29px)
+ h1.post-title
+ margin 0 auto
+ line-height rem(40px)
+ +above(cut)
+ line-height rem(60px)
+ margin 0 auto rem(10px)
+ p.subtitle
+ color: darken(lightGray,30%)
+ font-size: rem(18px)
+ margin 0 auto rem(10px)
+ line-height rem(30px)
+ +above(cut)
+ font-size rem(20px)
+ line-height rem(40px)
+ p.post-info
+ mainFont(300)
+ font-size rem(13px)
+ letter-spacing 0
+ color: darken(lightGray,30%)
+ margin 0 auto
+ +above(cut)
+ font-size rem(16px)
+ span, time
+ vertical-align middle
+ time
+ margin-right rem(10px)
+ +above(cut)
+ margin-right rem(30px)
+ li
+ padding rem(10px) 0
+ ul
+ margin-bottom 0
+ p, li
+ color texts
+ code
+ color #bf616a
+ word-wrap break-word
+ background lightGray
+ padding rem(3px) rem(5px)
+ border-radius 3px
+ font-size rem(18px)
+ a
+ color #0000ee
+ text-decoration none
+ iframe
+ margin-top rem(30px)
+ width 100%
+ h1, h2, h3, h4, h5, h6
+ mainFont(700)
+ h1
+ font-size rem(32px)
+ line-height 1.4
+ +above(cut)
+ font-size rem(47px)
+ h2
+ font-size rem(24px)
+ line-height 1.4
+ +above(cut)
+ font-size rem(37px)
+ h3
+ font-size rem(20px)
+ line-height 1.4
+ +above(cut)
+ font-size rem(27px)
+ ul, ol
+ padding-left rem(40px)
+ ul.post-list
+ padding 0
+ &.svg-serie p
+ padding 0
+ +below(cut)
+ padding 0 rem(20px)
+ blockquote
+ center(rem(730px))
+ border-left rem(5px) solid texts
+ padding 0 rem(30px)
+ margin rem(50px) auto
+ +below(cut)
+ width 90%
+ p
+ color rgba(0,0,0,0.6)
+ margin 0
+ +below(cut)
+ font-size rem(20px)
+ line-height 1.5
+ padding 0
+ hr
+ center(rem(760px))
+ border 1px solid lightGray
+ margin 50px auto
+
+ > table
+ margin rem(50px) auto
+ +below(cut)
+ display none
+ th, td
+ border rem(2px) solid #ccc
+ padding rem(5px)
+
+ td > pre
+ padding 0
+ margin 0
+
+ td.gutter.gl
+ padding-right rem(25px)
+ line-height rem(24px)
+
+/* Progress bar */
+
+.progress-bar
+ position fixed
+ left 0
+ right 0
+ bottom -100%
+ display block
+ width 100%
+ background-color #fff
+ padding rem(10px)
+ transition bottom .5s
+ border-top 1px solid #f2f2f2
+ .bar
+ display block
+ width 100%
+ height rem(18px)
+ padding rem(5px) rem(50px)
+ .completed
+ float left
+ display block
+ height 8px
+ background-color themeColor
+ .remaining
+ float left
+ display block
+ height rem(8px)
+ background-color #ccc
+ .time-completed, .time-remaining
+ color texts
+ .time-completed
+ float left
+ .time-remaining
+ float right
+
+.icon-clock, .icon-calendar
+ width rem(15px)
+ height rem(15px)
+ fill darken(lightGray,30%)
+ vertical-align middle
+ margin-right rem(3px)
+
+/* Tags */
+
+.post-content
+ .tags
+ center(rem(800px))
+ mainFont(400)
+ font-size rem(18px)
+ margin 0 auto rem(29px)
+ margin-top rem(30px)
+ letter-spacing 0.01rem
+ line-height rem(40px)
+ +above(cut)
+ font-size rem(20px)
+ letter-spacing 0.05rem
+ a
+ font-size rem(14px)
+ color primaryDark
+ display inline-block
+ border 1px solid primaryDark
+ border-radius rem(20px)
+ padding 0 rem(10px)
+ margin-right rem(2px)
+ margin-bottom rem(8px)
+ text-decoration none
+ transition all .3s
+ &:hover
+ color accentDark
+ border 1px solid primaryDark
+ background-color primaryDark
+ .tag-title
+ mainFont(300)
+ font-size rem(38px)
+ margin-top rem(60px)
+ center(rem(800px))
+ +below(cut)
+ font-size rem(30px)
+ margin-top rem(20px)
+ padding 0 rem(20px)
+ .post-list
+ list-style none
+ margin rem(25px) auto
+ +below(cut)
+ padding 0 rem(20px)
+ a
+ display block
+ border-bottom 1px solid darken(lightGray,10%)
+ padding rem(10px) 0
+ text-decoration none
+ transition all .5s
+ font-size rem(18px)
+ &:hover
+ border-bottom 1px solid themeColor
+ .entry-date
+ float right
+ +below(cut)
+ display none
diff --git a/src/styl/_search.styl b/src/styl/_search.styl
new file mode 100644
index 0000000..84af3d3
--- /dev/null
+++ b/src/styl/_search.styl
@@ -0,0 +1,106 @@
+.search-wrapper
+ position fixed
+ top 30px
+ width 100%
+ padding-right 5%
+ padding-left 5%
+ transform translateY(-200px)
+ z-index 19
+ &.active
+ transform translateY(0)
+
+.search-form
+ position relative
+ top 0
+ width 100%
+ transform translateX(-200px)
+ transition all 200ms 100ms cubic-bezier(0,0.6,0.4,1)
+ opacity 0
+ z-index 19
+ .search-field
+ width 100%
+ height rem(40px)
+ line-height rem(30px)
+ mainFont(300)
+ font-size rem(20px)
+ color primaryDark
+ background-color accentDark
+ border 0
+ border-radius rem(20px)
+ padding rem(5px) rem(25px)
+ outline 0
+ &:focus
+ outline 0
+ &.active
+ top 0
+ transform translateX(0)
+ opacity 1
+ .search-list
+ position absolute
+ width 100%
+ mainFont(300)
+ display none
+ padding 0 rem(20px)
+ margin rem(20px) 0
+ list-style-type none
+ .active &
+ display block
+ +below(cut)
+ height 380px
+ overflow scroll
+ .entry-date
+ float right
+ display none
+ font-size rem(14px)
+ +above(cut)
+ display inline
+ .entry-category
+ text-transform uppercase
+ background-color themeColor
+ margin-right rem(5px)
+ height rem(20px)
+ border-radius rem(10px)
+ font-size rem(12px)
+ padding rem(2px) rem(8px)
+ color #ffffff
+ a
+ color accentDark
+ text-decoration none
+ display block
+ padding rem(15px) 0
+ width 100%
+ border-bottom 1px solid darken(accentDark, 80%)
+ transition all .3s
+ line-height rem(25px)
+ &:hover
+ color themeColor
+ .entry-category
+ color #ffffff
+ .icon-remove-sign
+ position absolute
+ top 0
+ right 0
+ display block
+ width rem(26px)
+ height rem(26px)
+ padding rem(5px)
+ fill accentDark
+ background-color themeColor
+ border-radius 13px
+ margin rem(7px)
+ cursor pointer
+ outline 0
+ z-index 1
+
+.search-overlay
+ overflow hidden
+ &:after
+ position fixed
+ top 0
+ left 0
+ width 100%
+ height 100%
+ min-height 100%
+ background-color primaryDark
+ content ''
+ z-index 18
diff --git a/src/styl/_share.styl b/src/styl/_share.styl
new file mode 100644
index 0000000..7305649
--- /dev/null
+++ b/src/styl/_share.styl
@@ -0,0 +1,21 @@
+.share
+ center(800px)
+ text-align center
+ border-top 1px solid lightGray
+ padding-top rem(20px)
+ article &
+ border-top none
+ svg
+ margin rem(15px)
+ size(35,35)
+ a
+ text-decoration none
+ border none
+ .icon
+ transition all .3s
+ .icon-twitter:hover
+ fill #1da1f3
+ .icon-facebook:hover
+ fill #3b5998
+ .icon-google-plus:hover
+ fill #d34836
diff --git a/src/styl/_typo.styl b/src/styl/_typo.styl
new file mode 100644
index 0000000..b5c00f7
--- /dev/null
+++ b/src/styl/_typo.styl
@@ -0,0 +1,13 @@
+a
+ -webkit-tap-highlight-color: rgba(0,0,0,0);
+
+mainFont(weight = 700)
+ font-family 'Titillium Web', 'Helvetica Neue', Helvetica, sans-serif
+ font-weight weight
+ font-style normal
+
+h1,h2,h3,h4
+ mainFont()
+
+.text-center
+ text-align center
diff --git a/src/styl/_variables.styl b/src/styl/_variables.styl
new file mode 100644
index 0000000..fb91ad1
--- /dev/null
+++ b/src/styl/_variables.styl
@@ -0,0 +1,24 @@
+/**
+ * Set up here the general appearance of the theme.
+ * Note: If you wish to change the SVG colors, go to _config.yml
+ */
+
+// Colors
+themeColor = #ff0a16
+primaryDark = #141414
+accentDark = #ffffff
+lightGray = #f2f2f2
+texts = #333333
+
+// Resolution
+cut = 37.5rem
+
+// Margins
+rowMargin = 10px
+itemMargin = 15px
+
+// Sizes
+itemMinWidth = 300px
+
+// Settings
+maxItemsPerRow = 6
diff --git a/src/styl/main.styl b/src/styl/main.styl
new file mode 100644
index 0000000..00f5f4a
--- /dev/null
+++ b/src/styl/main.styl
@@ -0,0 +1,39 @@
+/* Syntax Quick Reference for Jeet
+ --------------------------
+ column(ratios = 1, offset = 0, cycle = 0, uncycle = 0, gutter = jeet.gutter)
+ span(ratio = 1, offset = 0)
+ shift(ratios = 0, col_or_span = column, gutter = jeet.gutter)
+ unshift()
+ edit()
+ center(max_width = 1410px, pad = 0)
+ stack(pad = 0, align = false)
+ unstack()
+ align(direction = both)
+ cf()
+
+ For more info see:
+ Kouto Swiss Doc: http://kouto-swiss.io/
+ Jeet Doc: http://jeet.gs
+
+ And of course, look in node_modules for axis-css and jeet
+*/
+
+@import "kouto-swiss"
+@import "jeet"
+normalize()
+@import "_variables"
+@import "_typo"
+@import "_animations"
+@import "_icons"
+@import "_menu"
+@import "_search"
+@import "_elements"
+@import "_header"
+@import "_home"
+@import "_post"
+@import "_pagination"
+@import "_share"
+@import "_highlight"
+@import "_form"
+@import "_author"
+@import "_footer"
diff --git a/style.css b/style.css
deleted file mode 100644
index 106279b..0000000
--- a/style.css
+++ /dev/null
@@ -1,3 +0,0 @@
----
-layout: style
----
\ No newline at end of file
diff --git a/tags.html b/tags.html
new file mode 100644
index 0000000..f802312
--- /dev/null
+++ b/tags.html
@@ -0,0 +1,36 @@
+---
+layout: minimal
+title: "#Tags"
+permalink: /tags/index.html
+description: "Procure por sua #tag favorita."
+---
+
+
+
+{% for tag in site.tags %}
+ {{ tag[0] }}
+
+ {% assign pages_list = tag[1] %}
+ {% for post in pages_list reversed %}
+ {% if post.title != null %}
+ {% if group == null or group == post.group %}
+ {{ post.title }}{{ post.date | date: "%m/%d/%Y" }}
+{% endfor %}
+ 
- 
- 
- 
- 
+ 
- 
+
+ 
+
Comments
+ +