");return c.inlineElement=f,f}return b.updateStatus("ready"),b._parseMarkup(d,{},c),d}}});var H,I="ajax",J=function(){H&&a(document.body).removeClass(H)},K=function(){J(),b.req&&b.req.abort()};a.magnificPopup.registerModule(I,{options:{settings:null,cursor:"mfp-ajax-cur",tError:'The content could not be loaded.'},proto:{initAjax:function(){b.types.push(I),H=b.st.ajax.cursor,w(h+"."+I,K),w("BeforeChange."+I,K)},getAjax:function(c){H&&a(document.body).addClass(H),b.updateStatus("loading");var d=a.extend({url:c.src,success:function(d,e,f){var g={data:d,xhr:f};y("ParseAjax",g),b.appendContent(a(g.data),I),c.finished=!0,J(),b._setFocus(),setTimeout(function(){b.wrap.addClass(q)},16),b.updateStatus("ready"),y("AjaxContentAdded")},error:function(){J(),c.finished=c.loadError=!0,b.updateStatus("error",b.st.ajax.tError.replace("%url%",c.src))}},b.st.ajax.settings);return b.req=a.ajax(d),""}}});var L,M=function(c){if(c.data&&void 0!==c.data.title)return c.data.title;var d=b.st.image.titleSrc;if(d){if(a.isFunction(d))return d.call(b,c);if(c.el)return c.el.attr(d)||""}return""};a.magnificPopup.registerModule("image",{options:{markup:'

',cursor:"mfp-zoom-out-cur",titleSrc:"title",verticalFit:!0,tError:'The image could not be loaded.'},proto:{initImage:function(){var c=b.st.image,d=".image";b.types.push("image"),w(m+d,function(){"image"===b.currItem.type&&c.cursor&&a(document.body).addClass(c.cursor)}),w(h+d,function(){c.cursor&&a(document.body).removeClass(c.cursor),v.off("resize"+p)}),w("Resize"+d,b.resizeImage),b.isLowIE&&w("AfterChange",b.resizeImage)},resizeImage:function(){var a=b.currItem;if(a&&a.img&&b.st.image.verticalFit){var c=0;b.isLowIE&&(c=parseInt(a.img.css("padding-top"),10)+parseInt(a.img.css("padding-bottom"),10)),a.img.css("max-height",b.wH-c)}},_onImageHasSize:function(a){a.img&&(a.hasSize=!0,L&&clearInterval(L),a.isCheckingImgSize=!1,y("ImageHasSize",a),a.imgHidden&&(b.content&&b.content.removeClass("mfp-loading"),a.imgHidden=!1))},findImageSize:function(a){var c=0,d=a.img[0],e=function(f){L&&clearInterval(L),L=setInterval(function(){return d.naturalWidth>0?void b._onImageHasSize(a):(c>200&&clearInterval(L),c++,void(3===c?e(10):40===c?e(50):100===c&&e(500)))},f)};e(1)},getImage:function(c,d){var e=0,f=function(){c&&(c.img[0].complete?(c.img.off(".mfploader"),c===b.currItem&&(b._onImageHasSize(c),b.updateStatus("ready")),c.hasSize=!0,c.loaded=!0,y("ImageLoadComplete")):(e++,200>e?setTimeout(f,100):g()))},g=function(){c&&(c.img.off(".mfploader"),c===b.currItem&&(b._onImageHasSize(c),b.updateStatus("error",h.tError.replace("%url%",c.src))),c.hasSize=!0,c.loaded=!0,c.loadError=!0)},h=b.st.image,i=d.find(".mfp-img");if(i.length){var j=document.createElement("img");j.className="mfp-img",c.el&&c.el.find("img").length&&(j.alt=c.el.find("img").attr("alt")),c.img=a(j).on("load.mfploader",f).on("error.mfploader",g),j.src=c.src,i.is("img")&&(c.img=c.img.clone()),j=c.img[0],j.naturalWidth>0?c.hasSize=!0:j.width||(c.hasSize=!1)}return b._parseMarkup(d,{title:M(c),img_replaceWith:c.img},c),b.resizeImage(),c.hasSize?(L&&clearInterval(L),c.loadError?(d.addClass("mfp-loading"),b.updateStatus("error",h.tError.replace("%url%",c.src))):(d.removeClass("mfp-loading"),b.updateStatus("ready")),d):(b.updateStatus("loading"),c.loading=!0,c.hasSize||(c.imgHidden=!0,d.addClass("mfp-loading"),b.findImageSize(c)),d)}}});var N,O=function(){return void 0===N&&(N=void 0!==document.createElement("p").style.MozTransform),N};a.magnificPopup.registerModule("zoom",{options:{enabled:!1,easing:"ease-in-out",duration:300,opener:function(a){return a.is("img")?a:a.find("img")}},proto:{initZoom:function(){var a,c=b.st.zoom,d=".zoom";if(c.enabled&&b.supportsTransition){var e,f,g=c.duration,j=function(a){var b=a.clone().removeAttr("style").removeAttr("class").addClass("mfp-animated-image"),d="all "+c.duration/1e3+"s "+c.easing,e={position:"fixed",zIndex:9999,left:0,top:0,"-webkit-backface-visibility":"hidden"},f="transition";return e["-webkit-"+f]=e["-moz-"+f]=e["-o-"+f]=e[f]=d,b.css(e),b},k=function(){b.content.css("visibility","visible")};w("BuildControls"+d,function(){if(b._allowZoom()){if(clearTimeout(e),b.content.css("visibility","hidden"),a=b._getItemToZoom(),!a)return void k();f=j(a),f.css(b._getOffset()),b.wrap.append(f),e=setTimeout(function(){f.css(b._getOffset(!0)),e=setTimeout(function(){k(),setTimeout(function(){f.remove(),a=f=null,y("ZoomAnimationEnded")},16)},g)},16)}}),w(i+d,function(){if(b._allowZoom()){if(clearTimeout(e),b.st.removalDelay=g,!a){if(a=b._getItemToZoom(),!a)return;f=j(a)}f.css(b._getOffset(!0)),b.wrap.append(f),b.content.css("visibility","hidden"),setTimeout(function(){f.css(b._getOffset())},16)}}),w(h+d,function(){b._allowZoom()&&(k(),f&&f.remove(),a=null)})}},_allowZoom:function(){return"image"===b.currItem.type},_getItemToZoom:function(){return b.currItem.hasSize?b.currItem.img:!1},_getOffset:function(c){var d;d=c?b.currItem.img:b.st.zoom.opener(b.currItem.el||b.currItem);var e=d.offset(),f=parseInt(d.css("padding-top"),10),g=parseInt(d.css("padding-bottom"),10);e.top-=a(window).scrollTop()-f;var h={width:d.width(),height:(u?d.innerHeight():d[0].offsetHeight)-g-f};return O()?h["-moz-transform"]=h.transform="translate("+e.left+"px,"+e.top+"px)":(h.left=e.left,h.top=e.top),h}}});var P="iframe",Q="//about:blank",R=function(a){if(b.currTemplate[P]){var c=b.currTemplate[P].find("iframe");c.length&&(a||(c[0].src=Q),b.isIE8&&c.css("display",a?"block":"none"))}};a.magnificPopup.registerModule(P,{options:{markup:'

',srcAction:"iframe_src",patterns:{youtube:{index:"youtube.com",id:"v=",src:"//www.youtube.com/embed/%id%?autoplay=1"},vimeo:{index:"vimeo.com/",id:"/",src:"//player.vimeo.com/video/%id%?autoplay=1"},gmaps:{index:"//maps.google.",src:"%id%&output=embed"}}},proto:{initIframe:function(){b.types.push(P),w("BeforeChange",function(a,b,c){b!==c&&(b===P?R():c===P&&R(!0))}),w(h+"."+P,function(){R()})},getIframe:function(c,d){var e=c.src,f=b.st.iframe;a.each(f.patterns,function(){return e.indexOf(this.index)>-1?(this.id&&(e="string"==typeof this.id?e.substr(e.lastIndexOf(this.id)+this.id.length,e.length):this.id.call(this,e)),e=this.src.replace("%id%",e),!1):void 0});var g={};return f.srcAction&&(g[f.srcAction]=e),b._parseMarkup(d,g,c),b.updateStatus("ready"),d}}});var S=function(a){var c=b.items.length;return a>c-1?a-c:0>a?c+a:a},T=function(a,b,c){return a.replace(/%curr%/gi,b+1).replace(/%total%/gi,c)};a.magnificPopup.registerModule("gallery",{options:{enabled:!1,arrowMarkup:'',preload:[0,2],navigateByImgClick:!0,arrows:!0,tPrev:"Previous (Left arrow key)",tNext:"Next (Right arrow key)",tCounter:"%curr% of %total%"},proto:{initGallery:function(){var c=b.st.gallery,e=".mfp-gallery";return b.direction=!0,c&&c.enabled?(f+=" mfp-gallery",w(m+e,function(){c.navigateByImgClick&&b.wrap.on("click"+e,".mfp-img",function(){return b.items.length>1?(b.next(),!1):void 0}),d.on("keydown"+e,function(a){37===a.keyCode?b.prev():39===a.keyCode&&b.next()})}),w("UpdateStatus"+e,function(a,c){c.text&&(c.text=T(c.text,b.currItem.index,b.items.length))}),w(l+e,function(a,d,e,f){var g=b.items.length;e.counter=g>1?T(c.tCounter,f.index,g):""}),w("BuildControls"+e,function(){if(b.items.length>1&&c.arrows&&!b.arrowLeft){var d=c.arrowMarkup,e=b.arrowLeft=a(d.replace(/%title%/gi,c.tPrev).replace(/%dir%/gi,"left")).addClass(s),f=b.arrowRight=a(d.replace(/%title%/gi,c.tNext).replace(/%dir%/gi,"right")).addClass(s);e.click(function(){b.prev()}),f.click(function(){b.next()}),b.container.append(e.add(f))}}),w(n+e,function(){b._preloadTimeout&&clearTimeout(b._preloadTimeout),b._preloadTimeout=setTimeout(function(){b.preloadNearbyImages(),b._preloadTimeout=null},16)}),void w(h+e,function(){d.off(e),b.wrap.off("click"+e),b.arrowRight=b.arrowLeft=null})):!1},next:function(){b.direction=!0,b.index=S(b.index+1),b.updateItemHTML()},prev:function(){b.direction=!1,b.index=S(b.index-1),b.updateItemHTML()},goTo:function(a){b.direction=a>=b.index,b.index=a,b.updateItemHTML()},preloadNearbyImages:function(){var a,c=b.st.gallery.preload,d=Math.min(c[0],b.items.length),e=Math.min(c[1],b.items.length);for(a=1;a<=(b.direction?e:d);a++)b._preloadItem(b.index+a);for(a=1;a<=(b.direction?d:e);a++)b._preloadItem(b.index-a)},_preloadItem:function(c){if(c=S(c),!b.items[c].preloaded){var d=b.items[c];d.parsed||(d=b.parseEl(c)),y("LazyLoad",d),"image"===d.type&&(d.img=a('').on("load.mfploader",function(){d.hasSize=!0}).on("error.mfploader",function(){d.hasSize=!0,d.loadError=!0,y("LazyLoadError",d)}).attr("src",d.src)),d.preloaded=!0}}}});var U="retina";a.magnificPopup.registerModule(U,{options:{replaceSrc:function(a){return a.src.replace(/\.\w+$/,function(a){return"@2x"+a})},ratio:1},proto:{initRetina:function(){if(window.devicePixelRatio>1){var a=b.st.retina,c=a.ratio;c=isNaN(c)?c():c,c>1&&(w("ImageHasSize."+U,function(a,b){b.img.css({"max-width":b.img[0].naturalWidth/c,width:"100%"})}),w("ElementParse."+U,function(b,d){d.src=a.replaceSrc(d,c)}))}}}}),A()}); \ No newline at end of file diff --git a/app/vendor/magnific-popup/magnific-popup.css b/app/vendor/magnific-popup/magnific-popup.css new file mode 100644 index 0000000..8561e18 --- /dev/null +++ b/app/vendor/magnific-popup/magnific-popup.css @@ -0,0 +1,351 @@ +/* Magnific Popup CSS */ +.mfp-bg { + top: 0; + left: 0; + width: 100%; + height: 100%; + z-index: 1042; + overflow: hidden; + position: fixed; + background: #0b0b0b; + opacity: 0.8; } + +.mfp-wrap { + top: 0; + left: 0; + width: 100%; + height: 100%; + z-index: 1043; + position: fixed; + outline: none !important; + -webkit-backface-visibility: hidden; } + +.mfp-container { + text-align: center; + position: absolute; + width: 100%; + height: 100%; + left: 0; + top: 0; + padding: 0 8px; + box-sizing: border-box; } + +.mfp-container:before { + content: ''; + display: inline-block; + height: 100%; + vertical-align: middle; } + +.mfp-align-top .mfp-container:before { + display: none; } + +.mfp-content { + position: relative; + display: inline-block; + vertical-align: middle; + margin: 0 auto; + text-align: left; + z-index: 1045; } + +.mfp-inline-holder .mfp-content, +.mfp-ajax-holder .mfp-content { + width: 100%; + cursor: auto; } + +.mfp-ajax-cur { + cursor: progress; } + +.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { + cursor: -moz-zoom-out; + cursor: -webkit-zoom-out; + cursor: zoom-out; } + +.mfp-zoom { + cursor: pointer; + cursor: -webkit-zoom-in; + cursor: -moz-zoom-in; + cursor: zoom-in; } + +.mfp-auto-cursor .mfp-content { + cursor: auto; } + +.mfp-close, +.mfp-arrow, +.mfp-preloader, +.mfp-counter { + -webkit-user-select: none; + -moz-user-select: none; + user-select: none; } + +.mfp-loading.mfp-figure { + display: none; } + +.mfp-hide { + display: none !important; } + +.mfp-preloader { + color: #CCC; + position: absolute; + top: 50%; + width: auto; + text-align: center; + margin-top: -0.8em; + left: 8px; + right: 8px; + z-index: 1044; } + .mfp-preloader a { + color: #CCC; } + .mfp-preloader a:hover { + color: #FFF; } + +.mfp-s-ready .mfp-preloader { + display: none; } + +.mfp-s-error .mfp-content { + display: none; } + +button.mfp-close, +button.mfp-arrow { + overflow: visible; + cursor: pointer; + background: transparent; + border: 0; + -webkit-appearance: none; + display: block; + outline: none; + padding: 0; + z-index: 1046; + box-shadow: none; + touch-action: manipulation; } + +button::-moz-focus-inner { + padding: 0; + border: 0; } + +.mfp-close { + width: 44px; + height: 44px; + line-height: 44px; + position: absolute; + right: 0; + top: 0; + text-decoration: none; + text-align: center; + opacity: 0.65; + padding: 0 0 18px 10px; + color: #FFF; + font-style: normal; + font-size: 28px; + font-family: Arial, Baskerville, monospace; } + .mfp-close:hover, + .mfp-close:focus { + opacity: 1; } + .mfp-close:active { + top: 1px; } + +.mfp-close-btn-in .mfp-close { + color: #333; } + +.mfp-image-holder .mfp-close, +.mfp-iframe-holder .mfp-close { + color: #FFF; + right: -6px; + text-align: right; + padding-right: 6px; + width: 100%; } + +.mfp-counter { + position: absolute; + top: 0; + right: 0; + color: #CCC; + font-size: 12px; + line-height: 18px; + white-space: nowrap; } + +.mfp-arrow { + position: absolute; + opacity: 0.65; + margin: 0; + top: 50%; + margin-top: -55px; + padding: 0; + width: 90px; + height: 110px; + -webkit-tap-highlight-color: transparent; } + .mfp-arrow:active { + margin-top: -54px; } + .mfp-arrow:hover, + .mfp-arrow:focus { + opacity: 1; } + .mfp-arrow:before, + .mfp-arrow:after { + content: ''; + display: block; + width: 0; + height: 0; + position: absolute; + left: 0; + top: 0; + margin-top: 35px; + margin-left: 35px; + border: medium inset transparent; } + .mfp-arrow:after { + border-top-width: 13px; + border-bottom-width: 13px; + top: 8px; } + .mfp-arrow:before { + border-top-width: 21px; + border-bottom-width: 21px; + opacity: 0.7; } + +.mfp-arrow-left { + left: 0; } + .mfp-arrow-left:after { + border-right: 17px solid #FFF; + margin-left: 31px; } + .mfp-arrow-left:before { + margin-left: 25px; + border-right: 27px solid #3F3F3F; } + +.mfp-arrow-right { + right: 0; } + .mfp-arrow-right:after { + border-left: 17px solid #FFF; + margin-left: 39px; } + .mfp-arrow-right:before { + border-left: 27px solid #3F3F3F; } + +.mfp-iframe-holder { + padding-top: 40px; + padding-bottom: 40px; } + .mfp-iframe-holder .mfp-content { + line-height: 0; + width: 100%; + max-width: 900px; } + .mfp-iframe-holder .mfp-close { + top: -40px; } + +.mfp-iframe-scaler { + width: 100%; + height: 0; + overflow: hidden; + padding-top: 56.25%; } + .mfp-iframe-scaler iframe { + position: absolute; + display: block; + top: 0; + left: 0; + width: 100%; + height: 100%; + box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); + background: #000; } + +/* Main image in popup */ +img.mfp-img { + width: auto; + max-width: 100%; + height: auto; + display: block; + line-height: 0; + box-sizing: border-box; + padding: 40px 0 40px; + margin: 0 auto; } + +/* The shadow behind the image */ +.mfp-figure { + line-height: 0; } + .mfp-figure:after { + content: ''; + position: absolute; + left: 0; + top: 40px; + bottom: 40px; + display: block; + right: 0; + width: auto; + height: auto; + z-index: -1; + box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); + background: #444; } + .mfp-figure small { + color: #BDBDBD; + display: block; + font-size: 12px; + line-height: 14px; } + .mfp-figure figure { + margin: 0; } + +.mfp-bottom-bar { + margin-top: -36px; + position: absolute; + top: 100%; + left: 0; + width: 100%; + cursor: auto; } + +.mfp-title { + text-align: left; + line-height: 18px; + color: #F3F3F3; + word-wrap: break-word; + padding-right: 36px; } + +.mfp-image-holder .mfp-content { + max-width: 100%; } + +.mfp-gallery .mfp-image-holder .mfp-figure { + cursor: pointer; } + +@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { + /** + * Remove all paddings around the image on small screen + */ + .mfp-img-mobile .mfp-image-holder { + padding-left: 0; + padding-right: 0; } + .mfp-img-mobile img.mfp-img { + padding: 0; } + .mfp-img-mobile .mfp-figure:after { + top: 0; + bottom: 0; } + .mfp-img-mobile .mfp-figure small { + display: inline; + margin-left: 5px; } + .mfp-img-mobile .mfp-bottom-bar { + background: rgba(0, 0, 0, 0.6); + bottom: 0; + margin: 0; + top: auto; + padding: 3px 5px; + position: fixed; + box-sizing: border-box; } + .mfp-img-mobile .mfp-bottom-bar:empty { + padding: 0; } + .mfp-img-mobile .mfp-counter { + right: 5px; + top: 3px; } + .mfp-img-mobile .mfp-close { + top: 0; + right: 0; + width: 35px; + height: 35px; + line-height: 35px; + background: rgba(0, 0, 0, 0.6); + position: fixed; + text-align: center; + padding: 0; } } + +@media all and (max-width: 900px) { + .mfp-arrow { + -webkit-transform: scale(0.75); + transform: scale(0.75); } + .mfp-arrow-left { + -webkit-transform-origin: 0; + transform-origin: 0; } + .mfp-arrow-right { + -webkit-transform-origin: 100%; + transform-origin: 100%; } + .mfp-container { + padding-left: 6px; + padding-right: 6px; } } diff --git a/app/vendor/scrollreveal/scrollreveal.js b/app/vendor/scrollreveal/scrollreveal.js new file mode 100644 index 0000000..b9ee80c --- /dev/null +++ b/app/vendor/scrollreveal/scrollreveal.js @@ -0,0 +1,947 @@ + +(function(root, factory) { + if (typeof define === 'function' && define.amd) { + define(factory); + } else if (typeof exports === 'object') { + module.exports = factory(require, exports, module); + } else { + root.ScrollReveal = factory(); + } +}(this, function(require, exports, module) { + + +///// ///// ///// ///// +///// ///// ///// ///// +///// ///// ///// ///// +///// ///// ///// ///// +///// ///// ///// +///// ///// ///// +///// ///// ///// ///// +///// ///// ///// ///// + ///// ///// + ///// ///// +///// ///// ///// ///// +///// ///// ///// ///// +///// ///// ///// ///// +///// ///// ///// ///// + +/** + * ScrollReveal + * ------------ + * Version : 3.1.4 + * Website : scrollrevealjs.org + * Repo : github.com/jlmakes/scrollreveal.js + * Author : Julian Lloyd (@jlmakes) + */ + +;(function() { + 'use strict'; + + var + sr, + Tools, + _requestAnimationFrame; + + this.ScrollReveal = (function() { + + /** + * Configuration + * ------------- + * This object signature can be passed directly to the ScrollReveal constructor, + * or as the second argument of the `reveal()` method. + */ + + ScrollReveal.prototype.defaults = { + + // 'bottom', 'left', 'top', 'right' + origin : 'bottom', + + // Can be any valid CSS distance, e.g. '5rem', '10%', '20vw', etc. + distance : '20px', + + // Time in milliseconds. + duration : 500, + delay : 0, + + // Starting angles in degrees, will transition from these values to 0 in all axes. + rotate : { x: 0, y: 0, z: 0 }, + + // Starting opacity value, before transitioning to the computed opacity. + opacity : 0, + + // Starting scale value, will transition from this value to 1 + scale : 0.9, + + // Accepts any valid CSS easing, e.g. 'ease', 'ease-in-out', 'linear', etc. + easing : 'cubic-bezier(0.6, 0.2, 0.1, 1)', + + // When null, `` is assumed to be the reveal container. You can pass a + // DOM node as a custom container, e.g. document.querySelector('.fooContainer') + // or a selector, e.g. '.fooContainer' + container : null, + + // true/false to control reveal animations on mobile. + mobile : true, + + // true: reveals occur every time elements become visible + // false: reveals occur once as elements become visible + reset : false, + + // 'always' — delay for all reveal animations + // 'once' — delay only the first time reveals occur + // 'onload' - delay only for animations triggered by first load + useDelay : 'always', + + // Change when an element is considered in the viewport. The default value + // of 0.20 means 20% of an element must be visible for its reveal to occur. + viewFactor : 0.2, + + // Pixel values that alter the container boundaries. + // e.g. Set `{ top: 48 }`, if you have a 48px tall fixed toolbar. + // -- + // Visual Aid: https://scrollrevealjs.org/assets/viewoffset.png + viewOffset : { top: 0, right: 0, bottom: 0, left: 0 }, + + // Callbacks that fire for each completed element reveal, and if + // `config.reset = true`, for each completed element reset. When creating your + // callbacks, remember they are passed the element’s DOM node that triggered + // it as the first argument. + afterReveal : function(domEl) {}, + afterReset : function(domEl) {} + }; + + + + function ScrollReveal(config) { + + // Support instantiation without the `new` keyword. + if (typeof this == 'undefined' || Object.getPrototypeOf(this) !== ScrollReveal.prototype) { + return new ScrollReveal(config) + } + + sr = this; // Save reference to instance. + sr.tools = new Tools(); // *required utilities + + if (sr.isSupported()) { + + sr.tools.extend(sr.defaults, config || {}); + + _resolveContainer(sr.defaults); + + sr.store = { + elements : {}, + containers : [] + }; + + sr.sequences = {}; + sr.history = []; + sr.uid = 0; + sr.initialized = false; + } + + // Note: IE9 only supports console if devtools are open. + else if (typeof console !== 'undefined' && console !== null) { + console.log('ScrollReveal is not supported in this browser.'); + } + + return sr + } + + + + /** + * Check if client supports CSS Transform and CSS Transition. + * @return {boolean} + */ + ScrollReveal.prototype.isSupported = function() { + var style = document.documentElement.style; + return 'WebkitTransition' in style && 'WebkitTransform' in style + || 'transition' in style && 'transform' in style + }; + + + + /** + * Creates a reveal set, a group of elements that will animate when they + * become visible. If [interval] is provided, a new sequence is created + * that will ensure elements reveal in the order they appear in the DOM. + * + * @param {string|Node} [selector] The element (node) or elements (selector) to animate. + * @param {Object} [config] Override the defaults for this reveal set. + * @param {number} [interval] Time between sequenced element animations (milliseconds). + * @param {boolean} [sync] Used internally when updating reveals for async content. + * + * @return {Object} The current ScrollReveal instance. + */ + ScrollReveal.prototype.reveal = function(selector, config, interval, sync) { + + var + container, + elements, + elem, + elemId, + sequence, + sequenceId; + + // Resolve container. + if (config && config.container) { + container = _resolveContainer(config); + } else { + container = sr.defaults.container; + } + + // Let’s check to see if a DOM node was passed in as the first argument, + // otherwise query the container for all elements matching the selector. + if (sr.tools.isNode(selector)) { + elements = [selector]; + } else { + elements = Array.prototype.slice.call(container.querySelectorAll(selector)); + } + + if (!elements.length) { + console.log('ScrollReveal: reveal on "'+ selector + '" failed, no elements found.'); + return sr + } + + // No custom configuration was passed, but a sequence interval instead. + // let’s shuffle things around to make sure everything works. + if (config && typeof config == 'number') { + interval = config; + config = {}; + } + + // Prepare a new sequence if an interval is passed. + if (interval && typeof interval == 'number') { + sequenceId = _nextUid(); + + sequence = sr.sequences[sequenceId] = { + id : sequenceId, + interval : interval, + elemIds : [], + active : false + } + } + + // Begin main loop to configure ScrollReveal elements. + for (var i = 0; i < elements.length; i++) { + + // Check if the element has already been configured and grab it from the store. + elemId = elements[i].getAttribute('data-sr-id'); + if (elemId) { + elem = sr.store.elements[elemId]; + } + + // Otherwise, let’s do some basic setup. + else { + elem = { + id : _nextUid(), + domEl : elements[i], + seen : false, + revealing : false + }; + elem.domEl.setAttribute('data-sr-id', elem.id); + } + + // Sequence only setup + if (sequence) { + + elem.sequence = { + id : sequence.id, + index : sequence.elemIds.length + }; + + sequence.elemIds.push(elem.id); + } + + // New or existing element, it’s time to update its configuration, styles, + // and send the updates to our store. + _configure(elem, config || {}); + _style(elem); + _updateStore(elem); + + // We need to make sure elements are set to visibility: visible, even when + // on mobile and `config.mobile == false`, or if unsupported. + if (sr.tools.isMobile() && !elem.config.mobile || !sr.isSupported()) { + elem.domEl.setAttribute('style', elem.styles.inline); + elem.disabled = true; + } + + // Otherwise, proceed normally. + else if (!elem.revealing) { + elem.domEl.setAttribute('style', + elem.styles.inline + + elem.styles.transform.initial + ); + } + } + + // Each `reveal()` is recorded so that when calling `sync()` while working + // with asynchronously loaded content, it can re-trace your steps but with + // all your new elements now in the DOM. + + // Since `reveal()` is called internally by `sync()`, we don’t want to + // record or intiialize each reveal during syncing. + if (!sync && sr.isSupported()) { + _record(selector, config); + + // We push initialization to the event queue using setTimeout, so that we can + // give ScrollReveal room to process all reveal calls before putting things into motion. + // -- + // Philip Roberts - What the heck is the event loop anyway? (JSConf EU 2014) + // https://www.youtube.com/watch?v=8aGhZQkoFbQ + if (sr.initTimeout) { + window.clearTimeout(sr.initTimeout); + } + sr.initTimeout = window.setTimeout(_init, 0); + } + + return sr + }; + + + + /** + * Re-runs `reveal()` for each record stored in history, effectively capturing + * any content loaded asynchronously that matches existing reveal set selectors. + * + * @return {Object} The current ScrollReveal instance. + */ + ScrollReveal.prototype.sync = function() { + if (sr.history.length && sr.isSupported()) { + for (var i = 0; i < sr.history.length; i++) { + var record = sr.history[i]; + sr.reveal(record.selector, record.config, record.interval, true); + }; + _init(); + } else { + console.log('ScrollReveal: sync failed, no reveals found.'); + } + return sr + }; + + + + /** + * Private Methods + * --------------- + * These methods remain accessible only to the ScrollReveal instance, even + * though they only "exist" during instantiation outside of the constructors scope. + * -- + * http://stackoverflow.com/questions/111102/how-do-javascript-closures-work + */ + + function _resolveContainer(config) { + var container = config.container; + + // Check if our container is defined by a selector. + if (container && typeof container == 'string') { + return config.container = window.document.querySelector(container); + } + + // Check if our container is defined by a node. + else if (container && !sr.tools.isNode(container)) { + console.log('ScrollReveal: Invalid container provided, using instead.'); + config.container = null; + } + + // Otherwise use by default. + if (container == null) { + config.container = window.document.documentElement; + } + + return config.container + } + + + + /** + * A consistent way of creating unique IDs. + * @returns {number} + */ + function _nextUid() { + return ++sr.uid; + } + + + + function _configure(elem, config) { + + // If the element hasn’t already been configured, let’s use a clone of the + // defaults extended by the configuration passed as the second argument. + if (!elem.config) { + elem.config = sr.tools.extendClone(sr.defaults, config); + } + + // Otherwise, let’s use a clone of the existing element configuration extended + // by the configuration passed as the second argument. + else { + elem.config = sr.tools.extendClone(elem.config, config); + } + + // Infer CSS Transform axis from origin string. + if (elem.config.origin === 'top' || elem.config.origin === 'bottom') { + elem.config.axis = 'Y'; + } else { + elem.config.axis = 'X'; + } + + // Let’s make sure our our pixel distances are negative for top and left. + // e.g. config.origin = 'top' and config.distance = '25px' starts at `top: -25px` in CSS. + if (elem.config.origin === 'top' || elem.config.origin === 'left') { + elem.config.distance = '-' + elem.config.distance; + } + } + + + + function _style(elem) { + var computed = window.getComputedStyle(elem.domEl); + + if (!elem.styles) { + elem.styles = { + transition : {}, + transform : {}, + computed : {} + }; + + // Capture any existing inline styles, and add our visibility override. + // -- + // See section 4.2. in the Documentation: + // https://github.com/jlmakes/scrollreveal.js#42-improve-user-experience + elem.styles.inline = elem.domEl.getAttribute('style') || ''; + elem.styles.inline += '; visibility: visible; '; + + // grab the elements existing opacity. + elem.styles.computed.opacity = computed.opacity; + + // grab the elements existing transitions. + if (!computed.transition || computed.transition == 'all 0s ease 0s') { + elem.styles.computed.transition = ''; + } else { + elem.styles.computed.transition = computed.transition + ', '; + } + } + + // Create transition styles + elem.styles.transition.instant = _generateTransition(elem, 0); + elem.styles.transition.delayed = _generateTransition(elem, elem.config.delay); + + // Generate transform styles, first with the webkit prefix. + elem.styles.transform.initial = ' -webkit-transform:'; + elem.styles.transform.target = ' -webkit-transform:'; + _generateTransform(elem); + + // And again without any prefix. + elem.styles.transform.initial += 'transform:'; + elem.styles.transform.target += 'transform:'; + _generateTransform(elem); + + } + + + + function _generateTransition(elem, delay) { + var config = elem.config; + + return '-webkit-transition: ' + elem.styles.computed.transition + + '-webkit-transform ' + config.duration / 1000 + 's ' + + config.easing + ' ' + + delay / 1000 + 's, opacity ' + + config.duration / 1000 + 's ' + + config.easing + ' ' + + delay / 1000 + 's; ' + + + 'transition: ' + elem.styles.computed.transition + + 'transform ' + config.duration / 1000 + 's ' + + config.easing + ' ' + + delay / 1000 + 's, opacity ' + + config.duration / 1000 + 's ' + + config.easing + ' ' + + delay / 1000 + 's; ' + } + + + + function _generateTransform(elem) { + var config = elem.config; + var transform = elem.styles.transform; + + if (parseInt(config.distance)) { + transform.initial += ' translate' + config.axis + '(' + config.distance + ')'; + transform.target += ' translate' + config.axis + '(0)'; + } + if (config.scale) { + transform.initial += ' scale(' + config.scale + ')'; + transform.target += ' scale(1)'; + } + if (config.rotate.x) { + transform.initial += ' rotateX(' + config.rotate.x + 'deg)'; + transform.target += ' rotateX(0)'; + } + if (config.rotate.y) { + transform.initial += ' rotateY(' + config.rotate.y + 'deg)'; + transform.target += ' rotateY(0)'; + } + if (config.rotate.z) { + transform.initial += ' rotateZ(' + config.rotate.z + 'deg)'; + transform.target += ' rotateZ(0)'; + } + transform.initial += '; opacity: ' + config.opacity + ';'; + transform.target += '; opacity: ' + elem.styles.computed.opacity + ';'; + } + + + + function _updateStore(elem) { + var container = elem.config.container; + + // If this element’s container isn’t already in the store, let’s add it. + if (container && sr.store.containers.indexOf(container) == -1) { + sr.store.containers.push(elem.config.container); + } + + // Update the element stored with our new element. + sr.store.elements[elem.id] = elem; + }; + + + + function _record(selector, config, interval) { + + // Save the `reveal()` arguments that triggered this `_record()` call, so we + // can re-trace our steps when calling the `sync()` method. + var record = { + selector : selector, + config : config, + interval : interval + }; + sr.history.push(record); + } + + + + function _init() { + if (sr.isSupported()) { + + // Initial animate call triggers valid reveal animations on first load. + // Subsequent animate calls are made inside the event handler. + _animate(); + + // Then we loop through all container nodes in the store and bind event + // listeners to each. + for (var i = 0; i < sr.store.containers.length; i++) { + sr.store.containers[i].addEventListener('scroll', _handler); + sr.store.containers[i].addEventListener('resize', _handler); + } + + // Let’s also do a one-time binding of window event listeners. + if (!sr.initialized) { + window.addEventListener('scroll', _handler); + window.addEventListener('resize', _handler); + sr.initialized = true; + } + } + return sr + } + + + + function _handler() { + _requestAnimationFrame(_animate); + } + + + + function _setActiveSequences() { + + var + active, + elem, + elemId, + sequence; + + // Loop through all sequences + sr.tools.forOwn(sr.sequences, function(sequenceId) { + sequence = sr.sequences[sequenceId]; + active = false; + + // For each sequenced elemenet, let’s check visibility and if + // any are visible, set it’s sequence to active. + for (var i = 0; i < sequence.elemIds.length; i++) { + elemId = sequence.elemIds[i] + elem = sr.store.elements[elemId]; + if (_isElemVisible(elem) && !active) { + active = true; + } + } + + sequence.active = active; + }); + } + + + + function _animate() { + + var + delayed, + elem; + + _setActiveSequences(); + + // Loop through all elements in the store + sr.tools.forOwn(sr.store.elements, function(elemId) { + + elem = sr.store.elements[elemId]; + delayed = _shouldUseDelay(elem); + + // Let’s see if we should reveal, and if so, whether to use delay. + if (_shouldReveal(elem)) { + if (delayed) { + elem.domEl.setAttribute('style', + elem.styles.inline + + elem.styles.transform.target + + elem.styles.transition.delayed + ); + } else { + elem.domEl.setAttribute('style', + elem.styles.inline + + elem.styles.transform.target + + elem.styles.transition.instant + ); + } + + // Let’s queue the `afterReveal` callback and tag the element. + _queueCallback('reveal', elem, delayed); + elem.revealing = true; + elem.seen = true; + + if (elem.sequence) { + _queueNextInSequence(elem, delayed); + } + } + + // If we got this far our element shouldn’t reveal, but should it reset? + else if (_shouldReset(elem)) { + elem.domEl.setAttribute('style', + elem.styles.inline + + elem.styles.transform.initial + + elem.styles.transition.instant + ); + _queueCallback('reset', elem); + elem.revealing = false; + } + }); + } + + + + /** + * Sequence callback that triggers the next element. + */ + function _queueNextInSequence(elem, delayed) { + + var + elapsed = 0, + delay = 0, + sequence = sr.sequences[elem.sequence.id]; + + // We’re processing a sequenced element, so let's block other elements in this sequence. + sequence.blocked = true; + + // Since we’re triggering animations a part of a sequence after animations on first load, + // we need to check for that condition and explicitly add the delay to our timer. + if (delayed && elem.config.useDelay == 'onload') { + delay = elem.config.delay; + } + + // If a sequence timer is already running, capture the elapsed time and clear it. + if (elem.sequence.timer) { + elapsed = Math.abs(elem.sequence.timer.started - new Date()); + window.clearTimeout(elem.sequence.timer); + } + + // Start a new timer. + elem.sequence.timer = { started: new Date() }; + elem.sequence.timer.clock = window.setTimeout(function() { + + // Sequence interval has passed, so unblock the sequence and re-run the handler. + sequence.blocked = false; + elem.sequence.timer = null; + _handler(); + + }, Math.abs(sequence.interval) + delay - elapsed); + } + + + + function _queueCallback(type, elem, delayed) { + + var + elapsed = 0, + duration = 0, + callback = 'after'; + + // Check which callback we’re working with. + switch (type) { + + case 'reveal': + duration = elem.config.duration; + if (delayed) { + duration += elem.config.delay; + } + callback += 'Reveal'; + break + + case 'reset': + duration = elem.config.duration; + callback += 'Reset'; + break + } + + // If a timer is already running, capture the elapsed time and clear it. + if (elem.timer) { + elapsed = Math.abs(elem.timer.started - new Date()); + window.clearTimeout(elem.timer.clock); + } + + // Start a new timer. + elem.timer = { started: new Date() }; + elem.timer.clock = window.setTimeout(function() { + + // The timer completed, so let’s fire the callback and null the timer. + elem.config[callback](elem.domEl); + elem.timer = null; + + }, duration - elapsed); + } + + + + function _shouldReveal(elem) { + if (elem.sequence) { + var sequence = sr.sequences[elem.sequence.id]; + return sequence.active + && !sequence.blocked + && !elem.revealing + && !elem.disabled + } + return _isElemVisible(elem) + && !elem.revealing + && !elem.disabled + } + + + + function _shouldUseDelay(elem) { + var config = elem.config.useDelay; + return config === 'always' + || (config === 'onload' && !sr.initialized) + || (config === 'once' && !elem.seen) + } + + + + function _shouldReset(elem) { + if (elem.sequence) { + var sequence = sr.sequences[elem.sequence.id]; + return !sequence.active + && elem.config.reset + && elem.revealing + && !elem.disabled + } + return !_isElemVisible(elem) + && elem.config.reset + && elem.revealing + && !elem.disabled + } + + + + function _getContainer(container) { + return { + width : container.clientWidth, + height : container.clientHeight + } + } + + + + function _getScrolled(container) { + + // Return the container scroll values, plus the its offset. + if (container && container !== window.document.documentElement) { + var offset = _getOffset(container); + return { + x : container.scrollLeft + offset.left, + y : container.scrollTop + offset.top + } + } + + // Otherwise, default to the window object’s scroll values. + else { + return { + x : window.pageXOffset, + y : window.pageYOffset + } + } + } + + + + function _getOffset(domEl) { + + var + offsetTop = 0, + offsetLeft = 0, + + // Grab the element’s dimensions. + offsetHeight = domEl.offsetHeight, + offsetWidth = domEl.offsetWidth; + + // Now calculate the distance between the element and its parent, then + // again for the parent to its parent, and again etc... until we have the + // total distance of the element to the document’s top and left origin. + do { + if (!isNaN(domEl.offsetTop)) { + offsetTop += domEl.offsetTop; + } + if (!isNaN(domEl.offsetLeft)) { + offsetLeft += domEl.offsetLeft; + } + } while (domEl = domEl.offsetParent); + + return { + top : offsetTop, + left : offsetLeft, + height : offsetHeight, + width : offsetWidth + } + } + + + + function _isElemVisible(elem) { + + var + offset = _getOffset(elem.domEl), + container = _getContainer(elem.config.container), + scrolled = _getScrolled(elem.config.container), + vF = elem.config.viewFactor, + + // Define the element geometry. + elemHeight = offset.height, + elemWidth = offset.width, + elemTop = offset.top, + elemLeft = offset.left, + elemBottom = elemTop + elemHeight, + elemRight = elemLeft + elemWidth; + + return confirmBounds() || isPositionFixed() + + function confirmBounds() { + + var + // Define the element’s functional boundaries using its view factor. + top = elemTop + elemHeight * vF, + left = elemLeft + elemWidth * vF, + bottom = elemBottom - elemHeight * vF, + right = elemRight - elemWidth * vF, + + // Define the container functional boundaries using its view offset. + viewTop = scrolled.y + elem.config.viewOffset.top, + viewLeft = scrolled.x + elem.config.viewOffset.left, + viewBottom = scrolled.y - elem.config.viewOffset.bottom + container.height, + viewRight = scrolled.x - elem.config.viewOffset.right + container.width; + + return top < viewBottom + && bottom > viewTop + && left > viewLeft + && right < viewRight + } + + function isPositionFixed() { + return (window.getComputedStyle(elem.domEl).position === 'fixed') + } + } + + + + return ScrollReveal + + })(); + + + /** + * helper.tools.js + * --------------- + * Simple deep object extend, and a few other agnostic helper methods. + * gist: https://gist.github.com/jlmakes/9f104e3f1b4d86334987 + */ + + Tools = (function() { + + Tools.prototype.isObject = function(object) { + return object !== null && typeof object === 'object' && object.constructor == Object + }; + + Tools.prototype.isNode = function(object) { + return typeof Node === 'object' + ? object instanceof Node + : object && typeof object === 'object' + && typeof object.nodeType === 'number' + && typeof object.nodeName === 'string' + }; + + Tools.prototype.forOwn = function(object, callback) { + if (!this.isObject(object)) { + throw new TypeError('Expected "object", but received "' + typeof object + '".'); + } else { + for (var property in object) { + if (object.hasOwnProperty(property)) { + callback(property); + } + } + } + }; + + Tools.prototype.extend = function(target, source) { + this.forOwn(source, function(property) { + if (this.isObject(source[property])) { + if (!target[property] || !this.isObject(target[property])) { + target[property] = {}; + } + this.extend(target[property], source[property]); + } else { + target[property] = source[property]; + } + }.bind(this)); + return target + }; + + Tools.prototype.extendClone = function(target, source) { + return this.extend(this.extend({}, target), source) + }; + + Tools.prototype.isMobile = function() { + return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) + }; + + function Tools() {}; + return Tools + + })(); + + + + _requestAnimationFrame = window.requestAnimationFrame || + window.webkitRequestAnimationFrame || + window.mozRequestAnimationFrame; + + + +}).call(this); + +return this.ScrollReveal; + +})); diff --git a/app/vendor/scrollreveal/scrollreveal.min.js b/app/vendor/scrollreveal/scrollreveal.min.js new file mode 100644 index 0000000..4adb29f --- /dev/null +++ b/app/vendor/scrollreveal/scrollreveal.min.js @@ -0,0 +1 @@ +!function(e,t){"function"==typeof define&&define.amd?define(t):"object"==typeof exports?module.exports=t(require,exports,module):e.ScrollReveal=t()}(this,function(e,t,n){return function(){"use strict";var e,t,n;this.ScrollReveal=function(){function i(n){return"undefined"==typeof this||Object.getPrototypeOf(this)!==i.prototype?new i(n):(e=this,e.tools=new t,e.isSupported()?(e.tools.extend(e.defaults,n||{}),o(e.defaults),e.store={elements:{},containers:[]},e.sequences={},e.history=[],e.uid=0,e.initialized=!1):"undefined"!=typeof console&&null!==console,e)}function o(t){var n=t.container;return n&&"string"==typeof n?t.container=window.document.querySelector(n):(n&&!e.tools.isNode(n)&&(t.container=null),null==n&&(t.container=window.document.documentElement),t.container)}function r(){return++e.uid}function s(t,n){t.config?t.config=e.tools.extendClone(t.config,n):t.config=e.tools.extendClone(e.defaults,n),"top"===t.config.origin||"bottom"===t.config.origin?t.config.axis="Y":t.config.axis="X","top"!==t.config.origin&&"left"!==t.config.origin||(t.config.distance="-"+t.config.distance)}function a(e){var t=window.getComputedStyle(e.domEl);e.styles||(e.styles={transition:{},transform:{},computed:{}},e.styles.inline=e.domEl.getAttribute("style")||"",e.styles.inline+="; visibility: visible; ",e.styles.computed.opacity=t.opacity,t.transition&&"all 0s ease 0s"!=t.transition?e.styles.computed.transition=t.transition+", ":e.styles.computed.transition=""),e.styles.transition.instant=l(e,0),e.styles.transition.delayed=l(e,e.config.delay),e.styles.transform.initial=" -webkit-transform:",e.styles.transform.target=" -webkit-transform:",c(e),e.styles.transform.initial+="transform:",e.styles.transform.target+="transform:",c(e)}function l(e,t){var n=e.config;return"-webkit-transition: "+e.styles.computed.transition+"-webkit-transform "+n.duration/1e3+"s "+n.easing+" "+t/1e3+"s, opacity "+n.duration/1e3+"s "+n.easing+" "+t/1e3+"s; transition: "+e.styles.computed.transition+"transform "+n.duration/1e3+"s "+n.easing+" "+t/1e3+"s, opacity "+n.duration/1e3+"s "+n.easing+" "+t/1e3+"s; "}function c(e){var t=e.config,n=e.styles.transform;parseInt(t.distance)&&(n.initial+=" translate"+t.axis+"("+t.distance+")",n.target+=" translate"+t.axis+"(0)"),t.scale&&(n.initial+=" scale("+t.scale+")",n.target+=" scale(1)"),t.rotate.x&&(n.initial+=" rotateX("+t.rotate.x+"deg)",n.target+=" rotateX(0)"),t.rotate.y&&(n.initial+=" rotateY("+t.rotate.y+"deg)",n.target+=" rotateY(0)"),t.rotate.z&&(n.initial+=" rotateZ("+t.rotate.z+"deg)",n.target+=" rotateZ(0)"),n.initial+="; opacity: "+t.opacity+";",n.target+="; opacity: "+e.styles.computed.opacity+";"}function f(t){var n=t.config.container;n&&-1==e.store.containers.indexOf(n)&&e.store.containers.push(t.config.container),e.store.elements[t.id]=t}function u(t,n,i){var o={selector:t,config:n,interval:i};e.history.push(o)}function d(){if(e.isSupported()){p();for(var t=0;tt&&i>m&&n>p&&w>y}function n(){return"fixed"===window.getComputedStyle(e.domEl).position}var i=E(e.domEl),o=x(e.config.container),r=q(e.config.container),s=e.config.viewFactor,a=i.height,l=i.width,c=i.top,f=i.left,u=c+a,d=f+l;return t()||n()}return i.prototype.defaults={origin:"bottom",distance:"20px",duration:500,delay:0,rotate:{x:0,y:0,z:0},opacity:0,scale:.9,easing:"cubic-bezier(0.6, 0.2, 0.1, 1)",container:null,mobile:!0,reset:!1,useDelay:"always",viewFactor:.2,viewOffset:{top:0,right:0,bottom:0,left:0},afterReveal:function(e){},afterReset:function(e){}},i.prototype.isSupported=function(){var e=document.documentElement.style;return"WebkitTransition"in e&&"WebkitTransform"in e||"transition"in e&&"transform"in e},i.prototype.reveal=function(t,n,i,l){var c,y,m,p,g,w;if(c=n&&n.container?o(n):e.defaults.container,y=e.tools.isNode(t)?[t]:Array.prototype.slice.call(c.querySelectorAll(t)),!y.length)return e;n&&"number"==typeof n&&(i=n,n={}),i&&"number"==typeof i&&(w=r(),g=e.sequences[w]={id:w,interval:i,elemIds:[],active:!1});for(var v=0;vThis is the about view.

diff --git a/app/views/main.html b/app/views/main.html new file mode 100644 index 0000000..787f33e --- /dev/null +++ b/app/views/main.html @@ -0,0 +1,23 @@ +

'Allo, 'Allo!

+ I'm Yeoman
+ Always a pleasure scaffolding your apps. +

Splendid!

+ +

HTML5 Boilerplate

+ HTML5 Boilerplate is a professional front-end template for building fast, robust, and adaptable web apps or sites. +

+ +

Angular

+ AngularJS is a toolset for building the framework most suited to your application development. +

+ +

Karma

Spectacular Test Runner for JavaScript.

diff --git a/bower.json b/bower.json new file mode 100644 index 0000000..ac2108e --- /dev/null +++ b/bower.json @@ -0,0 +1,28 @@ +{ + "name": "monarch-living", + "version": "0.0.0", + "dependencies": { + "angular": "^1.4.0", + "bootstrap": "^3.2.0", + "angular-animate": "^1.4.0", + "angular-cookies": "^1.4.0", + "angular-resource": "^1.4.0", + "angular-route": "^1.4.0", + "angular-sanitize": "^1.4.0", + "angular-touch": "^1.4.0" + }, + "devDependencies": { + "angular-mocks": "^1.4.0" + }, + "appPath": "app", + "moduleName": "monarchLivingApp", + "overrides": { + "bootstrap": { + "main": [ + "less/bootstrap.less", + "dist/css/bootstrap.css", + "dist/js/bootstrap.js" + ] + } + } +} diff --git a/gulpfile.js b/gulpfile.js new file mode 100644 index 0000000..218f441 --- /dev/null +++ b/gulpfile.js @@ -0,0 +1,200 @@ +// Generated on 2016-11-18 using generator-angular 0.15.1 +'use strict'; + +var gulp = require('gulp'); +var $ = require('gulp-load-plugins')(); +var openURL = require('open'); +var lazypipe = require('lazypipe'); +var rimraf = require('rimraf'); +var wiredep = require('wiredep').stream; +var runSequence = require('run-sequence'); + +var yeoman = { + app: require('./bower.json').appPath || 'app', + dist: 'dist' +}; + +var paths = { + scripts: [yeoman.app + '/scripts/**/*.js'], + styles: [yeoman.app + '/styles/**/*.css'], + test: ['test/spec/**/*.js'], + testRequire: [ + yeoman.app + '/bower_components/angular/angular.js', + yeoman.app + '/bower_components/angular-mocks/angular-mocks.js', + yeoman.app + '/bower_components/angular-resource/angular-resource.js', + yeoman.app + '/bower_components/angular-cookies/angular-cookies.js', + yeoman.app + '/bower_components/angular-sanitize/angular-sanitize.js', + yeoman.app + '/bower_components/angular-route/angular-route.js', + 'test/mock/**/*.js', + 'test/spec/**/*.js' + ], + karma: 'karma.conf.js', + views: { + main: yeoman.app + '/index.html', + files: [yeoman.app + '/views/**/*.html'] + } +}; + +//////////////////////// +// Reusable pipelines // +//////////////////////// + +var lintScripts = lazypipe() + .pipe($.jshint, '.jshintrc') + .pipe($.jshint.reporter, 'jshint-stylish'); + +var styles = lazypipe() + .pipe($.autoprefixer, 'last 1 version') + .pipe(gulp.dest, '.tmp/styles'); + +/////////// +// Tasks // +/////////// + +gulp.task('styles', function () { + return gulp.src(paths.styles) + .pipe(styles()); +}); + +gulp.task('lint:scripts', function () { + return gulp.src(paths.scripts) + .pipe(lintScripts()); +}); + +gulp.task('clean:tmp', function (cb) { + rimraf('./.tmp', cb); +}); + +gulp.task('start:client', ['start:server', 'styles'], function () { + openURL('http://localhost:9000'); +}); + +gulp.task('start:server', function() { + $.connect.server({ + root: [yeoman.app, '.tmp'], + livereload: true, + // Change this to '0.0.0.0' to access the server from outside. + port: 9000 + }); +}); + +gulp.task('start:server:test', function() { + $.connect.server({ + root: ['test', yeoman.app, '.tmp'], + livereload: true, + port: 9001 + }); +}); + +gulp.task('watch', function () { + $.watch(paths.styles) + .pipe($.plumber()) + .pipe(styles()) + .pipe($.connect.reload()); + + $.watch(paths.views.files) + .pipe($.plumber()) + .pipe($.connect.reload()); + + $.watch(paths.scripts) + .pipe($.plumber()) + .pipe(lintScripts()) + .pipe($.connect.reload()); + + $.watch(paths.test) + .pipe($.plumber()) + .pipe(lintScripts()); + + gulp.watch('bower.json', ['bower']); +}); + +gulp.task('serve', function (cb) { + runSequence('clean:tmp', + ['lint:scripts'], + ['start:client'], + 'watch', cb); +}); + +gulp.task('serve:prod', function() { + $.connect.server({ + root: [yeoman.dist], + livereload: true, + port: 9000 + }); +}); + +gulp.task('test', ['start:server:test'], function () { + var testToFiles = paths.testRequire.concat(paths.scripts, paths.test); + return gulp.src(testToFiles) + .pipe($.karma({ + configFile: paths.karma, + action: 'watch' + })); +}); + +// inject bower components +gulp.task('bower', function () { + return gulp.src(paths.views.main) + .pipe(wiredep({ + directory: yeoman.app + '/bower_components', + ignorePath: '..' + })) + .pipe(gulp.dest(yeoman.app + '/views')); +}); + +/////////// +// Build // +/////////// + +gulp.task('clean:dist', function (cb) { + rimraf('./dist', cb); +}); + +gulp.task('client:build', ['html', 'styles'], function () { + var jsFilter = $.filter('**/*.js'); + var cssFilter = $.filter('**/*.css'); + + return gulp.src(paths.views.main) + .pipe($.useref({searchPath: [yeoman.app, '.tmp']})) + .pipe(jsFilter) + .pipe($.ngAnnotate()) + .pipe($.uglify()) + .pipe(jsFilter.restore()) + .pipe(cssFilter) + .pipe($.minifyCss({cache: true})) + .pipe(cssFilter.restore()) + .pipe($.rev()) + .pipe($.revReplace()) + .pipe(gulp.dest(yeoman.dist)); +}); + +gulp.task('html', function () { + return gulp.src(yeoman.app + '/views/**/*') + .pipe(gulp.dest(yeoman.dist + '/views')); +}); + +gulp.task('images', function () { + return gulp.src(yeoman.app + '/images/**/*') + .pipe($.cache($.imagemin({ + optimizationLevel: 5, + progressive: true, + interlaced: true + }))) + .pipe(gulp.dest(yeoman.dist + '/images')); +}); + +gulp.task('copy:extras', function () { + return gulp.src(yeoman.app + '/*/.*', { dot: true }) + .pipe(gulp.dest(yeoman.dist)); +}); + +gulp.task('copy:fonts', function () { + return gulp.src(yeoman.app + '/fonts/**/*') + .pipe(gulp.dest(yeoman.dist + '/fonts')); +}); + +gulp.task('build', ['clean:dist'], function () { + runSequence(['images', 'copy:extras', 'copy:fonts', 'client:build']); +}); + +gulp.task('default', ['build']); diff --git a/package.json b/package.json new file mode 100644 index 0000000..62fd352 --- /dev/null +++ b/package.json @@ -0,0 +1,41 @@ +{ + "name": "monarchliving", + "private": true, + "devDependencies": { + "gulp": "^3.9.0", + "gulp-autoprefixer": "2.3.1", + "gulp-cache": "^0.2.10", + "gulp-connect": "^2.2.0", + "gulp-filter": "^2.0.2", + "gulp-imagemin": "^2.3.0", + "gulp-jshint": "^1.11.1", + "gulp-karma": "0.0.4", + "gulp-load-plugins": "^0.10.0", + "gulp-minify-css": "^1.2.0", + "gulp-ng-annotate": "^1.0.0", + "gulp-plumber": "^1.0.1", + "gulp-rev": "^5.0.1", + "gulp-rev-replace": "^0.4.2", + "gulp-uglify": "^1.2.0", + "gulp-useref": "^3.0.0", + "gulp-util": "^3.0.6", + "gulp-watch": "^4.2.4", + "jasmine-core": "^2.5.2", + "jshint-stylish": "^1.0.0", + "karma": "^1.3.0", + "karma-jasmine": "^1.0.2", + "karma-phantomjs-launcher": "^1.0.2", + "lazypipe": "^0.2.4", + "open": "0.0.5", + "phantomjs-prebuilt": "^2.1.13", + "rimraf": "^2.4.0", + "run-sequence": "^1.1.1", + "wiredep": "^2.2.2" + }, + "engines": { + "node": ">=0.10.0" + }, + "scripts": { + "test": "karma start test/karma.conf.js" + } +} diff --git a/test/.jshintrc b/test/.jshintrc new file mode 100644 index 0000000..b2ce4ef --- /dev/null +++ b/test/.jshintrc @@ -0,0 +1,18 @@ +{ + "bitwise": true, + "browser": true, + "curly": true, + "eqeqeq": true, + "esnext": true, + "jasmine": true, + "latedef": true, + "noarg": true, + "node": true, + "strict": true, + "undef": true, + "unused": true, + "globals": { + "angular": false, + "inject": false + } +} diff --git a/test/karma.conf.js b/test/karma.conf.js new file mode 100644 index 0000000..845a3ce --- /dev/null +++ b/test/karma.conf.js @@ -0,0 +1,71 @@ +// Karma configuration +// Generated on 2016-11-18 + +module.exports = function(config) { + 'use strict'; + + config.set({ + // enable / disable watching file and executing tests whenever any file changes + autoWatch: true, + + // base path, that will be used to resolve files and exclude + basePath: '../', + + // testing framework to use (jasmine/mocha/qunit/...) + // as well as any additional frameworks (requirejs/chai/sinon/...) + frameworks: [ + 'jasmine' + ], + + // list of files / patterns to load in the browser + files: [ + // bower:js + // endbower + 'app/scripts/**/*.js', + 'test/mock/**/*.js', + 'test/spec/**/*.js' + ], + + // list of files / patterns to exclude + exclude: [ + ], + + // web server port + port: 8080, + + // Start these browsers, currently available: + // - Chrome + // - ChromeCanary + // - Firefox + // - Opera + // - Safari (only Mac) + // - PhantomJS + // - IE (only Windows) + browsers: [ + 'PhantomJS' + ], + + // Which plugins to enable + plugins: [ + 'karma-phantomjs-launcher', + 'karma-jasmine' + ], + + // Continuous Integration mode + // if true, it capture browsers, run tests and exit + singleRun: false, + + colors: true, + + // level of logging + // possible values: LOG_DISABLE || LOG_ERROR || LOG_WARN || LOG_INFO || LOG_DEBUG + logLevel: config.LOG_INFO, + + // Uncomment the following lines if you are using grunt's server to run the tests + // proxies: { + // '/': 'http://localhost:9000/' + // }, + // URL root prevent conflicts with the site root + // urlRoot: '_karma_' + }); +}; diff --git a/test/spec/controllers/about.js b/test/spec/controllers/about.js new file mode 100644 index 0000000..4aa959f --- /dev/null +++ b/test/spec/controllers/about.js @@ -0,0 +1,23 @@ +'use strict'; + +describe('Controller: AboutCtrl', function () { + + // load the controller's module + beforeEach(module('monarchLivingApp')); + + var AboutCtrl, + scope; + + // Initialize the controller and a mock scope + beforeEach(inject(function ($controller, $rootScope) { + scope = $rootScope.$new(); + AboutCtrl = $controller('AboutCtrl', { + $scope: scope + // place here mocked dependencies + }); + })); + + it('should attach a list of awesomeThings to the scope', function () { + expect(AboutCtrl.awesomeThings.length).toBe(3); + }); +}); diff --git a/test/spec/controllers/main.js b/test/spec/controllers/main.js new file mode 100644 index 0000000..66436d3 --- /dev/null +++ b/test/spec/controllers/main.js @@ -0,0 +1,23 @@ +'use strict'; + +describe('Controller: MainCtrl', function () { + + // load the controller's module + beforeEach(module('monarchLivingApp')); + + var MainCtrl, + scope; + + // Initialize the controller and a mock scope + beforeEach(inject(function ($controller, $rootScope) { + scope = $rootScope.$new(); + MainCtrl = $controller('MainCtrl', { + $scope: scope + // place here mocked dependencies + }); + })); + + it('should attach a list of awesomeThings to the scope', function () { + expect(MainCtrl.awesomeThings.length).toBe(3); + }); +});

Not found :(

Let's Get In Touch!

'Allo, 'Allo!

HTML5 Boilerplate

Angular

Karma