diff --git a/_config.yml b/_config.yml
index c03d9c9..266ad35 100644
--- a/_config.yml
+++ b/_config.yml
@@ -709,4 +709,49 @@ elements:
number: 103
symbol: Lr
name: Lawrencium
- weight: (262)
\ No newline at end of file
+ weight: (262)
+
+
+elements_partial:
+ - categories: [actinoid, metal, inner-transition-element]
+ othercategory: f
+ number: 94
+ symbol: Pu
+ name: Plutonium
+ weight: (244)
+ - categories: [other, nonmetal]
+ othercategory: p
+ number: 7
+ symbol: N
+ name: Nitrogen
+ weight: 14.0067
+ - categories: [transition, metal]
+ othercategory: d
+ number: 106
+ symbol: Sg
+ name: Seaborgium
+ weight: (271)
+ - categories: [halogen, nonmetal]
+ othercategory: p
+ number: 17
+ symbol: Cl
+ name: Chlorine
+ weight: 35.453
+ - categories: [noble-gas, nonmetal]
+ othercategory: p
+ number: 36
+ symbol: Kr
+ name: Krypton
+ weight: 83.798
+ - categories: [alkaline-earth, metal]
+ othercategory: s
+ number: 56
+ symbol: Ba
+ name: Barium
+ weight: 137.327
+ - categories: [alkaline-earth, metal]
+ othercategory: s
+ number: 88
+ symbol: Ra
+ name: Radium
+ weight: (226)
\ No newline at end of file
diff --git a/_includes/element-partial.html b/_includes/element-partial.html
new file mode 100644
index 0000000..093d5f1
--- /dev/null
+++ b/_includes/element-partial.html
@@ -0,0 +1,6 @@
+
+
{{ element.number }}
+
{{ element.symbol }}
+
{{ element.name }} {{ w_class }}
+
{{ element.weight }}
+
\ No newline at end of file
diff --git a/_layouts/elements.html b/_layouts/elements.html
new file mode 100644
index 0000000..a49cf2b
--- /dev/null
+++ b/_layouts/elements.html
@@ -0,0 +1,422 @@
+
+
+
+
+ {{ page.title }}
+
+
+
+
+
+
+
+ the elements
+
+ Filters
+
+
+
+
+ Sort Ascending
+
+
+
+ Sort Descending
+
+
+
+ Layouts
+
+
+
+ Etc
+
+
+
+ {{ content }}
+
+ Toggle X-ray mode
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/_posts/examples/2010-12-13-elements-complete.html b/_posts/examples/2010-12-13-elements-complete.html
index 05b5d59..1996bfb 100644
--- a/_posts/examples/2010-12-13-elements-complete.html
+++ b/_posts/examples/2010-12-13-elements-complete.html
@@ -1,424 +1,12 @@
---
title: Elements Complete
-layout: default
+layout: elements
category: examples
---
-
-
-
-
-
-
-the elements
-
-Filters
-
-
-
-
-Sort Ascending
-
-
-
-Sort Descending
-
-
-
-Layout
-
-
-
-
{% for element in site.elements %}
-
-
-
{{ element.number }}
-
{{ element.symbol }}
-
{{ element.name }} {{ w_class }}
-
{{ element.weight }}
-
+ {% include element-partial.html %}
{% endfor %}
-Toggle X-ray mmm mode
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/_posts/examples/2010-12-16-elements-partial.html b/_posts/examples/2010-12-16-elements-partial.html
new file mode 100644
index 0000000..e8c10c9
--- /dev/null
+++ b/_posts/examples/2010-12-16-elements-partial.html
@@ -0,0 +1,15 @@
+---
+title: Elements Partial
+layout: elements
+category: examples
+---
+
+
+
+
+ {% for element in site.elements_partial %}
+ {% include element-partial.html %}
+ {% endfor %}
+
+
+
diff --git a/js/fake-element.js b/js/fake-element.js
index 7b67afb..1f8c62b 100644
--- a/js/fake-element.js
+++ b/js/fake-element.js
@@ -14,7 +14,7 @@ fakeElement.create = function() {
var widthClass = Math.random()*10 > 6 ? 'width2' : 'width1';
heightClass = Math.random()*10 > 6 ? 'height2' : 'height1';
category = fakeElement.getRandom('categories');
- className = 'cell fake metal ' + category + ' ' + widthClass + ' ' + heightClass;
+ className = 'element fake metal ' + category + ' ' + widthClass + ' ' + heightClass;
letter1 = fakeElement.getRandom('constanants').toUpperCase();
letter2 = fakeElement.getRandom('constanants');
symbol = letter1 + letter2;