diff --git a/_config.yml b/_config.yml index 24f3b42..d751151 100644 --- a/_config.yml +++ b/_config.yml @@ -7,6 +7,12 @@ exclude: ['./_scss/*.*'] permalink: /:title +url: http://localhost:4000 + +defaultTitle: 'Shuffle.js' +defaultDescription: 'Categorize, sort, and filter a responsive grid of items' +defaultImage: '/img/hero.png' + demos: - url: 'demos/2013-05-01-basic' slug: basic diff --git a/_includes/head.html b/_includes/head.html index 3379111..e7da4a6 100644 --- a/_includes/head.html +++ b/_includes/head.html @@ -6,21 +6,35 @@ {{ page.title }} - + {% capture description %}{% if page.description %}{{ page.description }}{% else %}{{ site.defaultDescription }}{% endif %}{% endcapture %} + {% capture image %}{% if page.image %}{{ page.image }}{% else %}{{ site.defaultImage }}{% endif %}{% endcapture %} - + - - - + + + + + + + + - + + + + + + + + + {% if page.prism %}{% endif %} diff --git a/_layouts/default.html b/_layouts/default.html index b692f94..19f45c4 100644 --- a/_layouts/default.html +++ b/_layouts/default.html @@ -5,7 +5,7 @@

Shuffle

-

Categorize, sort, and filter a responsive grid of items

+

{{ site.defaultDescription }}

By @Vestride

diff --git a/_posts/demos/2013-05-01-basic.html b/_posts/demos/2013-05-01-basic.html index ebf4903..d828f55 100644 --- a/_posts/demos/2013-05-01-basic.html +++ b/_posts/demos/2013-05-01-basic.html @@ -1,6 +1,8 @@ --- layout: default title: Basic Shuffle Demo +description: A basic demo using shuffle with a masonry layout. This example also uses a sizer element +image: /demos/basic.jpg bodyClass: basic extraJS: [ "demos/homepage.js" ] --- diff --git a/_posts/demos/2013-05-02-adaptive.html b/_posts/demos/2013-05-02-adaptive.html index 6ef02d8..0d87056 100644 --- a/_posts/demos/2013-05-02-adaptive.html +++ b/_posts/demos/2013-05-02-adaptive.html @@ -1,7 +1,8 @@ --- layout: default title: Shuffle Adaptive Demo -bodyClass: null +description: A responsive demo using the adaptive Twitter Bootstrap grid with compound filtering +image: /demos/adaptive.jpg extraJS: [ "demos/gallery.js" ] extraCSS: [ "/css/gallery.css" ] --- diff --git a/_posts/demos/2013-05-03-images.html b/_posts/demos/2013-05-03-images.html index 3f17500..bc0f909 100644 --- a/_posts/demos/2013-05-03-images.html +++ b/_posts/demos/2013-05-03-images.html @@ -1,6 +1,8 @@ --- layout: default title: Using images with imagesloaded.js +description: A Shuffle.js demo using Desandro's imagesLoaded plugin. This comes in very handy when using shuffle with images affect the layout of shuffle items +image: /demos/images.jpg extraJS: [ "imagesloaded.pkgd.js", "demos/images.js"] prism: true --- diff --git a/_posts/demos/2013-06-19-adding-removing.html b/_posts/demos/2013-06-19-adding-removing.html index 901be4c..c7737f5 100644 --- a/_posts/demos/2013-06-19-adding-removing.html +++ b/_posts/demos/2013-06-19-adding-removing.html @@ -1,7 +1,8 @@ --- layout: default title: Shuffle Adding and Removing Elements Demo -bodyClass: null +description: This demo of shuffle shows how to add and removing items. +image: /demos/adding-removing.jpg extraJS: [ "demos/adding-removing.js" ] ---