diff --git a/.gitignore b/.gitignore
index c91b435b..f101a998 100644
--- a/.gitignore
+++ b/.gitignore
@@ -34,4 +34,33 @@
.Spotlight-V100
.Trashes
ehthumbs.db
-Thumbs.db
\ No newline at end of file
+Thumbs.db
+
+# Logs
+logs
+*.log
+npm-debug.log*
+
+# Runtime data
+pids
+*.pid
+*.seed
+
+# Directory for instrumented libs generated by jscoverage/JSCover
+lib-cov
+
+# Coverage directory used by tools like istanbul
+coverage
+
+# Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
+.grunt
+
+# node-waf configuration
+.lock-wscript
+
+# Compiled binary addons (http://nodejs.org/api/addons.html)
+build/Release
+
+# Dependency directory
+# https://docs.npmjs.com/misc/faq#should-i-check-my-node-modules-folder-into-git
+node_modules
\ No newline at end of file
diff --git a/build.js b/build.js
new file mode 100644
index 00000000..028609cb
--- /dev/null
+++ b/build.js
@@ -0,0 +1,67 @@
+// Get JSON from source file
+var source = require('./simple-icons.json');
+
+// Loop through icons
+for (var i = 0; i < source.icons.length; i++) {
+
+ var hex = source.icons[i].hex;
+
+ // Add red, green and blue values to the JSON object
+ var red = parseInt(hex.substr(0,2), 16) / 255;
+ var green = parseInt(hex.substr(2,2), 16) / 255;
+ var blue = parseInt(hex.substr(4,2), 16) / 255;
+
+ // Add hue to the JSON object
+ var max = Math.max(red, green, blue);
+ var min = Math.min(red, green, blue);
+ var delta = max - min;
+ if (delta === 0) {
+ var hue = 0;
+ } else {
+ if (max === red) {
+ var hue = ((green - blue) / delta) * 60;
+ if (hue < 0) {
+ hue += 360;
+ }
+ } else if (max === green) {
+ var hue = (((blue - red) / delta) + 2) * 60;
+ } else {
+ var hue = (((red - green) / delta) + 4) * 60;
+ }
+ }
+ source.icons[i].hue = hue;
+}
+
+// Sort icons by hue
+source.icons.sort(function(a, b) {
+ return parseFloat(b.hue) - parseFloat(a.hue);
+});
+
+// Read header and footer content into variables
+var fs = require('fs');
+function readFile(path, callback) {
+ try {
+ var filename = require.resolve(path);
+ fs.readFile(filename, 'utf8', callback);
+ } catch (e) {
+ callback(e);
+ }
+}
+var fs = require('fs');
+var header = fs.readFileSync('./src/header.html', 'utf8');
+var footer = fs.readFileSync('./src/footer.html', 'utf8');
+
+// Build tiles content
+var main = "";
+for (var i = 0; i < source.icons.length; i++) {
+ main += "" + source.icons[i].title + "
#" + source.icons[i].hex + "";
+}
+
+// Put all content together and export to index.html
+var htmlOutput = header + main + footer;
+fs.writeFile("./index.html", htmlOutput, function(err) {
+ if(err) {
+ return console.log(err);
+ }
+ console.log("The file was saved!");
+});
\ No newline at end of file
diff --git a/index.html b/index.html
index 75ec299f..3d9d9f36 100644
--- a/index.html
+++ b/index.html
@@ -4,7 +4,7 @@
Simple Icons
-
+
+
+
+
+
+
+ A set of SVG icons for popular brands. Download them from GitHub.
+
\ No newline at end of file