benevolent_gaze 1.0.0

data/website/source/javascripts/scrollReveal.js

@@ -0,0 +1,398 @@
+/*
+                       _ _ _____                      _   _
+                      | | |  __ \                    | | (_)
+    ___  ___ _ __ ___ | | | |__) |_____   _____  __ _| |  _ ___
+   / __|/ __| '__/ _ \| | |  _  // _ \ \ / / _ \/ _` | | | / __|
+   \__ \ (__| | | (_) | | | | \ \  __/\ V /  __/ (_| | |_| \__ \
+   |___/\___|_|  \___/|_|_|_|  \_\___| \_/ \___|\__,_|_(_) |___/ v.0.1.3
+                                                        _/ |
+                                                       |__/
+
+    "Declarative on-scroll reveal animations."
+
+/*=============================================================================
+
+    scrollReveal.js was inspired by cbpScroller.js (c) 2014 Codrops.
+
+    Licensed under the MIT license.
+    http://www.opensource.org/licenses/mit-license.php
+
+=============================================================================*/
+
+/*! scrollReveal.js v0.1.3 (c) 2014 Julian Lloyd | MIT license */
+
+/*===========================================================================*/
+
+
+window.scrollReveal = (function (window) {
+
+  'use strict';
+
+  // generator (increments) for the next scroll-reveal-id
+  var nextId = 1;
+
+  /**
+   * RequestAnimationFrame polyfill
+   * @function
+   * @private
+   */
+  var requestAnimFrame = (function () {
+    return window.requestAnimationFrame ||
+      window.webkitRequestAnimationFrame ||
+      window.mozRequestAnimationFrame ||
+      function (callback) {
+        window.setTimeout(callback, 1000 / 60);
+    };
+  }());
+
+  function scrollReveal(options) {
+
+      this.docElem = window.document.documentElement;
+      this.options = this.extend(this.defaults, options);
+      this.styleBank = {};
+
+      if (this.options.init == true) this.init();
+  }
+
+  scrollReveal.prototype = {
+
+    defaults: {
+      after:   '0s',
+      enter:   'bottom',
+      move:    '24px',
+      over:    '0.66s',
+      easing:  'ease-in-out',
+      opacity: 0,
+
+  //  if 0, the element is considered in the viewport as soon as it enters
+  //  if 1, the element is considered in the viewport when it's fully visible
+      viewportFactor: 0.33,
+
+  // if false, animations occur only once
+  // if true, animations occur each time an element enters the viewport
+      reset: false,
+
+  // if true, scrollReveal.init() is automaticaly called upon instantiation
+      init: true
+    },
+
+    /*=============================================================================*/
+
+    init: function () {
+
+      this.scrolled = false;
+
+      var self = this;
+
+  //  Check DOM for the data-scrollReveal attribute
+  //  and initialize all found elements.
+      this.elems = Array.prototype.slice.call(this.docElem.querySelectorAll('[data-scroll-reveal]'));
+      this.elems.forEach(function (el, i) {
+
+    //  Capture original style attribute
+        var id = el.getAttribute("data-scroll-reveal-id");
+        if (!id) {
+            id = nextId++;
+            el.setAttribute("data-scroll-reveal-id", id);
+        }
+        if (!self.styleBank[id]) {
+          self.styleBank[id] = el.getAttribute('style');
+        }
+
+        self.update(el);
+      });
+
+      var scrollHandler = function (e) {
+        // No changing, exit
+        if (!self.scrolled) {
+          self.scrolled = true;
+          requestAnimFrame(function () {
+            self._scrollPage();
+          });
+        }
+      };
+
+      var resizeHandler = function () {
+
+    //  If we’re still waiting for settimeout, reset the timer.
+        if (self.resizeTimeout) {
+          clearTimeout(self.resizeTimeout);
+        }
+        function delayed() {
+          self._scrollPage();
+          self.resizeTimeout = null;
+        }
+        self.resizeTimeout = setTimeout(delayed, 200);
+      };
+
+      // captureScroll
+      window.addEventListener('scroll', scrollHandler, false);
+      window.addEventListener('resize', resizeHandler, false);
+    },
+
+    /*=============================================================================*/
+
+    _scrollPage: function () {
+        var self = this;
+
+        this.elems.forEach(function (el, i) {
+          self.update(el);
+        });
+        this.scrolled = false;
+    },
+
+    /*=============================================================================*/
+
+    parseLanguage: function (el) {
+
+  //  Splits on a sequence of one or more commas or spaces.
+      var words = el.getAttribute('data-scroll-reveal').split(/[, ]+/),
+          parsed = {};
+
+      function filter (words) {
+        var ret = [],
+
+            blacklist = [
+              "from",
+              "the",
+              "and",
+              "then",
+              "but",
+              "with"
+            ];
+
+        words.forEach(function (word, i) {
+          if (blacklist.indexOf(word) > -1) {
+            return;
+          }
+          ret.push(word);
+        });
+
+        return ret;
+      }
+
+      words = filter(words);
+
+      words.forEach(function (word, i) {
+
+        switch (word) {
+          case "enter":
+            parsed.enter = words[i + 1];
+            return;
+
+          case "after":
+            parsed.after = words[i + 1];
+            return;
+
+          case "wait":
+            parsed.after = words[i + 1];
+            return;
+
+          case "move":
+            parsed.move = words[i + 1];
+            return;
+
+          case "ease":
+            parsed.move = words[i + 1];
+            parsed.ease = "ease";
+            return;
+
+          case "ease-in":
+            parsed.move = words[i + 1];
+            parsed.easing = "ease-in";
+            return;
+
+          case "ease-in-out":
+            parsed.move = words[i + 1];
+            parsed.easing = "ease-in-out";
+            return;
+
+          case "ease-out":
+            parsed.move = words[i + 1];
+            parsed.easing = "ease-out";
+            return;
+
+          case "over":
+            parsed.over = words[i + 1];
+            return;
+
+          default:
+            return;
+        }
+      });
+
+      return parsed;
+    },
+
+
+    /*=============================================================================*/
+
+    update: function (el) {
+
+      var css   = this.genCSS(el);
+      var style = this.styleBank[el.getAttribute("data-scroll-reveal-id")];
+
+      if (style != null) style += ";"; else style = "";
+
+      if (!el.getAttribute('data-scroll-reveal-initialized')) {
+        el.setAttribute('style', style + css.initial);
+        el.setAttribute('data-scroll-reveal-initialized', true);
+      }
+
+      if (!this.isElementInViewport(el, this.options.viewportFactor)) {
+        if (this.options.reset) {
+          el.setAttribute('style', style + css.initial + css.reset);
+        }
+        return;
+      }
+
+      if (el.getAttribute('data-scroll-reveal-complete')) return;
+
+      if (this.isElementInViewport(el, this.options.viewportFactor)) {
+        el.setAttribute('style', style + css.target + css.transition);
+    //  Without reset enabled, we can safely remove the style tag
+    //  to prevent CSS specificy wars with authored CSS.
+        if (!this.options.reset) {
+          setTimeout(function () {
+            if (style != "") {
+              el.setAttribute('style', style);
+            } else {
+              el.removeAttribute('style');
+            }
+            el.setAttribute('data-scroll-reveal-complete',true);
+          }, css.totalDuration);
+        }
+      return;
+      }
+    },
+
+    /*=============================================================================*/
+
+    genCSS: function (el) {
+      var parsed = this.parseLanguage(el),
+          enter,
+          axis;
+
+      if (parsed.enter) {
+
+        if (parsed.enter == "top" || parsed.enter == "bottom") {
+          enter = parsed.enter;
+          axis = "y";
+        }
+
+        if (parsed.enter == "left" || parsed.enter == "right") {
+          enter = parsed.enter;
+          axis = "x";
+        }
+
+      } else {
+
+        if (this.options.enter == "top" || this.options.enter == "bottom") {
+          enter = this.options.enter
+          axis = "y";
+        }
+
+        if (this.options.enter == "left" || this.options.enter == "right") {
+          enter = this.options.enter
+          axis = "x";
+        }
+      }
+
+  //  After all values are parsed, let’s make sure our our
+  //  pixel distance is negative for top and left entrances.
+  //
+  //  ie. "move 25px from top" starts at 'top: -25px' in CSS.
+
+      if (enter == "top" || enter == "left") {
+        if (parsed.move) {
+          parsed.move = "-" + parsed.move;
+        }
+        else {
+          parsed.move = "-" + this.options.move;
+        }
+      }
+
+      var dist    = parsed.move    || this.options.move,
+          dur     = parsed.over    || this.options.over,
+          delay   = parsed.after   || this.options.after,
+          easing  = parsed.easing  || this.options.easing,
+          opacity = parsed.opacity || this.options.opacity;
+
+      var transition = "-webkit-transition: -webkit-transform " + dur + " " + easing + " " + delay + ",  opacity " + dur + " " + easing + " " + delay + ";" +
+                               "transition: transform " + dur + " " + easing + " " + delay + ", opacity " + dur + " " + easing + " " + delay + ";" +
+                      "-webkit-perspective: 1000;" +
+              "-webkit-backface-visibility: hidden;";
+
+  //  The same as transition, but removing the delay for elements fading out.
+      var reset = "-webkit-transition: -webkit-transform " + dur + " " + easing + " 0s,  opacity " + dur + " " + easing + " " + delay + ";" +
+                          "transition: transform " + dur + " " + easing + " 0s,  opacity " + dur + " " + easing + " " + delay + ";" +
+                 "-webkit-perspective: 1000;" +
+         "-webkit-backface-visibility: hidden;";
+
+      var initial = "-webkit-transform: translate" + axis + "(" + dist + ");" +
+                            "transform: translate" + axis + "(" + dist + ");" +
+                              "opacity: " + opacity + ";";
+
+      var target = "-webkit-transform: translate" + axis + "(0);" +
+                           "transform: translate" + axis + "(0);" +
+                             "opacity: 1;";
+      return {
+        transition: transition,
+        initial: initial,
+        target: target,
+        reset: reset,
+        totalDuration: ((parseFloat(dur) + parseFloat(delay)) * 1000)
+      };
+    },
+
+    getViewportH : function () {
+      var client = this.docElem['clientHeight'],
+        inner = window['innerHeight'];
+
+      return (client < inner) ? inner : client;
+    },
+
+    getOffset : function(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
+      }
+    },
+
+    isElementInViewport : function(el, h) {
+      var scrolled = window.pageYOffset,
+          viewed = scrolled + this.getViewportH(),
+          elH = el.offsetHeight,
+          elTop = this.getOffset(el).top,
+          elBottom = elTop + elH,
+          h = h || 0;
+
+      return (elTop + elH * h) <= viewed
+          && (elBottom) >= scrolled
+          || (el.currentStyle? el.currentStyle : window.getComputedStyle(el, null)).position == 'fixed';
+    },
+
+    extend: function (a, b){
+      for (var key in b) {
+        if (b.hasOwnProperty(key)) {
+          a[key] = b[key];
+        }
+      }
+      return a;
+    }
+  }; // end scrollReveal.prototype
+
+  return scrollReveal;
+})(window);

data/website/source/layouts/_footer.html.haml

@@ -0,0 +1,34 @@
+%section#who.navy.under
+  .background
+  .container
+    .row
+      .left-col
+        %h1.jumbo Who?
+      .right-col
+        %h2
+          Sign up for the HappyFunCorp mailing list!
+        %form.form-horizontal.md-3{ action: "//happyfuncorp.us8.list-manage.com/subscribe/post?u=4693df87615db712ba7e23f18&id=d4f8c4b866", method: "post" }
+          %div{ style: "position: absolute; left: -5000px;"}
+            %input{ type: "text", name: "b_4693df87615db712ba7e23f18_d4f8c4b866", tabindex: "-1", value: "" }
+
+          .form-group#signup
+            .col-sm-12
+              .input-group
+                %input.form-control{ type: "email", name: "EMAIL", :placeholder=>'Enter your email periodic news from HFC' }
+                %span.input-group-btn
+                  = submit_tag 'Sign Up', :class => "btn btn-primary"
+
+
+
+
+        %h3.outset.tel.mb-0
+          .icon.icon-seed-logo-white
+          Benevolent Gaze
+          %small is a
+          = link_to 'HappyFunCorp', 'http://happyfuncorp.com'
+          %small Production.
+          %br
+          %small Made in Brooklyn, NY.
+
+        %h3{style:"text-align:center"}
+          <a href="https://twitter.com/share" class="twitter-share-button" data-url="http://gaze.happyfuncorp.com/" data-text="Get fabulous! Share the gaze!" data-via="happyfuncorp">Tweet</a> <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>

data/website/source/layouts/_javascripts.erb

@@ -0,0 +1,9 @@
+<%= javascript_include_tag 'all' %>
+<script type="text/javascript">
+<% if config.environment == :build && data['site']['google_analytics_id'] %>
+  var _gaq=[['_setAccount','<%= data['site']['google_analytics_id'] %>'],['_trackPageview']];
+  (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
+  g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
+  s.parentNode.insertBefore(g,s)}(document,'script'));
+<% end %>
+</script>

data/website/source/layouts/docs_layout.haml

@@ -0,0 +1,23 @@
+= wrap_layout :layout do
+  %section.docs.cream.under
+    .background
+    .container
+      .row
+        .col-sm-10.col-sm-push-2
+          ~ yield
+        .col-sm-2.col-sm-pull-10
+          %ul.nav.nav-pills.nav-stacked
+            %li{ class: current_page.path == "docs/index.html" ? "active" : nil }
+              = link_to "Usage", "/docs/index.html"
+            %li{ class: current_page.url == "/docs/rails.html" ? "active" : nil }
+              = link_to "Rails", "/docs/rails.html"
+            - if current_page.url == "/docs/rails.html" || current_page.url =~ /README/
+              - Dir.glob( "source/docs/README*").each do |f|
+                - l = f.gsub( /.*source\//, "/" ).gsub( /.html.*/, ".html" )
+                - n = f.gsub( /.*\d\d./, "" ).gsub( /.html.*/, "" ).capitalize
+                %li{ class: current_page.url == l ? "active" : nil }
+                  = link_to " - #{n}", l
+            %li{ class: current_page.url == "/docs/plugin.html" ? "active" : nil }
+              = link_to "Plugins", "/docs/plugin.html"
+            %li{ class: current_page.url == "/docs/middleman.html" ? "active" : nil }
+              = link_to "Middleman", "/docs/middleman.html"

data/website/source/layouts/layout.haml

@@ -0,0 +1,87 @@
+!!! 5
+%html.no-js
+  %head
+    %meta{ :charset => 'utf-8' }/
+    %meta{ 'http-equiv' => 'X-UA-Compatible', :content => 'IE=edge,chrome=1' }/
+
+    %title Benevolent Gaze
+
+    %meta{ :name => 'description', :content => '' }/
+    %meta{ :name => 'viewport', :content => 'width=device-width,initial-scale=0.75' }/
+
+    <meta property="og:title" content="Benevolent Gaze"/>
+    <meta property="og:url" content="http://seed.happyfuncorp.com"/>
+    <meta property="og:type" content="website"/>
+    <meta property="og:image" content="https://s3.amazonaws.com/happyfuncorp-cdn/use-happy-seed.png"/>
+    <meta property="og:description" content="Roses are red, violets are blue, your code sucks because you’re not using seed."/>
+
+    = stylesheet_link_tag 'application', :media => nil
+
+    -# Append your own using content_for :stylesheets
+    / = yield :stylesheets
+    = javascript_include_tag 'modernizr'
+    -#= stylesheet_link_tag 'gh-fork-ribbon', :media => nil
+    <!--[if lt IE 9]>
+    = stylesheet_link_tag 'gh-fork-ribbon.ie', :media => nil
+    <![endif]-->
+
+  %body{ "data-spy" => "scroll", "data-target" => "#top"}
+    / # = render 'chromeframe'
+    / = render 'flashes'
+
+    = link_to "View Me on GitHub", "https://github.com/happyfuncorp/benevolent_gaze", :class=>'github-fork-ribbon'
+
+    %header#top.navbar.navbar-inverse.navbar-fixed-top{:role=>:banner}
+      .navbar-header
+        %button.navbar-toggle{:type=>:button, 'data-toggle'=>:collapse, 'data-target'=>'.navbar-collapse'}
+          %span.sr-only Toggle navigations
+          %span.icon-bar
+          %span.icon-bar
+          %span.icon-bar
+        = link_to '/index.html#benevolent-gaze', :class=>'navbar-brand' do
+          %span.icon.icon-seed-logo-white
+          Benevolent Gaze
+      %nav.collapse.navbar-collapse{:role=>:navigation}
+        %ul.nav.navbar-nav
+          %li= link_to 'What', '/index.html#what'
+          %li= link_to 'Why', '/index.html#why'
+          %li= link_to 'How', '/index.html#how'
+          %li= link_to 'Who', '/index.html#who'
+          -#%li.dropdown 
+            %a.dropdown-toggle{ :href => "/docs.html", "data-toggle" => "dropdown"} Docs
+            %ul.dropdown-menu
+              %li= link_to 'Usage', "/docs/index.html"
+              %li= link_to 'Rails', "/docs/rails.html"
+              %li= link_to 'Plugins', "/docs/plugin.html"
+              %li= link_to 'Static', "/docs/middleman.html"
+
+    = yield
+
+    = partial 'layouts/footer'
+
+    -# Javascript at the bottom for fast page loading
+    = partial 'layouts/javascripts'
+
+    / # - unless mobile_device?
+    = javascript_include_tag 'scrollReveal.js'
+
+    :javascript
+      $(function() { 
+        window.scrollReveal = new scrollReveal();
+        $("a").on('click', function(e) {
+          if( ! $(this).attr('href') || ! $(this).attr('href').match(/^#/) ) return;
+          e.preventDefault();
+
+          // store hash
+          var hash = this.hash;
+
+          // animate
+          $('html, body').animate({
+            scrollTop: $(this.hash).offset().top
+          }, 300, function(){
+            // when done, add hash to url
+            // (default click behaviour)
+            window.location.hash = hash;
+          });
+        });
+      });