diff --git a/_config.yml b/_config.yml index 9f61e18..a87a5d4 100644 --- a/_config.yml +++ b/_config.yml @@ -1,7 +1,8 @@ source: . -destination: ./_site -plugins_dir: ./_plugins -layouts_dir: ./_layouts +destination: _site +plugins_dir: _plugins +layouts_dir: _layouts +data_dir: _data include: ['.htaccess'] exclude: [ '_scss', @@ -33,134 +34,3 @@ defaultDescription: 'Categorize, sort, and filter a responsive grid of items' defaultImage: '/img/shuffle.png' longDescription: 'Shuffle.js is a package for sorting, filtering, and laying out a group of items. It’s performant, responsive, and fast. Check out the demos!' - -demos: - - url: 'demos/2013-05-01-basic' - slug: basic - label: Basic masonry layout - - url: 'demos/2013-06-19-adding-removing' - slug: adding-removing - label: Adding and removing items - - url: 'demos/2013-05-02-compound-filters' - slug: compound-filters - label: Compound filtering - - url: 'demos/2013-05-03-images' - slug: images - label: Using images - - url: 'demos/2013-08-25-animated' - slug: animated - label: Animated viewport entry - - url: 'demos/2014-03-08-bootstrap3-grid' - slug: bootstrap3-grid - label: Bootstrap 3 Grid Demo - - url: 'demos/2014-04-09-requirejs' - slug: requirejs - label: RequireJS with Shuffle - -shapes: - - shape: circle - color: blue - - shape: diamond - color: red - - shape: triangle - color: green - - shape: triangle - color: orange - - shape: square - color: red - - shape: diamond - color: green - - shape: circle - color: red - - shape: square - color: green - - shape: circle - color: orange - - shape: diamond - color: blue - - shape: square - color: orange - - shape: square - color: blue - -items: - - groups: [ photography ] - date: 2010-09-14 - title: Baseball - img: baseball.png - original: baseball.jpg - cols: [ 3, 4, 3 ] - - groups: [ wallpaper, 3d ] - date: 2011-08-14 - title: Tennis - img: tennis-ball.png - original: tennis-ball.jpg - extras: [ overlay ] - cols: [3, 8, 6] - - groups: [ wallpaper, 3d ] - date: 2009-05-27 - title: iMac - img: imac.png - original: imac.jpg - cols: [ 3, 4, 3 ] - - groups: [ graphics ] - date: 2012-05-14 - title: Master Chief - img: master-chief.png - original: Master_Chief_Portrait_by_Eightfold_Studios.jpg - description: longDescription - extras: [ h2 ] - cols: [ 6, 4, 3 ] - - groups: [ wallpaper, 3d ] - date: 2009-09-14 - title: Eightfold - img: es-blue.png - original: es-blue.jpg - cols: [ 3, 4, 3 ] - - groups: [ photography ] - date: 2012-03-14 - title: Pumpkin - img: pumpkin.png - original: pumpkin.jpg - extras: [ overlay ] - cols: [3, 8, 6] - - groups: [ wallpaper, 3d ] - date: 2013-05-19 - title: Vestride - img: vestride-red.png - original: vestride-red.jpg - extras: [ h2 ] - cols: [3, 8, 6] - - groups: [ graphics ] - date: 2013-02-01 - title: Newegg - img: newegg.png - original: newegg.jpg - description: longDescription - extras: [ h2 ] - cols: [ 6, 4, 3 ] - - groups: [ wallpaper ] - date: 2000-01-01 - title: Arc - img: eightfoldarc.png - original: eightfoldarc.jpg - cols: [ 3, 4, 3 ] - - groups: [ photography ] - date: 2012-07-04 - title: Ground - img: ground.png - original: ground!.jpg - cols: [ 3, 4, 3 ] - - groups: [ wallpaper ] - date: 2011-08-12 - title: Grass - img: grassy-hills.png - original: grassy-hills.tif - extras: [ overlay ] - cols: [3, 8, 6] - - groups: [ wallpaper, 3d ] - date: 2013-05-19 - title: Vestride - img: vestride-classy.png - original: vestride-classy.jpg - cols: [ 3, 4, 3 ] diff --git a/_data/demos.json b/_data/demos.json new file mode 100644 index 0000000..c291792 --- /dev/null +++ b/_data/demos.json @@ -0,0 +1,37 @@ +[ + { + "url": "demos/2013-05-01-basic", + "slug": "basic", + "label": "Basic masonry layout" + }, + { + "url": "demos/2013-06-19-adding-removing", + "slug": "adding-removing", + "label": "Adding and removing items" + }, + { + "url": "demos/2013-05-02-compound-filters", + "slug": "compound-filters", + "label": "Compound filtering" + }, + { + "url": "demos/2013-05-03-images", + "slug": "images", + "label": "Using images" + }, + { + "url": "demos/2013-08-25-animated", + "slug": "animated", + "label": "Animated viewport entry" + }, + { + "url": "demos/2014-03-08-bootstrap3-grid", + "slug": "bootstrap3-grid", + "label": "Bootstrap 3 Grid Demo" + }, + { + "url": "demos/2014-04-09-requirejs", + "slug": "requirejs", + "label": "RequireJS with Shuffle" + } +] diff --git a/_data/items.json b/_data/items.json new file mode 100644 index 0000000..024c5fd --- /dev/null +++ b/_data/items.json @@ -0,0 +1,106 @@ +[ + { + "groups": ["photography"], + "date": "2010-09-14", + "title": "Baseball", + "img": "baseball.png", + "original": "baseball.jpg", + "cols": [3, 4, 3] + }, + { + "groups": ["wallpaper", "3d"], + "date": "2011-08-14", + "title": "Tennis", + "img": "tennis-ball.png", + "original": "tennis-ball.jpg", + "extras": ["overlay"], + "cols": [3, 8, 6] + }, + { + "groups": ["wallpaper", "3d"], + "date": "2009-05-27", + "title": "iMac", + "img": "imac.png", + "original": "imac.jpg", + "cols": [3, 4, 3] + }, + { + "groups": ["graphics"], + "date": "2012-05-14", + "title": "Master Chief", + "img": "master-chief.png", + "original": "Master_Chief_Portrait_by_Eightfold_Studios.jpg", + "description": "Shuffle.js is a package for sorting, filtering, and laying out a group of items. It’s performant, responsive, and fast. Check out the demos!", + "extras": ["h2"], + "cols": [6, 4, 3] + }, + { + "groups": ["wallpaper", "3d"], + "date": "2009-09-14", + "title": "Eightfold", + "img": "es-blue.png", + "original": "es-blue.jpg", + "cols": [3, 4, 3] + }, + { + "groups": ["photography"], + "date": "2012-03-14", + "title": "Pumpkin", + "img": "pumpkin.png", + "original": "pumpkin.jpg", + "extras": ["overlay"], + "cols": [3, 8, 6] + }, + { + "groups": ["wallpaper", "3d"], + "date": "2013-05-19", + "title": "Vestride", + "img": "vestride-red.png", + "original": "vestride-red.jpg", + "extras": ["h2"], + "cols": [3, 8, 6] + }, + { + "groups": ["graphics"], + "date": "2013-02-01", + "title": "Newegg", + "img": "newegg.png", + "original": "newegg.jpg", + "description": "Shuffle.js is a package for sorting, filtering, and laying out a group of items. It’s performant, responsive, and fast. Check out the demos!", + "extras": ["h2"], + "cols": [6, 4, 3] + }, + { + "groups": ["wallpaper"], + "date": "2000-01-01", + "title": "Arc", + "img": "eightfoldarc.png", + "original": "eightfoldarc.jpg", + "cols": [3, 4, 3] + }, + { + "groups": ["photography"], + "date": "2012-07-04", + "title": "Ground", + "img": "ground.png", + "original": "ground!.jpg", + "cols": [3, 4, 3] + }, + { + "groups": ["wallpaper"], + "date": "2011-08-12", + "title": "Grass", + "img": "grassy-hills.png", + "original": "grassy-hills.tif", + "extras": ["overlay"], + "cols": [3, 8, 6] + }, + { + "groups": ["wallpaper", "3d"], + "date": "2013-05-19", + "title": "Vestride", + "img": "vestride-classy.png", + "original": "vestride-classy.jpg", + "cols": [3, 4, 3] + } +] diff --git a/_data/shapes.json b/_data/shapes.json new file mode 100644 index 0000000..1925c0f --- /dev/null +++ b/_data/shapes.json @@ -0,0 +1,50 @@ +[ + { + "shape": "circle", + "color": "blue" + }, + { + "shape": "diamond", + "color": "red" + }, + { + "shape": "triangle", + "color": "green" + }, + { + "shape": "triangle", + "color": "orange" + }, + { + "shape": "square", + "color": "red" + }, + { + "shape": "diamond", + "color": "green" + }, + { + "shape": "circle", + "color": "red" + }, + { + "shape": "square", + "color": "green" + }, + { + "shape": "circle", + "color": "orange" + }, + { + "shape": "diamond", + "color": "blue" + }, + { + "shape": "square", + "color": "orange" + }, + { + "shape": "square", + "color": "blue" + } +] diff --git a/_includes/demo-list.html b/_includes/demo-list.html index 4b0cea5..eb033d6 100644 --- a/_includes/demo-list.html +++ b/_includes/demo-list.html @@ -1,5 +1,5 @@
- {% for post in site.demos %} + {% for post in site.data.demos %}
diff --git a/_posts/2013-05-01-basic.html b/_posts/2013-05-01-basic.html index 91df636..170c707 100644 --- a/_posts/2013-05-01-basic.html +++ b/_posts/2013-05-01-basic.html @@ -15,7 +15,7 @@ extraJS: [ "demos/homepage.js" ]
- {% for item in site.items %} + {% for item in site.data.items %} {% assign item = item %} {% include picture-item.html %} {% endfor %} diff --git a/_posts/2013-05-02-compound-filters.html b/_posts/2013-05-02-compound-filters.html index 7a03be4..32c5243 100644 --- a/_posts/2013-05-02-compound-filters.html +++ b/_posts/2013-05-02-compound-filters.html @@ -49,7 +49,7 @@ prism: true
- {% for shape in site.shapes %} + {% for shape in site.data.shapes %}
diff --git a/_posts/2013-05-03-images.html b/_posts/2013-05-03-images.html index 4cb6f03..aec0802 100644 --- a/_posts/2013-05-03-images.html +++ b/_posts/2013-05-03-images.html @@ -42,7 +42,7 @@ prism: true
- {% for item in site.items %} + {% for item in site.data.items %}
diff --git a/_posts/2013-06-29-image-problems.html b/_posts/2013-06-29-image-problems.html index 6628ab4..644bcc4 100644 --- a/_posts/2013-06-29-image-problems.html +++ b/_posts/2013-06-29-image-problems.html @@ -35,7 +35,7 @@ extraJS: [ "demos/images.js"]
- {% for item in site.items %} + {% for item in site.data.items %}
{{item.title}}
{{ item.groups | join: ', ' }}
diff --git a/_posts/2013-08-25-animated.html b/_posts/2013-08-25-animated.html index dd36283..d8bb6fc 100644 --- a/_posts/2013-08-25-animated.html +++ b/_posts/2013-08-25-animated.html @@ -16,15 +16,15 @@ extraJS: [ "viewport.js", "demos/animate-in.js" ]
- {% for item in site.items %} + {% for item in site.data.items %} {% assign item = item %} {% include picture-item.html %} {% endfor %} - {% for item in site.items %} + {% for item in site.data.items %} {% assign item = item %} {% include picture-item.html %} {% endfor %} - {% for item in site.items %} + {% for item in site.data.items %} {% assign item = item %} {% include picture-item.html %} {% endfor %} diff --git a/_posts/2014-04-09-requirejs.html b/_posts/2014-04-09-requirejs.html index f44d1a5..9fb5750 100644 --- a/_posts/2014-04-09-requirejs.html +++ b/_posts/2014-04-09-requirejs.html @@ -38,7 +38,7 @@ pagejs: false
- {% for item in site.items %} + {% for item in site.data.items %}
diff --git a/index.html b/index.html index 0bbaf0c..594d644 100644 --- a/index.html +++ b/index.html @@ -71,7 +71,7 @@ prism: true
- {% for item in site.items %} + {% for item in site.data.items %} {% assign item = item %} {% include picture-item.html %} {% endfor %}