Filter & sort magical layouts http://isotope.metafizzy.co
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

38 lines
1.6 KiB

var fakeElement = {};
fakeElement.constanants = 'b c d f g k l m n p q r s t v x z'.split(' ');
fakeElement.vowels = 'a e i o u y'.split(' ');
fakeElement.categories = 'alkali alkaline-earth lanthanoid actinoid transition post-transition'.split(' ');
fakeElement.suffices = 'on ium ogen'.split(' ');
fakeElement.getRandom = function( property ) {
var values = fakeElement[ property ];
return values[ Math.floor( Math.random() * values.length ) ];
};
fakeElement.create = function() {
var widthClass = Math.random()*10 > 6 ? 'width2' : 'width1';
heightClass = Math.random()*10 > 6 ? 'height2' : 'height1';
category = fakeElement.getRandom('categories');
className = 'element fake metal ' + category + ' ' + widthClass + ' ' + heightClass;
letter1 = fakeElement.getRandom('constanants').toUpperCase();
letter2 = fakeElement.getRandom('constanants');
symbol = letter1 + letter2;
name = letter1 + fakeElement.getRandom('vowels') + letter2 + fakeElement.getRandom('vowels') + fakeElement.getRandom('constanants') + fakeElement.getRandom('suffices');
number = ~~( 21 + Math.random() * 100 );
weight = ~~( number * 2 + Math.random() * 15 );
return '<div class="' + className + '" data-symbol="' + symbol +
'" data-category="' + category + '"><p class="number">' + number +
'</p><h3 class="symbol">' + symbol + '</h3><h2 class="name">' + name +
'</h2><p class="weight">' + weight + '</p></div>';
};
fakeElement.getGroup = function() {
var i = Math.ceil( Math.random()*3 + 1 ),
newEls = '';
while ( i-- ) {
newEls += fakeElement.create();
}
return newEls;
};