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" ]
---