-
+
-
-
-
- View on GitHub
-
-
-
- -
-
+ {% for page in site.posts reversed %}
+ {% capture id %}{{ page.id | remove:'/' | downcase }}{% endcapture %}
+
+
+{% include analytics.html %}
+
+
+
diff --git a/site.js b/site.js
new file mode 100644
index 0000000..4746f93
--- /dev/null
+++ b/site.js
@@ -0,0 +1,95 @@
+
+$.extend($.easing,
+{
+ def: 'easeOutQuad',
+ easeInOutExpo: function (x, t, b, c, d) {
+ if (t==0) return b;
+ if (t==d) return b+c;
+ if ((t/=d/2) < 1) return c/2 * Math.pow(2, 10 * (t - 1)) + b;
+ return c/2 * (-Math.pow(2, -10 * --t) + 2) + b;
+ }
+});
+
+(function( $ ) {
+
+ var settings;
+ var disableScrollFn = false;
+ var navItems;
+ var navs = {}, sections = {};
+
+ $.fn.navScroller = function(options) {
+ settings = $.extend({
+ scrollToOffset: 170,
+ scrollSpeed: 800,
+ activateParentNode: true,
+ }, options );
+ navItems = this;
+
+ //attatch click listeners
+ navItems.on('click', function(event){
+ event.preventDefault();
+ var navID = $(this).attr("href").substring(1);
+ disableScrollFn = true;
+ activateNav(navID);
+ populateDestinations(); //recalculate these!
+ $('html,body').animate({scrollTop: sections[navID] - settings.scrollToOffset},
+ settings.scrollSpeed, "easeInOutExpo", function(){
+ disableScrollFn = false;
+ }
+ );
+ });
+
+ //populate lookup of clicable elements and destination sections
+ populateDestinations(); //should also be run on browser resize, btw
+
+ // setup scroll listener
+ $(document).scroll(function(){
+ if (disableScrollFn) { return; }
+ var page_height = $(window).height();
+ var pos = $(this).scrollTop();
+ for (i in sections) {
+ if ((pos + settings.scrollToOffset >= sections[i]) && sections[i] < pos + page_height){
+ activateNav(i);
+ }
+ }
+ });
+ };
+
+ function populateDestinations() {
+ navItems.each(function(){
+ var scrollID = $(this).attr('href').substring(1);
+ navs[scrollID] = (settings.activateParentNode)? this.parentNode : this;
+ sections[scrollID] = $(document.getElementById(scrollID)).offset().top;
+ });
+ }
+
+ function activateNav(navID) {
+ for (nav in navs) { $(navs[nav]).removeClass('active'); }
+ $(navs[navID]).addClass('active');
+ }
+})( jQuery );
+
+
+$(document).ready(function (){
+
+ $('nav li a').navScroller();
+
+ //section divider icon click gently scrolls to reveal the section
+ $(".sectiondivider").on('click', function(event) {
+ $('html,body').animate({scrollTop: $(event.target.parentNode).offset().top - 50}, 400, "linear");
+ });
+
+ //links going to other sections nicely scroll
+ $(".container a").each(function(){
+ if ($(this).attr("href").charAt(0) == '#'){
+ $(this).on('click', function(event) {
+ event.preventDefault();
+ var target = $(event.target).closest("a");
+ var targetHight = $(target.attr("href")).offset().top
+ $('html,body').animate({scrollTop: targetHight - 170}, 800, "easeInOutExpo");
+ });
+ }
+ });
+
+});
+
TypeScript Builder
-Use TypeScript like a boss
-- -
A complete dev environment for TypeScript, easy to install npm install tsb -g and easy to use tsb . and leverages the browser as your code editor 
. A dev environment you can use anywhere from anywhere ... just like TypeScript.
Effectively this is transpiler, editor, code analyzer for an ultimate developer workflow.
And its OSS so jump straight to the code.
-
+ {% if page.icon %}
+
+ {% endfor %}
-
-
+
-
+
+ 
+
+ {% elsif page.fa-icon %}
+ {{ page.title }}
+
+
+
+
+
+
+ {% endif %}
+ {{ page.title }}
+
+ {{ page.content }}
+
+