survivalkit 0.3.2 → 0.3.3

data/lib/survivalkit.rb

@@ -3,7 +3,7 @@ Compass::Frameworks.register("survivalkit", :path => "#{File.dirname(__FILE__)}/
 
 module SurvivalKit
 
-  VERSION = "0.3.2"
+  VERSION = "0.3.3"
   DATE = "2012-05-22"
 
 end

data/templates/drupal/ie.sass

@@ -0,0 +1,3 @@
+/* FALLBACK STYLES FOR IE
+// work on your styles in the same directories as your other files
+@import partials/11-browser-adjustments/ie

data/templates/drupal/kit/kit-source.jquery.js

@@ -0,0 +1,99 @@
+/*global jQuery */
+/*!
+* Crawl the elements page and show example source code
+*/
+(function($){
+  $('article.element .markup').wrap('<div class="example">');
+  $('article.element .markup').each(function(){
+    var thisHTML = $(this).html().replace('</textarea>', '&lt;/textarea&gt;');
+    $(this).after('<div class="show-source"><div class="show-hide">show source</div><textarea class="show-source-textarea">'+ thisHTML +'</textarea></div>');
+    $(this).find('+ .show-source textarea.show-source-textarea').height($(this).height()).css('min-height', '100px').hide();
+    $(this).find('+ .show-source .show-hide').toggle(function(){
+      $(this).html('hide source');
+      $(this).find('+ textarea.show-source-textarea').slideDown();
+    }, function(){
+      $(this).html('show source');
+      $(this).find('+ textarea.show-source-textarea').slideUp();
+    });
+  });
+})(jQuery);
+
+/*!
+* Create submenus based on the available sections
+*/
+(function($){
+  if($sectionNav = $('nav.section-nav')) {
+    $sectionNav.append('<h3>Jump to a section</h3>')
+      .append('<div class="section-menus"></div>')
+      .find('h3').toggle(
+        function(){
+          $(this).siblings().slideDown();
+        },
+        function(){
+          $(this).siblings().slideUp();
+        }
+      );
+    $sectionMenus = $sectionNav.find('.section-menus').hide();
+    $('.element-group').each(function(index) {
+      $sectionMenus.append('<h4>' + $(this).find('.section-title').text().trim() + ': </h4>');
+      $thisUL = $sectionMenus.append('<ul>').find('ul').last();
+      $(this).find('article.element').each(function(index) {
+        $thisID = $(this).attr('id');
+        $thisUL.append('<li><a href="#' + $thisID + '">' + $thisID + '</a></li>');
+      });
+    });
+  }
+})(jQuery);
+
+
+/*!
+* Collapse markup sections
+*/
+(function($){
+  $('article.element').find('.element-title').append('<a href="#" class="fold-article fold-article-open">☒</a>');
+  $('.fold-article-close').toggle(
+    function() {
+      $(this).parents('.element').addClass('closed');
+      $(this).parent().siblings().slideUp();
+      $(this).html('☑').removeClass('fold-article-close').addClass('fold-article-open');
+    },
+    function() {
+      $(this).parents('.element').removeClass('closed');
+      $(this).parent().siblings().slideDown();
+      $(this).html('☒').removeClass('fold-article-open').addClass('fold-article-close');
+    }
+  );
+  $('.fold-article-open').toggle(
+    function() {
+      $(this).parents('.element').removeClass('closed');
+      $(this).parent().siblings().slideDown();
+      $(this).html('☒').removeClass('fold-article-open').addClass('fold-article-close');
+    },
+    function() {
+      $(this).parents('.element').addClass('closed');
+      $(this).parent().siblings().slideUp();
+      $(this).html('☑').removeClass('fold-article-close').addClass('fold-article-open');
+    }
+  );
+  // element groups
+  $('.section-title').append('<a href="#" class="fold-section fold-section-close">☒</a>');
+  $('.fold-section').toggle(
+    function() {
+      $(this).parent().siblings('.element').addClass('closed').children(':not(.element-title)').slideUp().end().find('.element-title').find('.fold-article').html('☑');
+      $(this).html('☑').removeClass('fold-section-close').addClass('fold-section-open');
+    },
+    function() {
+      $(this).parent().siblings('.element').removeClass('closed').children().slideDown().end().find('.element-title').find('.fold-article').html('☒');
+      $(this).html('☒').removeClass('fold-section-open').addClass('fold-section-close');
+    }
+  );
+})(jQuery);
+
+
+/*!
+* back to top links
+*/
+(function($){
+  $('article.element').find('.element-title').append('<a href="#" class="back-to-top">top</a>');
+  $('.section-title').append('<a href="#" class="back-to-top">top</a>');
+})(jQuery);

data/templates/drupal/libs/320-up/helper.js

@@ -0,0 +1,146 @@
+/*
+ * MBP - Mobile boilerplate helper functions
+ */
+(function(document){
+
+window.MBP = window.MBP || {};
+
+// Fix for iPhone viewport scale bug
+// http://www.blog.highub.com/mobile-2/a-fix-for-iphone-viewport-scale-bug/
+
+MBP.viewportmeta = document.querySelector && document.querySelector('meta[name="viewport"]');
+MBP.ua = navigator.userAgent;
+
+MBP.scaleFix = function () {
+  if (MBP.viewportmeta && /iPhone|iPad/.test(MBP.ua) && !/Opera Mini/.test(MBP.ua)) {
+    MBP.viewportmeta.content = "width=device-width, minimum-scale=1.0, maximum-scale=1.0";
+    document.addEventListener("gesturestart", MBP.gestureStart, false);
+  }
+};
+MBP.gestureStart = function () {
+    MBP.viewportmeta.content = "width=device-width, minimum-scale=0.25, maximum-scale=1.6";
+};
+
+
+// Hide URL Bar for iOS
+// http://remysharp.com/2010/08/05/doing-it-right-skipping-the-iphone-url-bar/
+
+MBP.hideUrlBar = function () {
+    /iPhone/.test(MBP.ua) && !pageYOffset && !location.hash && setTimeout(function () {
+      window.scrollTo(0, 1);
+    }, 1000);
+};
+
+
+// Fast Buttons - read wiki below before using
+// https://github.com/shichuan/mobile-html5-boilerplate/wiki/JavaScript-Helper
+
+MBP.fastButton = function (element, handler) {
+    this.element = element;
+    this.handler = handler;
+    if (element.addEventListener) {
+      element.addEventListener('touchstart', this, false);
+      element.addEventListener('click', this, false);
+    }
+};
+
+MBP.fastButton.prototype.handleEvent = function(event) {
+    switch (event.type) {
+        case 'touchstart': this.onTouchStart(event); break;
+        case 'touchmove': this.onTouchMove(event); break;
+        case 'touchend': this.onClick(event); break;
+        case 'click': this.onClick(event); break;
+    }
+};
+
+MBP.fastButton.prototype.onTouchStart = function(event) {
+    event.stopPropagation();
+    this.element.addEventListener('touchend', this, false);
+    document.body.addEventListener('touchmove', this, false);
+    this.startX = event.touches[0].clientX;
+    this.startY = event.touches[0].clientY;
+    this.element.style.backgroundColor = "rgba(0,0,0,.7)";
+};
+
+MBP.fastButton.prototype.onTouchMove = function(event) {
+    if(Math.abs(event.touches[0].clientX - this.startX) > 10 || Math.abs(event.touches[0].clientY - this.startY) > 10) {
+        this.reset();
+    }
+};
+
+MBP.fastButton.prototype.onClick = function(event) {
+    event.stopPropagation();
+    this.reset();
+    this.handler(event);
+    if(event.type == 'touchend') {
+        MBP.preventGhostClick(this.startX, this.startY);
+    }
+    this.element.style.backgroundColor = "";
+};
+
+MBP.fastButton.prototype.reset = function() {
+    this.element.removeEventListener('touchend', this, false);
+    document.body.removeEventListener('touchmove', this, false);
+    this.element.style.backgroundColor = "";
+};
+
+MBP.preventGhostClick = function (x, y) {
+    MBP.coords.push(x, y);
+    window.setTimeout(function (){
+        MBP.coords.splice(0, 2);
+    }, 2500);
+};
+
+MBP.ghostClickHandler = function (event) {
+    for(var i = 0, len = MBP.coords.length; i < len; i += 2) {
+        var x = MBP.coords[i];
+        var y = MBP.coords[i + 1];
+        if(Math.abs(event.clientX - x) < 25 && Math.abs(event.clientY - y) < 25) {
+            event.stopPropagation();
+            event.preventDefault();
+        }
+    }
+};
+
+if (document.addEventListener) {
+    document.addEventListener('click', MBP.ghostClickHandler, true);
+}
+
+MBP.coords = [];
+
+
+// iOS Startup Image
+// https://github.com/shichuan/mobile-html5-boilerplate/issues#issue/2
+
+MBP.splash = function () {
+    var filename = navigator.platform === 'iPad' ? 'h/' : 'l/';
+    document.write('<link rel="apple-touch-startup-image" href="/img/' + filename + 'splash.png" />' );
+};
+
+
+// Autogrow
+// http://googlecode.blogspot.com/2009/07/gmail-for-mobile-html5-series.html
+
+MBP.autogrow = function (element, lh) {
+
+    function handler(e){
+        var newHeight = this.scrollHeight,
+            currentHeight = this.clientHeight;
+        if (newHeight > currentHeight) {
+            this.style.height = newHeight + 3 * textLineHeight + "px";
+        }
+    }
+
+    var setLineHeight = (lh) ? lh : 12,
+        textLineHeight = element.currentStyle ? element.currentStyle.lineHeight :
+                         getComputedStyle(element, null).lineHeight;
+
+    textLineHeight = (textLineHeight.indexOf("px") == -1) ? setLineHeight :
+                     parseInt(textLineHeight, 10);
+
+    element.style.overflow = "hidden";
+    element.addEventListener ? element.addEventListener('keyup', handler, false) :
+                               element.attachEvent('onkeyup', handler);
+};
+
+})(document);

data/templates/drupal/libs/320-up/imgSizer.js

@@ -0,0 +1,61 @@
+var imgSizer = {
+  Config : {
+    imgCache : []
+    ,spacer : "/path/to/your/spacer.gif"
+  }
+
+  ,collate : function(aScope) {
+    var isOldIE = (document.all && !window.opera && !window.XDomainRequest) ? 1 : 0;
+    if (isOldIE && document.getElementsByTagName) {
+      var c = imgSizer;
+      var imgCache = c.Config.imgCache;
+
+      var images = (aScope && aScope.length) ? aScope : document.getElementsByTagName("img");
+      for (var i = 0; i < images.length; i++) {
+        images[i].origWidth = images[i].offsetWidth;
+        images[i].origHeight = images[i].offsetHeight;
+
+        imgCache.push(images[i]);
+        c.ieAlpha(images[i]);
+        images[i].style.width = "100%";
+      }
+
+      if (imgCache.length) {
+        c.resize(function() {
+          for (var i = 0; i < imgCache.length; i++) {
+            var ratio = (imgCache[i].offsetWidth / imgCache[i].origWidth);
+            imgCache[i].style.height = (imgCache[i].origHeight * ratio) + "px";
+          }
+        });
+      }
+    }
+  }
+
+  ,ieAlpha : function(img) {
+    var c = imgSizer;
+    if (img.oldSrc) {
+      img.src = img.oldSrc;
+    }
+    var src = img.src;
+    img.style.width = img.offsetWidth + "px";
+    img.style.height = img.offsetHeight + "px";
+    img.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + src + "', sizingMethod='scale')"
+    img.oldSrc = src;
+    img.src = c.Config.spacer;
+  }
+
+  // Ghettomodified version of Simon Willison's addLoadEvent() -- http://simonwillison.net/2004/May/26/addLoadEvent/
+  ,resize : function(func) {
+    var oldonresize = window.onresize;
+    if (typeof window.onresize != 'function') {
+      window.onresize = func;
+    } else {
+      window.onresize = function() {
+        if (oldonresize) {
+          oldonresize();
+        }
+        func();
+      }
+    }
+  }
+}

data/templates/drupal/libs/dd_belatedpng.js

@@ -0,0 +1,13 @@
+/**
+* DD_belatedPNG: Adds IE6 support: PNG images for CSS background-image and HTML <IMG/>.
+* Author: Drew Diller
+* Email: drew.diller@gmail.com
+* URL: http://www.dillerdesign.com/experiment/DD_belatedPNG/
+* Version: 0.0.8a
+* Licensed under the MIT License: http://dillerdesign.com/experiment/DD_belatedPNG/#license
+*
+* Example usage:
+* DD_belatedPNG.fix('.png_bg'); // argument is a CSS selector
+* DD_belatedPNG.fixPng( someNode ); // argument is an HTMLDomElement
+**/
+var DD_belatedPNG={ns:"DD_belatedPNG",imgSize:{},delay:10,nodesFixed:0,createVmlNameSpace:function(){if(document.namespaces&&!document.namespaces[this.ns]){document.namespaces.add(this.ns,"urn:schemas-microsoft-com:vml")}},createVmlStyleSheet:function(){var b,a;b=document.createElement("style");b.setAttribute("media","screen");document.documentElement.firstChild.insertBefore(b,document.documentElement.firstChild.firstChild);if(b.styleSheet){b=b.styleSheet;b.addRule(this.ns+"\\:*","{behavior:url(#default#VML)}");b.addRule(this.ns+"\\:shape","position:absolute;");b.addRule("img."+this.ns+"_sizeFinder","behavior:none; border:none; position:absolute; z-index:-1; top:-10000px; visibility:hidden;");this.screenStyleSheet=b;a=document.createElement("style");a.setAttribute("media","print");document.documentElement.firstChild.insertBefore(a,document.documentElement.firstChild.firstChild);a=a.styleSheet;a.addRule(this.ns+"\\:*","{display: none !important;}");a.addRule("img."+this.ns+"_sizeFinder","{display: none !important;}")}},readPropertyChange:function(){var b,c,a;b=event.srcElement;if(!b.vmlInitiated){return}if(event.propertyName.search("background")!=-1||event.propertyName.search("border")!=-1){DD_belatedPNG.applyVML(b)}if(event.propertyName=="style.display"){c=(b.currentStyle.display=="none")?"none":"block";for(a in b.vml){if(b.vml.hasOwnProperty(a)){b.vml[a].shape.style.display=c}}}if(event.propertyName.search("filter")!=-1){DD_belatedPNG.vmlOpacity(b)}},vmlOpacity:function(b){if(b.currentStyle.filter.search("lpha")!=-1){var a=b.currentStyle.filter;a=parseInt(a.substring(a.lastIndexOf("=")+1,a.lastIndexOf(")")),10)/100;b.vml.color.shape.style.filter=b.currentStyle.filter;b.vml.image.fill.opacity=a}},handlePseudoHover:function(a){setTimeout(function(){DD_belatedPNG.applyVML(a)},1)},fix:function(a){if(this.screenStyleSheet){var c,b;c=a.split(",");for(b=0;b<c.length;b++){this.screenStyleSheet.addRule(c[b],"behavior:expression(DD_belatedPNG.fixPng(this))")}}},applyVML:function(a){a.runtimeStyle.cssText="";this.vmlFill(a);this.vmlOffsets(a);this.vmlOpacity(a);if(a.isImg){this.copyImageBorders(a)}},attachHandlers:function(i){var d,c,g,e,b,f;d=this;c={resize:"vmlOffsets",move:"vmlOffsets"};if(i.nodeName=="A"){e={mouseleave:"handlePseudoHover",mouseenter:"handlePseudoHover",focus:"handlePseudoHover",blur:"handlePseudoHover"};for(b in e){if(e.hasOwnProperty(b)){c[b]=e[b]}}}for(f in c){if(c.hasOwnProperty(f)){g=function(){d[c[f]](i)};i.attachEvent("on"+f,g)}}i.attachEvent("onpropertychange",this.readPropertyChange)},giveLayout:function(a){a.style.zoom=1;if(a.currentStyle.position=="static"){a.style.position="relative"}},copyImageBorders:function(b){var c,a;c={borderStyle:true,borderWidth:true,borderColor:true};for(a in c){if(c.hasOwnProperty(a)){b.vml.color.shape.style[a]=b.currentStyle[a]}}},vmlFill:function(e){if(!e.currentStyle){return}else{var d,f,g,b,a,c;d=e.currentStyle}for(b in e.vml){if(e.vml.hasOwnProperty(b)){e.vml[b].shape.style.zIndex=d.zIndex}}e.runtimeStyle.backgroundColor="";e.runtimeStyle.backgroundImage="";f=true;if(d.backgroundImage!="none"||e.isImg){if(!e.isImg){e.vmlBg=d.backgroundImage;e.vmlBg=e.vmlBg.substr(5,e.vmlBg.lastIndexOf('")')-5)}else{e.vmlBg=e.src}g=this;if(!g.imgSize[e.vmlBg]){a=document.createElement("img");g.imgSize[e.vmlBg]=a;a.className=g.ns+"_sizeFinder";a.runtimeStyle.cssText="behavior:none; position:absolute; left:-10000px; top:-10000px; border:none; margin:0; padding:0;";c=function(){this.width=this.offsetWidth;this.height=this.offsetHeight;g.vmlOffsets(e)};a.attachEvent("onload",c);a.src=e.vmlBg;a.removeAttribute("width");a.removeAttribute("height");document.body.insertBefore(a,document.body.firstChild)}e.vml.image.fill.src=e.vmlBg;f=false}e.vml.image.fill.on=!f;e.vml.image.fill.color="none";e.vml.color.shape.style.backgroundColor=d.backgroundColor;e.runtimeStyle.backgroundImage="none";e.runtimeStyle.backgroundColor="transparent"},vmlOffsets:function(d){var h,n,a,e,g,m,f,l,j,i,k;h=d.currentStyle;n={W:d.clientWidth+1,H:d.clientHeight+1,w:this.imgSize[d.vmlBg].width,h:this.imgSize[d.vmlBg].height,L:d.offsetLeft,T:d.offsetTop,bLW:d.clientLeft,bTW:d.clientTop};a=(n.L+n.bLW==1)?1:0;e=function(b,p,q,c,s,u){b.coordsize=c+","+s;b.coordorigin=u+","+u;b.path="m0,0l"+c+",0l"+c+","+s+"l0,"+s+" xe";b.style.width=c+"px";b.style.height=s+"px";b.style.left=p+"px";b.style.top=q+"px"};e(d.vml.color.shape,(n.L+(d.isImg?0:n.bLW)),(n.T+(d.isImg?0:n.bTW)),(n.W-1),(n.H-1),0);e(d.vml.image.shape,(n.L+n.bLW),(n.T+n.bTW),(n.W),(n.H),1);g={X:0,Y:0};if(d.isImg){g.X=parseInt(h.paddingLeft,10)+1;g.Y=parseInt(h.paddingTop,10)+1}else{for(j in g){if(g.hasOwnProperty(j)){this.figurePercentage(g,n,j,h["backgroundPosition"+j])}}}d.vml.image.fill.position=(g.X/n.W)+","+(g.Y/n.H);m=h.backgroundRepeat;f={T:1,R:n.W+a,B:n.H,L:1+a};l={X:{b1:"L",b2:"R",d:"W"},Y:{b1:"T",b2:"B",d:"H"}};if(m!="repeat"||d.isImg){i={T:(g.Y),R:(g.X+n.w),B:(g.Y+n.h),L:(g.X)};if(m.search("repeat-")!=-1){k=m.split("repeat-")[1].toUpperCase();i[l[k].b1]=1;i[l[k].b2]=n[l[k].d]}if(i.B>n.H){i.B=n.H}d.vml.image.shape.style.clip="rect("+i.T+"px "+(i.R+a)+"px "+i.B+"px "+(i.L+a)+"px)"}else{d.vml.image.shape.style.clip="rect("+f.T+"px "+f.R+"px "+f.B+"px "+f.L+"px)"}},figurePercentage:function(d,c,f,a){var b,e;e=true;b=(f=="X");switch(a){case"left":case"top":d[f]=0;break;case"center":d[f]=0.5;break;case"right":case"bottom":d[f]=1;break;default:if(a.search("%")!=-1){d[f]=parseInt(a,10)/100}else{e=false}}d[f]=Math.ceil(e?((c[b?"W":"H"]*d[f])-(c[b?"w":"h"]*d[f])):parseInt(a,10));if(d[f]%2===0){d[f]++}return d[f]},fixPng:function(c){c.style.behavior="none";var g,b,f,a,d;if(c.nodeName=="BODY"||c.nodeName=="TD"||c.nodeName=="TR"){return}c.isImg=false;if(c.nodeName=="IMG"){if(c.src.toLowerCase().search(/\.png$/)!=-1){c.isImg=true;c.style.visibility="hidden"}else{return}}else{if(c.currentStyle.backgroundImage.toLowerCase().search(".png")==-1){return}}g=DD_belatedPNG;c.vml={color:{},image:{}};b={shape:{},fill:{}};for(a in c.vml){if(c.vml.hasOwnProperty(a)){for(d in b){if(b.hasOwnProperty(d)){f=g.ns+":"+d;c.vml[a][d]=document.createElement(f)}}c.vml[a].shape.stroked=false;c.vml[a].shape.appendChild(c.vml[a].fill);c.parentNode.insertBefore(c.vml[a].shape,c)}}c.vml.image.shape.fillcolor="none";c.vml.image.fill.type="tile";c.vml.color.fill.on=false;g.attachHandlers(c);g.giveLayout(c);g.giveLayout(c.offsetParent);c.vmlInitiated=true;g.applyVML(c)}};try{document.execCommand("BackgroundImageCache",false,true)}catch(r){}DD_belatedPNG.createVmlNameSpace();DD_belatedPNG.createVmlStyleSheet();