Mirrors
/
Vestride_Shuffle
mirror of https://github.com/Vestride/Shuffle.git
2
0
Fork 0
Code Issues Releases Wiki Activity

Upgrade Jekyll

Browse Source
pull/111/head
Glen Cheney 8 years ago
parent 53307afb88
commit 8ae5970c93
16 changed files with 10 additions and 26 deletions
Show Stats Download Patch File Download Diff File

4
_config.yml
Unescape Escape View File

@ -1,7 +1,7 @@
source: .
destination: ./_site
plugins: ./_plugins
layouts: ./_layouts
plugins_dir: ./_plugins
layouts_dir: ./_layouts
include: ['.htaccess']
exclude: ['_scss', 'temp', 'node_modules', 'src', 'bower_components']

2
_includes/adding-removing.html
Unescape Escape View File

@ -14,4 +14,4 @@ $('#my-shuffle').shuffle('appended', $items);</code></pre>
var $items = $('.gallery-item');
$('#my-shuffle').shuffle('remove', $items);</code></pre>
<p class="demo-link-container">Check out the <a href="{{ site.baseurl }}{% post_url demos/2013-06-19-adding-removing %}">demo</a>.</p>
<p class="demo-link-container">Check out the <a href="{{ site.baseurl }}{% post_url 2013-06-19-adding-removing %}">demo</a>.</p>

2
_includes/advanced-filters.html
Unescape Escape View File

@ -24,4 +24,4 @@ $('.js-shuffle-search').on('keyup change', function() {
});
});</code></pre>
<p class="demo-link-container">Check out the <a href="{{ site.baseurl }}{% post_url demos/2013-05-02-adaptive %}">compounded filters demo</a>.</p>
<p class="demo-link-container">Check out the <a href="{{ site.baseurl }}{% post_url 2013-05-02-adaptive %}">compounded filters demo</a>.</p>

9
_includes/head.html
Unescape Escape View File

@ -1,8 +1,5 @@
<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js modern" lang="en"> <!--<![endif]-->
<html class="no-js" lang="en">
<head>
<meta charset="utf-8" />
<title>{{ page.title }}</title>
@ -53,9 +50,5 @@
{% unless page.nomodernizr %}
<script src="{{ site.baseurl }}/dist/modernizr.custom.min.js"></script>
{% endunless %}
<!--[if lt IE 9]>
<script src="{{ site.baseurl }}/js/html5shiv.js"></script>
<![endif]-->
</head>
<body class="{{ page.bodyClass }}">

2
_includes/usage.html
Unescape Escape View File

@ -41,7 +41,7 @@
<h3 id="columns">How column widths work<a href="#how-column-widths-work"></a></h3>
<p>The <code>columnWidth</code> option is used to calculate the column width. You have several options:</p>
<ol>
<li>Use a <strong>sizer</strong> element. This is the easest way to specify column and gutter widths. You can use an element or an element wrapped in jQuery to define the column width and gutter width. Shuffle will measure the <code>width</code> and <code>margin-left</code> of this <code>sizer</code> element each time the grid resizes. This is awesome for responsive or fluid grids where the width of a column is a percentage. The <code>sizer</code> option is an alias for <code>columnWidth</code>.<span class="demo-link-container">See <a href="{{ site.baseurl }}{% post_url demos/2013-05-01-basic %}">a demo</a> using a sizer element or <a href="{{ site.baseurl }}/js/demos/homepage.js">look at the js file</a> for the sizer demo.</span></li>
<li>Use a <strong>sizer</strong> element. This is the easest way to specify column and gutter widths. You can use an element or an element wrapped in jQuery to define the column width and gutter width. Shuffle will measure the <code>width</code> and <code>margin-left</code> of this <code>sizer</code> element each time the grid resizes. This is awesome for responsive or fluid grids where the width of a column is a percentage. The <code>sizer</code> option is an alias for <code>columnWidth</code>.<span class="demo-link-container">See <a href="{{ site.baseurl }}{% post_url 2013-05-01-basic %}">a demo</a> using a sizer element or <a href="{{ site.baseurl }}/js/demos/homepage.js">look at the js file</a> for the sizer demo.</span></li>
<li>Use a <strong>function</strong>. When a function is used, its first parameter will be the width of the shuffle element. You need to return the column width for shuffle to use (in pixels).</li>
<li>A <strong>number</strong>. This will explicitly set the column width to your number (in pixels).</li>
<li>By default, shuffle will use the width of the first item to calculate the column width.</li>

0
_posts/demos/2013-05-01-basic.html → _posts/2013-05-01-basic.html
Unescape Escape View File

0
_posts/demos/2013-05-02-adaptive.html → _posts/2013-05-02-adaptive.html
Unescape Escape View File

4
_posts/demos/2013-05-03-images.html → _posts/2013-05-03-images.html
Unescape Escape View File

@ -9,9 +9,9 @@ prism: true
<div class="container-fluid">
<h2>Images!</h2>
<p>You can encounter problems when shuffle item dimensions depend on images. <a href="{{ site.baseurl }}{% post_url demos/2013-06-29-image-problems %}">Like this demo</a>. There are three good solutions to this.</p>
<p>You can encounter problems when shuffle item dimensions depend on images. <a href="{{ site.baseurl }}{% post_url 2013-06-29-image-problems %}">Like this demo</a>. There are three good solutions to this.</p>
<ol>
<li>Set an explicit height on <code>.shuffle-item</code>s like the <a href="{{ site.baseurl }}{% post_url demos/2013-05-01-basic %}">basic demo</a>.</li>
<li>Set an explicit height on <code>.shuffle-item</code>s like the <a href="{{ site.baseurl }}{% post_url 2013-05-01-basic %}">basic demo</a>.</li>
<li>Similar to number 1, make the height of the image container a percentage of the width. This can be seen in the nav images above with the <code>div.keep-ratio</code>.</li>
<li>Get notified when images load (this page). In this case, I'm using <a href="http://desandro.github.io/imagesloaded/">Desandro's images loaded plugin</a>. Please note that imagesloaded does not support IE7.</li>
</ol>

0
_posts/demos/2013-06-19-adding-removing.html → _posts/2013-06-19-adding-removing.html
Unescape Escape View File

0
_posts/demos/2013-06-26-mobile-grid.html → _posts/2013-06-26-mobile-grid.html
Unescape Escape View File

2
_posts/demos/2013-06-29-image-problems.html → _posts/2013-06-29-image-problems.html
Unescape Escape View File

@ -7,7 +7,7 @@ extraJS: [ "demos/images-broken.js"]
<div class="container-fluid">
<h2>This probably looks broken.</h2>
<p>Demo in which shuffle item dimensions are based on images without a fix. <a href="{{ site.baseurl }}{% post_url demos/2013-05-03-images %}">See here</a> for a solution.</p>
<p>Demo in which shuffle item dimensions are based on images without a fix. <a href="{{ site.baseurl }}{% post_url 2013-05-03-images %}">See here</a> for a solution.</p>
<p>Resize the window and it'll fix itself.</p>
</div>

3
_posts/2013-07-16-faq.html
Unescape Escape View File

@ -34,7 +34,7 @@ extraJS: [ "faq.js" ]
<article id="images" class="question js-question">
<div class="question__inner">
<h3 class="question__title">Why are images overlapping?</h3>
<p class="question__answer">If the size of your items are dependent on images, they can overlap if shuffle is initialized before all the images have loaded. Check out <a href="{{ site.baseurl }}{% post_url demos/2013-05-03-images %}">this demo</a> to see how to fix it.</p>
<p class="question__answer">If the size of your items are dependent on images, they can overlap if shuffle is initialized before all the images have loaded. Check out <a href="{{ site.baseurl }}{% post_url 2013-05-03-images %}">this demo</a> to see how to fix it.</p>
</div>
</article>
@ -108,4 +108,3 @@ extraJS: [ "faq.js" ]
<div class="row-fluid">
</div>
</section>

0
_posts/demos/2013-08-25-animated.html → _posts/2013-08-25-animated.html
Unescape Escape View File

0
_posts/demos/2014-03-08-bootstrap3-grid.html → _posts/2014-03-08-bootstrap3-grid.html
Unescape Escape View File

0
_posts/demos/2014-04-09-requirejs.html → _posts/2014-04-09-requirejs.html
Unescape Escape View File

8
js/html5shiv.js vendored
Unescape Escape View File

@ -1,8 +0,0 @@
/*
HTML5 Shiv v3.6.2 | @afarkas @jdalton @jon_neal @rem | MIT/GPL2 Licensed
*/
(function(l,f){function m(){var a=e.elements;return"string"==typeof a?a.split(" "):a}function i(a){var b=n[a[o]];b||(b={},h++,a[o]=h,n[h]=b);return b}function p(a,b,c){b||(b=f);if(g)return b.createElement(a);c||(c=i(b));b=c.cache[a]?c.cache[a].cloneNode():r.test(a)?(c.cache[a]=c.createElem(a)).cloneNode():c.createElem(a);return b.canHaveChildren&&!s.test(a)?c.frag.appendChild(b):b}function t(a,b){if(!b.cache)b.cache={},b.createElem=a.createElement,b.createFrag=a.createDocumentFragment,b.frag=b.createFrag();
a.createElement=function(c){return!e.shivMethods?b.createElem(c):p(c,a,b)};a.createDocumentFragment=Function("h,f","return function(){var n=f.cloneNode(),c=n.createElement;h.shivMethods&&("+m().join().replace(/\w+/g,function(a){b.createElem(a);b.frag.createElement(a);return'c("'+a+'")'})+");return n}")(e,b.frag)}function q(a){a||(a=f);var b=i(a);if(e.shivCSS&&!j&&!b.hasCSS){var c,d=a;c=d.createElement("p");d=d.getElementsByTagName("head")[0]||d.documentElement;c.innerHTML="x<style>article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}mark{background:#FF0;color:#000}</style>";
c=d.insertBefore(c.lastChild,d.firstChild);b.hasCSS=!!c}g||t(a,b);return a}var k=l.html5||{},s=/^<|^(?:button|map|select|textarea|object|iframe|option|optgroup)$/i,r=/^(?:a|b|code|div|fieldset|h1|h2|h3|h4|h5|h6|i|label|li|ol|p|q|span|strong|style|table|tbody|td|th|tr|ul)$/i,j,o="_html5shiv",h=0,n={},g;(function(){try{var a=f.createElement("a");a.innerHTML="<xyz></xyz>";j="hidden"in a;var b;if(!(b=1==a.childNodes.length)){f.createElement("a");var c=f.createDocumentFragment();b="undefined"==typeof c.cloneNode||
"undefined"==typeof c.createDocumentFragment||"undefined"==typeof c.createElement}g=b}catch(d){g=j=!0}})();var e={elements:k.elements||"abbr article aside audio bdi canvas data datalist details figcaption figure footer header hgroup main mark meter nav output progress section summary time video",version:"3.6.2",shivCSS:!1!==k.shivCSS,supportsUnknownElements:g,shivMethods:!1!==k.shivMethods,type:"default",shivDocument:q,createElement:p,createDocumentFragment:function(a,b){a||(a=f);if(g)return a.createDocumentFragment();
for(var b=b||i(a),c=b.frag.cloneNode(),d=0,e=m(),h=e.length;d<h;d++)c.createElement(e[d]);return c}};l.html5=e;q(f)})(this,document);
Write Preview
Loading…
Cancel
Save