From f64fd443ae284167520bf33e18c0306e293b619c Mon Sep 17 00:00:00 2001
From: dkundel <hi@dominik.dev>
Date: Thu, 3 Oct 2019 12:18:03 -0700
Subject: [PATCH] feat: add automatic sorting of json

---
 _data/pixels.json | 268 +++++++++++++++++++++++-----------------------
 package-lock.json | 111 +++++++++++++++++++
 package.json      |   5 +-
 3 files changed, 249 insertions(+), 135 deletions(-)

diff --git a/_data/pixels.json b/_data/pixels.json
index 83d0aca3df..d1d0fed396 100644
--- a/_data/pixels.json
+++ b/_data/pixels.json
@@ -1,137 +1,137 @@
 {
   "data": [
-    { "y": 2, "x": 2, "color": "#ff33C7", "username": "lassestilvang"},
-    { "y": 9, "x": 6, "color": "#696969", "username": "vipulchodankar" },
-		{ "y": 13, "x": 37, "color": "#C0FFEE", "username": "ProZsolt"},
-    { "y": 20, "x": 18, "color": "#CCE3DE", "username": "sakkshm"},
-    { "y": 27, "x": 11, "color": "#1485db", "username": "sakshamarora1"},
-    { "y": 29, "x": 39, "color": "#40a346", "username": "viktor-wolf"},
-    { "y": 10, "x": 11, "color": "#b603fc", "username": "smauer" },
-    { "y": 39, "x": 20, "color": "#0088cc", "username": "clintdavis" },
-    { "y": 10, "x": 5, "color": "#8a2be2", "username": "mfarberbrodsky"},
-    { "y": 7, "x": 8, "color": "#edb5f5", "username": "adilhussain" },
-    { "y": 7, "x": 21, "color": "#7dea11", "username": "rafajrg21" },
-    { "y": 4, "x": 4, "color": "#8A2BE2", "username": "tingaloo" },
-    { "y": 39, "x": 1, "color": "#34d3eb", "username": "jhonsnake" },
-    { "y": 1, "x": 3, "color": "#babaca", "username": "andrescalco" },
-    { "y": 32, "x": 32, "color": "#b3002d", "username": "danielhouston" },
-    { "y": 1, "x": 4, "color": "#006699", "username": "adrianolsk" },
-    { "y": 2, "x": 4, "color": "#663399", "username": "mtheoryx" },
-    { "y": 1, "x": 5, "color": "#F22F46", "username": "Venoox" },
-    { "y": 1, "x": 6, "color": "#FFA500", "username": "epeicher" },
-    { "y": 3, "x": 1, "color": "#F22F46", "username": "Xabadu" },
-    { "y": 3, "x": 3, "color": "#355577", "username": "HTMLGhozt" },
-    { "y": 3, "x": 6, "color": "#1E90FF", "username": "lex111" },
-    { "y": 3, "x": 8, "color": "#F22F46", "username": "sark01" },
-    { "y": 4, "x": 1, "color": "#F22F46", "username": "RaneWallin" },
-    { "y": 4, "x": 8, "color": "#FF77FF", "username": "small-ac" },
-    { "y": 5, "x": 1, "color": "#FF33C7", "username": "ThaLeprechaun" },
-    { "y": 5, "x": 3, "color": "#1e22aa", "username": "franciscofsales" },
-    { "y": 4, "x": 5, "color": "#e13a3e", "username": "mstewgt" },
-    { "y": 5, "x": 6, "color": "#990000", "username": "tstolswo" },
-    { "y": 5, "x": 8, "color": "#ed1d24", "username": "khuongTiet" },
-    { "y": 6, "x": 6, "color": "#000000", "username": "yashwin" },
-    { "y": 7, "x": 3, "color": "#58ad9e", "username": "ConorGrocock" },
-    { "y": 7, "x": 4, "color": "#1E90FF", "username": "nmmotus" },
-    { "y": 2, "x": 9, "color": "#c12d26", "username": "nsantiagoblair" },
-    { "y": 7, "x": 5, "color": "#9613f9", "username": "AidanJSmith" },
-    { "y": 7, "x": 6, "color": "#F22F46", "username": "kwhinnery" },
-    { "y": 10, "x": 10, "color": "#FF69B4", "username": "dkundel-releases" },
-    { "y": 15, "x": 15, "color": "#00FFFF", "username": "Jrdngill" },
-    { "y": 20, "x": 20, "color": "#604b86", "username": "amykapernick" },
-    { "y": 30, "x": 30, "color": "#FFA500", "username": "brianmyburgh" },
-    { "y": 9, "x": 29, "color": "#2C7A7B", "username": "Strider1990" },
-    { "y": 34, "x": 25, "color": "#147AF4", "username": "pashcovich" },
-    { "y": 38, "x": 38, "color": "#0f61c1", "username": "rickyrobinett" },
-    { "y": 39, "x": 39, "color": "#000080", "username": "rmkubik" },
-    { "y": 39, "x": 0, "color": "#623CE4", "username": "toddmoy" },
-    { "y": 38, "x": 0, "color": "#000000", "username": "nathan78906" },
-    { "y": 39, "x": 38, "color": "#00b2e2", "username": "duncanleung" },
-    { "y": 0, "x": 14, "color": "#2de1e1", "username": "jaderyan" },
-    { "y": 0, "x": 34, "color": "#ff2052", "username": "TheHandsomeCoder" },
-    { "y": 0, "x": 39, "color": "#800080", "username": "abdulajet" },
-    { "y": 37, "x": 37, "color": "#000080", "username": "robinske" },
-    { "y": 23, "x": 7, "color": "#00ff7f", "username": "nokenwa" },
-    { "y": 4, "x": 27, "color": "#32A2DB", "username": "FailedSitcom" },
-    { "y": 37, "x": 14, "color": "#444444", "username": "Babadzhanov" },
-    { "y": 6, "x": 21, "color": "#32A2D0", "username": "andreasonny83" },
-    { "y": 17, "x": 17, "color": "#5f32a8", "username": "Azuremis" },
-    { "y": 16, "x": 10, "color": "#5f5573", "username": "sranjani-s" },
-    { "y": 32, "x": 33, "color": "#ffffff", "username": "inesgs12" },
-    { "y": 12, "x": 21, "color": "#4CB944", "username": "simeydk" },
-    { "y": 12, "x": 22, "color": "#4e1344", "username": "Difegue" },
-    { "y": 17, "x": 31, "color": "#ffd60d", "username": "cobwebsonsale" },
-    { "y": 20, "x": 39, "color": "#ff5f15", "username": "zirmax" },
-    { "y": 20, "x": 38, "color": "#caff57", "username": "annthurium" },
-    { "y": 33, "x": 8, "color": "#ff7e00", "username": "phillipknight" },
-    { "y": 24, "x": 24, "color": "#000000", "username": "rightturn" },
-    { "y": 24, "x": 25, "color": "#FF8C00", "username": "kimberleejohnson" },
-    { "y": 9, "x": 15, "color": "#7b44e7", "username": "justinjunodev" },
-    { "y": 22, "x": 21, "color": "#f00BA4", "username": "jaace" },
-    { "y": 2, "x": 5, "color": "#ffc600", "username": "zhaluza" },
-    { "y": 19, "x": 36, "color": "#008080", "username": "thomaswells" },
-    { "y": 24, "x": 23, "color": "#FF8C00", "username": "philnash" },
-    { "y": 0, "x": 0, "color": "#D7F3F6", "username": "dionysuscho" },
-    { "y": 1, "x": 1, "color": "#9932CD", "username": "aaroncgoidel" },
-    { "y": 8, "x": 8, "color": "#800080", "username": "mickstevens" },
-    { "y": 26, "x": 14, "color": "#AB34BA", "username": "mjg123" },
-    { "y": 30, "x": 10, "color": "#FFFFFF", "username": "caranell" },
-    { "y": 7, "x": 7, "color": "#FF69B3", "username": "the-bose" },
-    { "y": 18, "x": 18, "color": "#af91ff", "username": "dewanshrawat15" },
-    { "y": 1, "x": 38, "color": "#FF8C00", "username": "mlomboglia" },
-    { "y": 5, "x": 13, "color": "#ff1f40", "username": "yash-garg" },
-    { "y": 20, "x": 0, "color": "##F44336", "username": "simson1" },
-    { "y": 14, "x": 14, "color": "#FF9C36", "username": "lucecarter" },
-    { "y": 0, "x": 20, "color": "##ffc40c", "username": "arirawr" },
-    { "y": 20, "x": 1, "color": "#FF0000", "username": "Arendt" },
-    { "y": 26, "x": 26, "color": "#72B630", "username": "enbonnet" },
-    { "y": 30, "x": 10, "color": "#00FF00", "username": "RanadeepPolavarapu" },
-    { "y": 30, "x": 10, "color": "#00FF00", "username": "Yashpatel12" },
-    { "y": 21, "x": 9, "color": "#ff7518", "username": "TyLippe" },
-    { "y": 1, "x": 10, "color": "#ff6f00", "username": "amilaneni99" },
-    { "y": 21, "x": 21, "color": "#CBF334", "username": "windixxie" },
-    { "y": 1, "x": 20, "color": "#9B59D0", "username": "memitaru" },
-    { "y": 26, "x": 19, "color": "#02AAAD", "username": "tacoelho" },
-    { "y": 30, "x": 11, "color": "#00FF00", "username": "jishnubn" },
-    { "y": 30, "x": 12, "color": "#5500ff", "username": "iiCe89" },
-    { "y": 20, "x": 10, "color": "#1E90FF", "username": "tgreenhalgh" },
-    { "y": 38, "x": 1, "color": "#A20000", "username": "danielcruz1" },
-    { "y": 12, "x": 7, "color": "#33ffca", "username": "lillialskye" },
-    { "y": 23, "x": 4, "color": "#f80", "username": "niklasmh" },
-    { "y": 34, "x": 10, "color": "#003366", "username": "mikeattara" },
-    { "y": 11, "x": 11, "color": "#FABee4", "username": "navierula" },
-    { "y": 19, "x": 11, "color": "#FA44FA", "username": "andre-filho" },
-    { "y": 10, "x": 23, "color": "#f12e45", "username": "aayushbisen" },
-    { "y": 2, "x": 14, "color": "#004A93", "username": "germmand" },
-    { "y": 15, "x": 35, "color": "#f12e45", "username": "MariyaAsterisk" },
-    { "y": 24, "x": 7, "color": "#B6084F", "username": "didacta" },
-    { "y": 11, "x": 29, "color": "#d5f9fd", "username": "steveperkins" },
-    { "y": 3, "x": 15, "color": "#5DC1B9", "username": "baronrafael" },
-    { "y": 20, "x": 15, "color": "#E57200", "username": "AM-Myrick" },
-    { "y": 26, "x": 12, "color": "#3d0813", "username": "leila100" },
-    { "y": 4, "x": 39, "color": "#33CEFF", "username": "micaswyers" },
-    { "y": 20, "x": 3, "color": "#ab1063", "username": "RashaMou" },
-    { "y": 25, "x": 25, "color": "#a11ec6", "username": "Joshua-Burleson"},
-    { "y": 27, "x": 27, "color": "#2BFFB9", "username": "niralpokal"},
-    { "y": 4, "x": 20, "color": "#88B04B", "username": "corrinachow" },
-    { "y": 22, "x": 22, "color": "#0642AB", "username": "teejayen"},
-    { "y": 6, "x": 21, "color": "#0038fe", "username": "debsubhro" },
-    { "y": 15, "x": 25, "color": "#5EB820", "username": "diab3t3s"},
-    { "y": 29, "x": 29, "color": "#ff0000", "username": "IrvinDominin" },
-    { "y": 25, "x": 19, "color": "#AF2800", "username": "Shaedil" },
-    { "y": 20, "x": 21, "color": "#348AA7", "username": "kunwar97" },
-    { "y": 0, "x": 0, "color": "#ffce00", "username": "masterkn48" },
-    { "y": 2, "x": 20, "color": "#33CEFF", "username": "JUANKCL" },
-    { "y": 0, "x": 1, "color": "#ffce00", "username": "huntlax" },
-    { "y": 11, "x" : 23, "color" : "#34ebc6", "username": "harshsngh07"},
-    { "y": 13, "x": 26, "color" : "#00ffff", "username": "Rajchowdhury420"},
-    { "y": 17, "x": 17, "color": "#0066cc", "username": "troyanov" },
-    { "y": 25, "x": 30, "color": "#fe5186", "username": "rpalaciosg"},
-    { "y": 5, "x": 5, "color": "#555555", "username": "wkiril"},
-    { "y": 14, "x": 20, "color": "#1183ca", "username": "Tatvam"},
-    { "y": 15, "x": 21, "color": "#1183ca", "username": "prabhu-moorthy"},
-    { "y": 31, "x": 0, "color": "#64b6d9", "username": "Kerl1310" },
-    { "y": 8, "x": 6, "color": "#BADA55", "username": "JeremyPittard" },
-    { "y": 21, "x": 10, "color": "#0271AD", "username": "louthinker" }
+    {"y": 0, "x": 0, "color": "#ffce00", "username": "masterkn48"},
+    {"y": 0, "x": 1, "color": "#ffce00", "username": "huntlax"},
+    {"y": 0, "x": 2, "color": "#D7F3F6", "username": "dionysuscho"},
+    {"y": 0, "x": 14, "color": "#2de1e1", "username": "jaderyan"},
+    {"y": 0, "x": 20, "color": "##ffc40c", "username": "arirawr"},
+    {"y": 0, "x": 34, "color": "#ff2052", "username": "TheHandsomeCoder"},
+    {"y": 0, "x": 39, "color": "#800080", "username": "abdulajet"},
+    {"y": 1, "x": 1, "color": "#9932CD", "username": "aaroncgoidel"},
+    {"y": 1, "x": 3, "color": "#babaca", "username": "andrescalco"},
+    {"y": 1, "x": 4, "color": "#006699", "username": "adrianolsk"},
+    {"y": 1, "x": 5, "color": "#F22F46", "username": "Venoox"},
+    {"y": 1, "x": 6, "color": "#FFA500", "username": "epeicher"},
+    {"y": 1, "x": 10, "color": "#ff6f00", "username": "amilaneni99"},
+    {"y": 1, "x": 20, "color": "#9B59D0", "username": "memitaru"},
+    {"y": 1, "x": 38, "color": "#FF8C00", "username": "mlomboglia"},
+    {"y": 2, "x": 2, "color": "#ff33C7", "username": "lassestilvang"},
+    {"y": 2, "x": 4, "color": "#663399", "username": "mtheoryx"},
+    {"y": 2, "x": 5, "color": "#ffc600", "username": "zhaluza"},
+    {"y": 2, "x": 9, "color": "#c12d26", "username": "nsantiagoblair"},
+    {"y": 2, "x": 14, "color": "#004A93", "username": "germmand"},
+    {"y": 2, "x": 20, "color": "#33CEFF", "username": "JUANKCL"},
+    {"y": 3, "x": 1, "color": "#F22F46", "username": "Xabadu"},
+    {"y": 3, "x": 3, "color": "#355577", "username": "HTMLGhozt"},
+    {"y": 3, "x": 6, "color": "#1E90FF", "username": "lex111"},
+    {"y": 3, "x": 8, "color": "#F22F46", "username": "sark01"},
+    {"y": 3, "x": 15, "color": "#5DC1B9", "username": "baronrafael"},
+    {"y": 4, "x": 1, "color": "#F22F46", "username": "RaneWallin"},
+    {"y": 4, "x": 4, "color": "#8A2BE2", "username": "tingaloo"},
+    {"y": 4, "x": 5, "color": "#e13a3e", "username": "mstewgt"},
+    {"y": 4, "x": 8, "color": "#FF77FF", "username": "small-ac"},
+    {"y": 4, "x": 20, "color": "#88B04B", "username": "corrinachow"},
+    {"y": 4, "x": 27, "color": "#32A2DB", "username": "FailedSitcom"},
+    {"y": 4, "x": 39, "color": "#33CEFF", "username": "micaswyers"},
+    {"y": 5, "x": 1, "color": "#FF33C7", "username": "ThaLeprechaun"},
+    {"y": 5, "x": 3, "color": "#1e22aa", "username": "franciscofsales"},
+    {"y": 5, "x": 5, "color": "#555555", "username": "wkiril"},
+    {"y": 5, "x": 6, "color": "#990000", "username": "tstolswo"},
+    {"y": 5, "x": 8, "color": "#ed1d24", "username": "khuongTiet"},
+    {"y": 5, "x": 13, "color": "#ff1f40", "username": "yash-garg"},
+    {"y": 6, "x": 6, "color": "#000000", "username": "yashwin"},
+    {"y": 6, "x": 21, "color": "#32A2D0", "username": "andreasonny83"},
+    {"y": 6, "x": 22, "color": "#0038fe", "username": "debsubhro"},
+    {"y": 7, "x": 3, "color": "#58ad9e", "username": "ConorGrocock"},
+    {"y": 7, "x": 4, "color": "#1E90FF", "username": "nmmotus"},
+    {"y": 7, "x": 5, "color": "#9613f9", "username": "AidanJSmith"},
+    {"y": 7, "x": 6, "color": "#F22F46", "username": "kwhinnery"},
+    {"y": 7, "x": 7, "color": "#FF69B3", "username": "the-bose"},
+    {"y": 7, "x": 8, "color": "#edb5f5", "username": "adilhussain"},
+    {"y": 7, "x": 21, "color": "#7dea11", "username": "rafajrg21"},
+    {"y": 8, "x": 6, "color": "#BADA55", "username": "JeremyPittard"},
+    {"y": 8, "x": 8, "color": "#800080", "username": "mickstevens"},
+    {"y": 9, "x": 6, "color": "#696969", "username": "vipulchodankar"},
+    {"y": 9, "x": 15, "color": "#7b44e7", "username": "justinjunodev"},
+    {"y": 9, "x": 29, "color": "#2C7A7B", "username": "Strider1990"},
+    {"y": 10, "x": 5, "color": "#8a2be2", "username": "mfarberbrodsky"},
+    {"y": 10, "x": 10, "color": "#FF69B4", "username": "dkundel-releases"},
+    {"y": 10, "x": 11, "color": "#b603fc", "username": "smauer"},
+    {"y": 10, "x": 23, "color": "#f12e45", "username": "aayushbisen"},
+    {"y": 11, "x": 11, "color": "#FABee4", "username": "navierula"},
+    {"y": 11, "x": 23, "color": "#34ebc6", "username": "harshsngh07"},
+    {"y": 11, "x": 29, "color": "#d5f9fd", "username": "steveperkins"},
+    {"y": 12, "x": 7, "color": "#33ffca", "username": "lillialskye"},
+    {"y": 12, "x": 21, "color": "#4CB944", "username": "simeydk"},
+    {"y": 12, "x": 22, "color": "#4e1344", "username": "Difegue"},
+    {"y": 13, "x": 26, "color": "#00ffff", "username": "Rajchowdhury420"},
+    {"y": 13, "x": 37, "color": "#C0FFEE", "username": "ProZsolt"},
+    {"y": 14, "x": 14, "color": "#FF9C36", "username": "lucecarter"},
+    {"y": 14, "x": 20, "color": "#1183ca", "username": "Tatvam"},
+    {"y": 15, "x": 15, "color": "#00FFFF", "username": "Jrdngill"},
+    {"y": 15, "x": 21, "color": "#1183ca", "username": "prabhu-moorthy"},
+    {"y": 15, "x": 25, "color": "#5EB820", "username": "diab3t3s"},
+    {"y": 15, "x": 35, "color": "#f12e45", "username": "MariyaAsterisk"},
+    {"y": 16, "x": 10, "color": "#5f5573", "username": "sranjani-s"},
+    {"y": 17, "x": 17, "color": "#5f32a8", "username": "Azuremis"},
+    {"y": 17, "x": 17, "color": "#0066cc", "username": "troyanov"},
+    {"y": 17, "x": 31, "color": "#ffd60d", "username": "cobwebsonsale"},
+    {"y": 18, "x": 18, "color": "#af91ff", "username": "dewanshrawat15"},
+    {"y": 19, "x": 11, "color": "#FA44FA", "username": "andre-filho"},
+    {"y": 19, "x": 36, "color": "#008080", "username": "thomaswells"},
+    {"y": 20, "x": 0, "color": "##F44336", "username": "simson1"},
+    {"y": 20, "x": 1, "color": "#FF0000", "username": "Arendt"},
+    {"y": 20, "x": 3, "color": "#ab1063", "username": "RashaMou"},
+    {"y": 20, "x": 10, "color": "#1E90FF", "username": "tgreenhalgh"},
+    {"y": 20, "x": 15, "color": "#E57200", "username": "AM-Myrick"},
+    {"y": 20, "x": 18, "color": "#CCE3DE", "username": "sakkshm"},
+    {"y": 20, "x": 20, "color": "#604b86", "username": "amykapernick"},
+    {"y": 20, "x": 21, "color": "#348AA7", "username": "kunwar97"},
+    {"y": 20, "x": 38, "color": "#caff57", "username": "annthurium"},
+    {"y": 20, "x": 39, "color": "#ff5f15", "username": "zirmax"},
+    {"y": 21, "x": 9, "color": "#ff7518", "username": "TyLippe"},
+    {"y": 21, "x": 10, "color": "#0271AD", "username": "louthinker"},
+    {"y": 21, "x": 21, "color": "#CBF334", "username": "windixxie"},
+    {"y": 22, "x": 21, "color": "#f00BA4", "username": "jaace"},
+    {"y": 22, "x": 22, "color": "#0642AB", "username": "teejayen"},
+    {"y": 23, "x": 4, "color": "#f80", "username": "niklasmh"},
+    {"y": 23, "x": 7, "color": "#00ff7f", "username": "nokenwa"},
+    {"y": 24, "x": 7, "color": "#B6084F", "username": "didacta"},
+    {"y": 24, "x": 23, "color": "#FF8C00", "username": "philnash"},
+    {"y": 24, "x": 24, "color": "#000000", "username": "rightturn"},
+    {"y": 24, "x": 25, "color": "#FF8C00", "username": "kimberleejohnson"},
+    {"y": 25, "x": 19, "color": "#AF2800", "username": "Shaedil"},
+    {"y": 25, "x": 25, "color": "#a11ec6", "username": "Joshua-Burleson"},
+    {"y": 25, "x": 30, "color": "#fe5186", "username": "rpalaciosg"},
+    {"y": 26, "x": 12, "color": "#3d0813", "username": "leila100"},
+    {"y": 26, "x": 14, "color": "#AB34BA", "username": "mjg123"},
+    {"y": 26, "x": 19, "color": "#02AAAD", "username": "tacoelho"},
+    {"y": 26, "x": 26, "color": "#72B630", "username": "enbonnet"},
+    {"y": 27, "x": 11, "color": "#1485db", "username": "sakshamarora1"},
+    {"y": 27, "x": 27, "color": "#2BFFB9", "username": "niralpokal"},
+    {"y": 29, "x": 29, "color": "#ff0000", "username": "IrvinDominin"},
+    {"y": 29, "x": 39, "color": "#40a346", "username": "viktor-wolf"},
+    {"y": 30, "x": 10, "color": "#00FF00", "username": "Yashpatel12"},
+    {"y": 30, "x": 11, "color": "#00FF00", "username": "jishnubn"},
+    {"y": 30, "x": 12, "color": "#5500ff", "username": "iiCe89"},
+    {"y": 30, "x": 13, "color": "#FFFFFF", "username": "caranell"},
+    {"y": 30, "x": 14, "color": "#00FF00", "username": "RanadeepPolavarapu"},
+    {"y": 30, "x": 30, "color": "#FFA500", "username": "brianmyburgh"},
+    {"y": 31, "x": 0, "color": "#64b6d9", "username": "Kerl1310"},
+    {"y": 32, "x": 32, "color": "#b3002d", "username": "danielhouston"},
+    {"y": 32, "x": 33, "color": "#ffffff", "username": "inesgs12"},
+    {"y": 33, "x": 8, "color": "#ff7e00", "username": "phillipknight"},
+    {"y": 34, "x": 10, "color": "#003366", "username": "mikeattara"},
+    {"y": 34, "x": 25, "color": "#147AF4", "username": "pashcovich"},
+    {"y": 37, "x": 14, "color": "#444444", "username": "Babadzhanov"},
+    {"y": 37, "x": 37, "color": "#000080", "username": "robinske"},
+    {"y": 38, "x": 0, "color": "#000000", "username": "nathan78906"},
+    {"y": 38, "x": 1, "color": "#A20000", "username": "danielcruz1"},
+    {"y": 38, "x": 38, "color": "#0f61c1", "username": "rickyrobinett"},
+    {"y": 39, "x": 0, "color": "#623CE4", "username": "toddmoy"},
+    {"y": 39, "x": 1, "color": "#34d3eb", "username": "jhonsnake"},
+    {"y": 39, "x": 20, "color": "#0088cc", "username": "clintdavis"},
+    {"y": 39, "x": 38, "color": "#00b2e2", "username": "duncanleung"},
+    {"y": 39, "x": 39, "color": "#000080", "username": "rmkubik"}
   ]
-}
+}
\ No newline at end of file
diff --git a/package-lock.json b/package-lock.json
index de459ddb0e..355dce1e14 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -6346,6 +6346,12 @@
         "readable-stream": "^2.0.1"
       }
     },
+    "memorystream": {
+      "version": "0.3.1",
+      "resolved": "https://registry.npmjs.org/memorystream/-/memorystream-0.3.1.tgz",
+      "integrity": "sha1-htcJCzDORV1j+64S3aUaR93K+bI=",
+      "dev": true
+    },
     "merge-stream": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/merge-stream/-/merge-stream-2.0.0.tgz",
@@ -6665,6 +6671,88 @@
       "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==",
       "dev": true
     },
+    "npm-run-all": {
+      "version": "4.1.5",
+      "resolved": "https://registry.npmjs.org/npm-run-all/-/npm-run-all-4.1.5.tgz",
+      "integrity": "sha512-Oo82gJDAVcaMdi3nuoKFavkIHBRVqQ1qvMb+9LHk/cF4P6B2m8aP04hGf7oL6wZ9BuGwX1onlLhpuoofSyoQDQ==",
+      "dev": true,
+      "requires": {
+        "ansi-styles": "^3.2.1",
+        "chalk": "^2.4.1",
+        "cross-spawn": "^6.0.5",
+        "memorystream": "^0.3.1",
+        "minimatch": "^3.0.4",
+        "pidtree": "^0.3.0",
+        "read-pkg": "^3.0.0",
+        "shell-quote": "^1.6.1",
+        "string.prototype.padend": "^3.0.0"
+      },
+      "dependencies": {
+        "ansi-styles": {
+          "version": "3.2.1",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
+          "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
+          "dev": true,
+          "requires": {
+            "color-convert": "^1.9.0"
+          }
+        },
+        "load-json-file": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/load-json-file/-/load-json-file-4.0.0.tgz",
+          "integrity": "sha1-L19Fq5HjMhYjT9U62rZo607AmTs=",
+          "dev": true,
+          "requires": {
+            "graceful-fs": "^4.1.2",
+            "parse-json": "^4.0.0",
+            "pify": "^3.0.0",
+            "strip-bom": "^3.0.0"
+          }
+        },
+        "parse-json": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-4.0.0.tgz",
+          "integrity": "sha1-vjX1Qlvh9/bHRxhPmKeIy5lHfuA=",
+          "dev": true,
+          "requires": {
+            "error-ex": "^1.3.1",
+            "json-parse-better-errors": "^1.0.1"
+          }
+        },
+        "path-type": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/path-type/-/path-type-3.0.0.tgz",
+          "integrity": "sha512-T2ZUsdZFHgA3u4e5PfPbjd7HDDpxPnQb5jN0SrDsjNSuVXHJqtwTnWqG0B1jZrgmJ/7lj1EmVIByWt1gxGkWvg==",
+          "dev": true,
+          "requires": {
+            "pify": "^3.0.0"
+          }
+        },
+        "pify": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/pify/-/pify-3.0.0.tgz",
+          "integrity": "sha1-5aSs0sEB/fPZpNB/DbxNtJ3SgXY=",
+          "dev": true
+        },
+        "read-pkg": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/read-pkg/-/read-pkg-3.0.0.tgz",
+          "integrity": "sha1-nLxoaXj+5l0WwA4rGcI3/Pbjg4k=",
+          "dev": true,
+          "requires": {
+            "load-json-file": "^4.0.0",
+            "normalize-package-data": "^2.3.2",
+            "path-type": "^3.0.0"
+          }
+        },
+        "strip-bom": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/strip-bom/-/strip-bom-3.0.0.tgz",
+          "integrity": "sha1-IzTBjpx1n3vdVv3vfprj1YjmjtM=",
+          "dev": true
+        }
+      }
+    },
     "npm-run-path": {
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/npm-run-path/-/npm-run-path-2.0.2.tgz",
@@ -7189,6 +7277,12 @@
       "integrity": "sha512-oLHIdio3tZ0qH76NybpeneBhYVj0QFTfXEFTc/B3zKQspYfYYkWYgFsmzo+4kvId/bQRcNkVeguI3y+CD22BtA==",
       "dev": true
     },
+    "pidtree": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/pidtree/-/pidtree-0.3.0.tgz",
+      "integrity": "sha512-9CT4NFlDcosssyg8KVFltgokyKZIFjoBxw8CTGy+5F38Y1eQWrt8tRayiUOXE+zVKQnYu5BR8JjCtvK3BcnBhg==",
+      "dev": true
+    },
     "pify": {
       "version": "2.3.0",
       "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz",
@@ -8327,6 +8421,12 @@
       "integrity": "sha1-2kL0l0DAtC2yypcoVxyxkMmO/qM=",
       "dev": true
     },
+    "shell-quote": {
+      "version": "1.7.2",
+      "resolved": "https://registry.npmjs.org/shell-quote/-/shell-quote-1.7.2.tgz",
+      "integrity": "sha512-mRz/m/JVscCrkMyPqHc/bczi3OQHkLTqXHEFu0zDhK/qfv3UcOA4SVmRCLmos4bhjr9ekVQubj/R7waKapmiQg==",
+      "dev": true
+    },
     "shellwords": {
       "version": "0.1.1",
       "resolved": "https://registry.npmjs.org/shellwords/-/shellwords-0.1.1.tgz",
@@ -8834,6 +8934,17 @@
         "strip-ansi": "^3.0.0"
       }
     },
+    "string.prototype.padend": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/string.prototype.padend/-/string.prototype.padend-3.0.0.tgz",
+      "integrity": "sha1-86rvfBcZ8XDF6rHDK/eA2W4h8vA=",
+      "dev": true,
+      "requires": {
+        "define-properties": "^1.1.2",
+        "es-abstract": "^1.4.3",
+        "function-bind": "^1.0.2"
+      }
+    },
     "string.prototype.trimleft": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/string.prototype.trimleft/-/string.prototype.trimleft-2.0.0.tgz",
diff --git a/package.json b/package.json
index 55bc4cb8d0..ddc1b5f6f5 100644
--- a/package.json
+++ b/package.json
@@ -6,7 +6,9 @@
   "scripts": {
     "start": "eleventy --serve",
     "build": "eleventy",
-    "pretest": "prettier --write \"**/*.js\"",
+    "format:json": "node tasks/sortPixels.js",
+    "prettier": "prettier --write \"**/*.js\"",
+    "pretest": "run-s format:json prettier",
     "test": "jest"
   },
   "repository": {
@@ -28,6 +30,7 @@
     "dot-prop": "^5.1.0",
     "jest": "^24.9.0",
     "json-stringify-pretty-compact": "^2.0.0",
+    "npm-run-all": "^4.1.5",
     "prettier": "^1.18.2"
   },
   "dependencies": {