playground
/
isotope
mirror of https://github.com/metafizzy/isotope
1
0
Fork 0
Code Issues Releases Activity
Browse Source

docs : use demo page template

pull/14/head
David DeSandro 14 years ago
parent
4a72fbdb32
commit
5b892c9c71
5 changed files with 41 additions and 100 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 16
      _posts/demos/2010-12-29-layout-modes.html
  2. 21
      _posts/demos/2010-12-30-filtering.html
  3. 17
      _posts/demos/2010-12-30-sorting.html
  4. 14
      _posts/demos/2010-12-31-relayout.html
  5. 73
      _posts/demos/2011-01-03-adding-items.html

16
_posts/demos/2010-12-29-layout-modes.html
Unescape View File

@ -1,20 +1,8 @@
---
layout: nil
title: Layout Modes
layout: demo
category: demos
---
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>{{ page.title }}</title>
<link rel="stylesheet" href="../css/style.css" type="text/css" media="screen" />
</head>
<body>
<h1>{{ page.title }}</h1>
<section id="copy">
@ -81,5 +69,3 @@ category: demos
});
</script>
</body>
</html>

21
_posts/demos/2010-12-30-filtering.html
Unescape View File

@ -1,26 +1,9 @@
---
layout: nil
title: Filtering
layout: demo
category: demos
---
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>{{ page.title }}</title>
<link rel="stylesheet" href="../css/style.css" type="text/css" media="screen" />
</head>
<body>
<h1>{{ page.title }}</h1>
<section id="copy">
</section>
<section id="options" class="clearfix">
<h3>Filters</h3>
@ -73,5 +56,3 @@ category: demos
});
</script>
</body>
</html>

17
_posts/demos/2010-12-30-sorting.html
Unescape View File

@ -1,20 +1,8 @@
---
layout: nil
title: Sorting
layout: demo
category: demos
---
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>{{ page.title }}</title>
<link rel="stylesheet" href="../css/style.css" type="text/css" media="screen" />
</head>
<body>
<h1>{{ page.title }}</h1>
<section id="copy">
<p>Sort item elements based on any data you can extract from them.</p>
@ -73,6 +61,3 @@ category: demos
});
</script>
</body>
</html>

14
_posts/demos/2010-12-31-relayout.html
Unescape View File

@ -1,20 +1,8 @@
---
layout: nil
title: reLayout
layout: demo
category: demos
---
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>{{ page.title }}</title>
<link rel="stylesheet" href="../css/style.css" type="text/css" media="screen" />
</head>
<body>
<h1>{{ page.title }}</h1>
<section id="copy">
<p>Use the <code>reLayout</code> method to easily arrange item elements after a change.</p>

73
_posts/demos/2011-01-03-adding-items.html
Unescape View File

@ -4,47 +4,48 @@ layout: demo
category: demos
---
<section id="copy">
<p>Use the <code>reLayout</code> method to easily arrange item elements after a change.</p>
</section>
<section id="copy">
<p>The <code>insert</code> method will append, add items to the widget, filter, sort, and then layout all items</p>
<p>The <code>appended</code> method adds items to the widget, and then lays out only the new items.</p>
</section>
<section id="options">
<ul class="floated clearfix">
<li id="insert"><a href="#insert">Insert new elements</a></li>
<li id="append"><a href='#append'>Append new elements</a></li>
</ul>
</section>
<section id="options">
<ul class="floated clearfix">
<li id="insert"><a href="#insert">Insert new elements</a></li>
<li id="append"><a href='#append'>Append new elements</a></li>
</ul>
</section>
<div id="demo" class="iso-container">
{% for element in site.elements_best_of limit:10 %}
{% include element-partial.html %}
{% endfor %}
</div> <!-- #demo -->
<div id="demo" class="iso-container">
{% for element in site.elements_best_of limit:10 %}
{% include element-partial.html %}
{% endfor %}
</div> <!-- #demo -->
<script src="../js/jquery-1.4.4.min.js"></script>
<script src="../src/mini-modernizr.js"></script>
<script src="../src/jquery.opto-transform.js"></script>
<script src="../src/jquery.smartresize.js"></script>
<script src="../src/jquery.isotope.js"></script>
<script src="../src/jquery.ui.widget.js"></script>
<script src="../js/fake-element.js"></script>
<script>
$(function(){
<script src="../js/jquery-1.4.4.min.js"></script>
<script src="../src/mini-modernizr.js"></script>
<script src="../src/jquery.opto-transform.js"></script>
<script src="../src/jquery.smartresize.js"></script>
<script src="../src/jquery.isotope.js"></script>
<script src="../src/jquery.ui.widget.js"></script>
<script src="../js/fake-element.js"></script>
<script>
$(function(){
var $demo = $('#demo');
var $demo = $('#demo');
$demo.isotope({
itemSelector : '.element',
getSortData : {
symbol : function( $elem ) {
return $elem.attr('data-symbol');
}
},
sortBy : 'symbol'
});
$demo.isotope({
itemSelector : '.element',
getSortData : {
symbol : function( $elem ) {
return $elem.attr('data-symbol');
}
},
sortBy : 'symbol'
});
{% include add-buttons.js %}
{% include add-buttons.js %}
});
</script>
});
</script>
Write Preview
Loading…
Cancel
Save