junior-jekyll-theme 0.1.0

data/_includes/js/plugins.js

@@ -0,0 +1,10 @@
+window.log=function(){log.history=log.history||[];log.history.push(arguments);if(this.console){arguments.callee=arguments.callee.caller;var a=[].slice.call(arguments);(typeof console.log==="object"?log.apply.call(console.log,console,a):console.log.apply(console,a))}};
+(function(b){function c(){}for(var d="assert,count,debug,dir,dirxml,error,exception,group,groupCollapsed,groupEnd,info,log,timeStamp,profile,profileEnd,time,timeEnd,trace,warn".split(","),a;a=d.pop();){b[a]=b[a]||c}})((function(){try
+{console.log();return window.console;}catch(err){return window.console={};}})());
+
+
+/* BackgroundCheck
+   http://kennethcachia.com/background-check
+   v1.1.0 */
+
+(function(a,b){if(typeof define==="function"&&define.amd){define(b)}else{a.BackgroundCheck=b(a)}}(this,function(){var h=window.orientation!==undefined?"orientationchange":"resize",d,c,b,l,t,q={};function s(x){if(x===undefined||x.targets===undefined){throw"Missing attributes"}q.targets=k(x.targets);q.images=k(x.images||"img");q.changeParent=x.changeParent||false;q.threshold=x.threshold||50;q.minComplexity=x.minComplexity||30;q.minOverlap=x.minOverlap||50;q.windowEvents=x.windowEvents||true;q.maxDuration=x.maxDuration||500;q.mask=x.mask||{r:0,g:255,b:0};q.debug=x.debug||false;q.classes=x.classes||{dark:"background--dark",light:"background--light",complex:"background--complex"};if(d===undefined){i();if(d){c.style.position="fixed";c.style.top="0px";c.style.left="0px";c.style.width="100%";c.style.height="100%";window.addEventListener(h,e.bind(null,function(){n();u()}));window.addEventListener("scroll",e.bind(null,u));n();u()}}}function w(){d=null;c=null;b=null;q={};if(l){clearTimeout(l)}}function g(x){if(v("debug")){console.log(x)}}function k(x){var y=x;if(typeof x==="string"){y=document.querySelectorAll(x)}else{if(x.nodeType===1){y=[x]}}if(!y||y.length===0){throw"Elements not found"}return y}function i(){c=document.createElement("canvas");if(c&&c.getContext){b=c.getContext("2d");d=true}else{d=false}}function j(y){var x=new Date().getTime()-y;g("Duration: "+x+"ms");if(x>v("maxDuration")){console.log("BackgroundCheck - Killed");o();w()}}function n(){t={left:0,top:0,right:document.body.clientWidth,bottom:window.innerHeight};c.width=document.body.clientWidth;c.height=window.innerHeight}function r(y){var x=y.boundingClientRect||y.getBoundingClientRect();b.drawImage(y,x.left,x.top,x.width,x.height)}function o(z){var x=z?[z]:v("targets"),A;for(var y=0;y<x.length;y++){A=x[y];A=v("changeParent")?A.parentNode:A;A.classList.remove(v("classes").light);A.classList.remove(v("classes").dark);A.classList.remove(v("classes").complex)}}function a(C){var E=C.getBoundingClientRect(),D,B,z=0,F,A=0,I=0,x,G=0,H=v("mask");if(E.width>0&&E.height>0){o(C);C=v("changeParent")?C.parentNode:C;B=b.getImageData(E.left,E.top,E.width,E.height).data;for(var y=0;y<B.length;y+=4){if(B[y]===H.r&&B[y+1]===H.g&&B[y+2]===H.b){G++}else{z++;D=(0.2126*B[y])+(0.7152*B[y+1])+(0.0722*B[y+2]);F=D-I;A+=F*F;I=I+F/z}}if(G<=(B.length/4)*(1-(v("minOverlap")/100))){x=Math.sqrt(A/z)/255;I=I/255;g("Target: "+C.className+" lum: "+I+" var: "+x);C.classList.add(I<=(v("threshold")/100)?v("classes").dark:v("classes").light);if(x>v("minComplexity")/100){C.classList.add(v("classes").complex)}}}}function f(y,x){y=y.getBoundingClientRect();x=x===t?x:x.getBoundingClientRect();return !(y.right<x.left||y.left>x.right||y.top>x.bottom||y.bottom<x.top)}function p(x){var D=new Date().getTime(),C=(x&&x.tagName==="IMG")?"image":"targets",A=x?false:true,z=v("targets").length,B;for(var y=0;y<z;y++){B=v("targets")[y];if(f(B,t)){if(C==="targets"&&(!x||x===B)){A=true;a(B)}else{if(C==="image"&&f(B,x)){a(B)}}}}if(C==="targets"&&!A){throw x+" is not a target"}j(D)}function u(D,E,x){var z,y=false,F=v("mask"),A=x?[x]:v("images");g("--- BackgroundCheck ---");g("Loading: "+y);g("onLoad event: "+(x&&x.src));if(d){if(E!==true){b.clearRect(0,0,c.width,c.height);b.fillStyle="rgb("+F.r+", "+F.g+", "+F.b+")";b.fillRect(0,0,c.width,c.height)}for(var B=0;B<A.length;B++){z=A[B];if(f(z,t)){if(z.tagName=="DIV"&&z.style.backgroundImage!==undefined){var C=new Image();C.src=z.style.backgroundImage.replace(/url\(|\)/gi,"");C.boundingClientRect=z.getBoundingClientRect();z=C}if(z.naturalWidth===0){y=true;g("Loading... "+z.src);z.addEventListener("load",u.bind(null,D,true,z))}else{g("Drawing: "+z.src);r(z)}}}if(!x&&!y){p(D)}else{if(x){p(x)}}}}function e(x){if(v("windowEvents")===true){if(l){clearTimeout(l)}l=setTimeout(x,200)}}function m(y,z){if(q[y]===undefined){throw"Unknown property - "+y}else{if(z===undefined){throw"Missing value for "+y}}if(y==="targets"||y==="images"){try{z=k(y==="images"&&!z?"img":z)}catch(x){z=[];throw x}}o();q[y]=z;u()}function v(x){if(q[x]===undefined){throw"Unknown property - "+x}return q[x]}return{init:s,destroy:w,refresh:u,set:m,get:v}}));

data/_includes/js/script.js

@@ -0,0 +1,53 @@
+// this aint supposed to be private... just idiot proof
+var showcasePwd = "sesame";
+
+$(document).ready(function(){
+  bindProjectNavArrows();
+  bindPasswordDetect();
+  fadePageIn();
+
+  BackgroundCheck.init({
+    targets: '.target',
+    images: '.post-wide-hero'
+  });
+
+  setTimeout(function(){
+    BackgroundCheck.refresh();
+  },300);
+
+});
+
+function bindPasswordDetect(){
+  $( "#showcase__password" ).keyup(function() {
+    if($( "#showcase__password" ).val() == showcasePwd){
+      $( "#showcase__password" ).hide();
+      $( ".showcase").show();
+    }
+  });
+}
+
+function bindProjectNavArrows(){
+  $(".next-project, .prev-project").click(function(evt){
+    evt.preventDefault();
+    fadePageOut($(this).attr('href'));
+  });
+}
+
+function fadePageOut(targetHref){
+  $("#main").fadeOut(200, function(){
+    $( "#main" ).load( targetHref + " #container #main", function(response, status, xhr){
+      bindProjectNavArrows();
+      var stateObj = {
+        html: $("#main").html()
+      };
+      document.title = $(response).filter("title").text();
+      window.history.pushState(stateObj, document.title, targetHref);
+      $("#main").fadeIn(200);
+      bindPasswordDetect();
+    });
+  });
+}
+
+function fadePageIn(){
+  $("body").fadeIn(200);
+}

data/_includes/js/util_buttons.js

@@ -0,0 +1,23 @@
+$(document).ready(function () {
+
+    $(window).scroll(function () {
+        if ($(this).scrollTop() > 100) {
+            $('.scrollup').fadeIn();
+        } else {
+            $('.scrollup').fadeOut();
+        }
+    });
+
+    $('.circle-button').click(function () {
+        $("html, body").animate({
+            scrollTop: 0
+        }, 600);
+        return false;
+    });
+
+    $('.print-button').click(function () {
+        console.log("hey");
+        window.print();
+        return false;
+    });
+});

data/_includes/navigation.html

@@ -0,0 +1,116 @@
+<ul id="main-menu" data-nav-showing="false" style="transform: translate(0%, -116%) matrix(1, 0, 0, 1, 0, 0);">
+  <!-- <li class="nav-jr home-anc"><h4><a href="#home"><br></a></h4></li> -->
+  <div class="flexbox-parent">
+    <div class="flexbox-child">
+      <li class="about-anc">
+        <h4><a class="nav-underline home" href="{{site.url}}">Home</a></h4></li>
+      {% for page in site.pages %}
+        {% if page.tags contains "about" %}
+          <li class="about-anc">
+            <h4><a class="nav-underline about" href="{{page.url}}">{{page.title}}</a></h4></li>
+        {% endif %}
+        {% if page.tags contains "contact" %}
+          <li class="expertise-anc">
+            <h4><a class="nav-underline contact" href="{{page.url}}">{{page.title}}</a></h4></li>
+        {% endif %}
+        {% if page.tags contains "portfolio" %}
+          <li class="team-anc">
+            <h4><a class="nav-underline portfolio" href="{{page.url}}">{{page.title}}</a></h4></li>
+        {% endif %}
+        {% if page.tags contains "projects" %}
+          <li class="beliefs-anc">
+            <h4><a class="nav-underline open-source" href="{{page.url}}">{{page.title}}</a></h4></li>
+        {% endif %}
+        {% if page.tags contains "resume" %}
+          <li class="beliefs-anc">
+            <h4><a class="nav-underline resume" href="{{page.url}}">{{page.title}}</a></h4></li>
+        {% endif %}
+      {% endfor %}
+          <li>
+          {% if site.show_social_icons %}
+            {% include social_links.html %}
+          {% endif %}
+          </li>
+  </div>
+</ul>
+<!--
+<div class="title-div">
+  <div class="title" style="transform: translate(0%, -116%) matrix(1, 0, 0, 1, 0, 0);"><span class="title-label">About</span></div>
+</div> -->
+
+<style>
+nav ul {
+    z-index: 1001;
+    float: left;
+    padding-left: 0;
+    padding-bottom: 5%;
+    margin: 0;
+    background: #fff;
+    width: 100%;
+    -webkit-transform: translateY(-116%);
+    transform: translateY(-116%);
+    display: -webkit-flex;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-align-items: center;
+    -ms-flex-align: center;
+    align-items: center;
+    -webkit-justify-content: center;
+    -ms-flex-pack: center;
+    justify-content: center;
+    -webkit-transition: all 0.75s ease;
+    -moz-transition: all 0.75s ease;
+    -o-transition: all 0.75s ease;
+    -ms-transition: all 0.75s ease;
+    transition: all 0.75s ease;
+}
+
+nav .flexbox-parent {
+    width: 100000%;
+}
+
+nav li {
+    list-style: none;
+    margin: 4vh auto;
+}
+
+nav .nav-underline:before {
+    bottom: 0;
+    width: 100%;
+    -webkit-transform: scaleX(1);
+    transform: scaleX(1);
+}
+
+.medium-link h2:before, nav .nav-underline:before, nav a:after {
+    content: '';
+    border-bottom: 2px solid #000;
+}
+
+nav .nav-underline:before, nav a:after {
+    position: absolute;
+    left: 0;
+    transition: .4s;
+}
+
+nav a {
+    position: relative;
+}
+
+nav .nav-underline:hover:before {
+    -webkit-transform: scaleX(0);
+    transform: scaleX(0);
+}
+
+nav a:hover:after {
+    -webkit-transform: scaleX(0);
+    transform: scaleX(0);
+    width: 100%;
+}
+
+nav a:after {
+    bottom: .5vh;
+    width: 100%;
+    -webkit-transform: scaleX(0);
+    transform: scaleX(0);
+}
+</style>

data/_includes/pagination.html

@@ -0,0 +1,92 @@
+<div class="pagination clearfix mb1 mt4">
+  <div class="left">
+    {% if paginator.previous_page %}
+      {% if paginator.page == 2 %}
+        <a href="{{ site.baseurl }}/">
+          <span class="left-circle-arrow"></span>
+        </a>
+      {% else %}
+        <a href="{{ paginator.previous_page_path }}">
+          <span class="left-circle-arrow"></span>
+        </a>
+      {% endif %}
+    {% else %}
+        <a href="">
+          <span class="left-circle-arrow arrow-disabled"></span>
+        </a>
+    {% endif %}
+  </div>
+  <div class="right">
+    {% if paginator.next_page %}
+      <a href="{{ paginator.next_page_path }}">
+        <span class="right-circle-arrow"></span>
+      </a>
+    {% else %}
+      <a href="">
+        <span class="right-circle-arrow arrow-disabled"></span>
+      </a>
+    {% endif %}
+  </div>
+</div>
+
+<style>
+a {
+  display: inline-block;
+  border-radius: 50%;
+}
+
+.left-circle-arrow {
+  background: #000;
+  display: inline-block;
+  width: 4em;
+  height: 4em;
+  border: 0.5em solid #000;
+  border-radius: 50%;
+  margin-right: 1.5em;
+}
+
+.left-circle-arrow:after {
+  content: '';
+	display: inline-block;
+  margin-top: .2em;
+  margin-right: -1.5em;
+  width: 3.5em;
+  height: 3.5em;
+  border-bottom: 0.3em solid #fff;
+  border-left: 0.3em solid #fff;
+  -moz-transform: rotate(45deg);
+  -webkit-transform: rotate(45deg);
+  transform: rotate(45deg);
+}
+
+
+.right-circle-arrow {
+  background: black;
+  display: inline-block;
+  width: 4em;
+  height: 4em;
+  border: 0.5em solid #000;
+  border-radius: 50%;
+  margin-left: 1.5em;
+}
+
+.right-circle-arrow:after {
+  content: '';
+	display: inline-block;
+  margin-top: .2em;
+  margin-left: -1.5em;
+  width: 3.5em;
+  height: 3.5em;
+  border-top: 0.3em solid #fff;
+  border-right: 0.3em solid #fff;
+  -moz-transform: rotate(45deg);
+  -webkit-transform: rotate(45deg);
+  transform: rotate(45deg);
+}
+
+.arrow-disabled {
+  background: WhiteSmoke;
+  border-color: WhiteSmoke;
+}
+
+</style>

data/_includes/post_footer.html

@@ -0,0 +1,9 @@
+<div class="py2 post-footer">
+  <img src="{{ site.baseurl }}/images/jono.jpg" alt="Jonathon Belotti headshot" class="avatar" />
+  <p>
+    Thanks for reading, and please leave some feedback if you have the time.
+  </p>
+  <p>
+    Follow me on <a href="https://github.com/thundergolfer">Github</a>.
+  </p>
+</div>

data/_includes/share_buttons.html

@@ -0,0 +1,111 @@
+<div class="share-page">
+  <!-- {{ site.text.share_buttons.text }} -->
+
+  <div class="share-links">
+    {% if site.share_facebook %}
+    <div class="circle-share share-facebook">
+      <a class="fa fa-facebook fa-3x" href="https://facebook.com/sharer.php?u={{ site.url }}{{ page.url }}" rel="nofollow" target="_blank" title="{{ site.text.share_buttons.facebook }}"></a>
+    </div>
+    {% endif %}
+
+    {% if site.share_twitter %}
+    <div class="  circle-share share-twitter">
+      <a class="fa fa-twitter fa-3x" href="https://twitter.com/intent/tweet?text={{ page.title }}&url={{ site.url }}{{ page.url }}" rel="nofollow" target="_blank" title="{{ site.text.share_buttons.twitter }}"></a>
+    </div>
+    {% endif %}
+
+    {% if site.share_googleplus %}
+    <div class="  circle-share share-google">
+      <a class="fa fa-google-plus fa-3x" href="https://plus.google.com/share?url={{ site.url }}{{ page.url }}" rel="nofollow" target="_blank" title="{{ site.text.share_buttons.googleplus }}"></a>
+    </div>
+    {% endif %}
+
+    {% if site.share_linkedin %}
+    <div class="  circle-share">
+      <a class="fa fa-linkedin fa-3x" href="http://www.linkedin.com/shareArticle?url={{ site.url }}{{ page.url }}&title={{ page.title }}" rel="nofollow" target="_blank" title="{{ site.text.share_buttons.linkedin }}"></a>
+    </div>
+    {% endif %}
+
+    {% if site.share_digg %}
+    <div class="  circle-share">
+      <a class="fa fa-digg fa-3x" href="http://digg.com/submit?url={{ site.url }}{{ page.url }}&title={{ page.title }}" rel="nofollow" target="_blank" title="{{ site.text.share_buttons.digg }}"></a>
+    </div>
+    {% endif %}
+
+    {% if site.share_tumblr %}
+    <div class="  circle-share">
+      <a class="fa fa-tumblr fa-3x" href="http://www.tumblr.com/share/link?url={{ site.url }}{{ page.url }}&name={{ page.title }}" rel="nofollow" target="_blank" title="{{ site.text.share_buttons.tumblr }}"></a>
+    </div>
+    {% endif %}
+
+    {% if site.share_reddit %}
+    <div class="  circle-share share-reddit">
+      <a class="fa fa-reddit fa-3x" href="http://reddit.com/submit?url={{ site.url }}{{ page.url }}&title={{ page.title }}" rel="nofollow" target="_blank" title="{{ site.text.share_buttons.reddit }}"></a>
+    </div>
+    {% endif %}
+
+    {% if site.share_stumbleupon %}
+    <div class="  circle-share">
+      <a class="fa fa-stumbleupon fa-3x" href="http://www.stumbleupon.com/submit?url={{ site.url }}{{ page.url }}&title={{ page.title }}" rel="nofollow" target="_blank" title="{{ site.text.share_buttons.stumbleupon }}"></a>
+    </div>
+    {% endif %}
+
+    {% if site.share_hackernews %}
+    <div class="  circle-share">
+      <a class="fa fa-hacker-news fa-3x" onclick="parent.postMessage('submit','*')" href="https://news.ycombinator.com/submitlink?u={{ site.url }}{{ page.url }}&t={{ page.title }}" rel="nofollow" target="_blank" title="{{ site.text.share_buttons.hackernews }}"></a>
+    </div>
+    {% endif %}
+  </div>
+</div>
+
+<style>
+@media screen and (min-width: 770px) {
+.clients .circle-share {
+    margin-bottom: 50px;
+}
+}
+
+.share-page {
+    margin-top: 8%;
+    margin-bottom: 1%;
+}
+
+.share-links {
+    margin: 0 auto;
+    position: relative;
+    text-align: center;
+}
+
+.circle-share {
+    width: 100px;
+    height: 100px;
+    background: #000;
+    border-radius: 50px;
+    margin: 0 auto;
+    display: block;
+}
+
+.circle-share {
+    cursor: pointer;
+}
+
+.circle-share {
+    display: inline-block;
+    margin-right: 2%;
+    margin-left: 2%;
+}
+
+.circle-share a {
+    width: 53%;
+    display: block;
+    margin: 0 auto;
+    padding-top: 21px;
+    text-decoration: none;
+    text-shadow: none;
+    color: white;
+}
+
+.share-facebook a { width: 39%; }
+.share-reddit a { width: 60%; }
+.share-google a { width: 73%; }
+</style>

data/_includes/social_links.html

@@ -0,0 +1,53 @@
+<div class="social-icons">
+  <div>
+    {% if site.github_username %}
+      <a class="fa fa-github" href="https://github.com/{{ site.github_username }}" target="_blank"></a>
+    {% endif %}
+    {% if site.bitbucket_username %}
+      <a class="fa fa-bitbucket" href="https://bitbucket.org/{{ site.bitbucket_username }}"target="_blank"></a>
+    {% endif %}
+    {% if site.stackoverflow_id %}
+      <a class="fa fa-stack-overflow" href="https://stackoverflow.com/users/{{ site.stackoverflow_id }}"target="_blank"></a>
+    {% endif %}
+    <a class="fa fa-rss" href="{{ "/feed.xml" | prepend: site.baseurl }}"target="_blank"></a>
+    {% if site.twitter_username %}
+      <a class="fa fa-twitter" href="https://twitter.com/{{ site.twitter_username }}"target="_blank"></a>
+    {% endif %}
+    {% if site.skype_username %}
+      <a class="fa fa-skype" href="skype:{{ site.skype_username }}?userinfo"target="_blank"></a>
+    {% endif %}
+    {% if site.steam_nickname %}
+      <a class="fa fa-steam-square" href="http://steamcommunity.com/id/{{ site.steam_nickname }}"target="_blank"></a>
+    {% endif %}
+    {% if site.google_plus_id %}
+      <a class="fa fa-google-plus" href="https://plus.google.com/{{ site.google_plus_id }}/posts"target="_blank"></a>
+    {% endif %}
+    {% if site.email %}
+      <a class="fa fa-envelope" href="mailto:{{ site.email }}"target="_blank"></a>
+    {% endif %}
+    {% if site.linkedin_username %}
+      <a class="fa fa-linkedin" href="https://www.linkedin.com/in/{{ site.linkedin_username }}"target="_blank"></a>
+    {% endif %}
+    {% if site.angellist_username %}
+      <a class="fa fa-angellist" href="https://angel.co/{{ site.angellist_username }}"target="_blank"></a>
+    {% endif %}
+    {% if site.medium_id %}
+      <a class="fa fa-medium" href="https://medium.com/@{{ site.medium_id }}"target="_blank"></a>
+    {% endif %}
+    {% if site.youtube_channel_id %}
+      <a class="fa fa-youtube-play" href="https://youtube.com/channel/{{ site.youtube_channel_id }}"target="_blank"></a>
+    {% endif %}
+  </div>
+  <div class="right">
+    {% if site.bitcoin_url %}
+      <a class="fa fa-bitcoin" href="{{ site.bitcoin_url }}"></a>
+    {% endif %}
+    {% if site.paypal_url %}
+      <a class="fa fa-paypal" href="{{ site.paypal_url }}"></a>
+    {% endif %}
+    {% if site.flattr_button %}
+      {{ site.flattr_button }}
+    {% endif %}
+  </div>
+</div>
+<div class="clearfix"></div>