add political compass canvas

src/canvases.json

@@ -207,5 +207,36 @@
     "req": 0,
     "sd": "2020-03-15",
     "desc": "Special canvas to spread awareness of SARS-CoV2"
+  },
+  "4": {
+    "ident": "p",
+    "title": "Political Compass",
+    "colors": [
+      [ 196, 196, 196 ],
+      [ 0, 243, 0 ],
+      [ 0, 105, 43 ],
+      [ 0, 247, 250 ],
+      [ 5, 50, 250 ],
+      [ 156, 69, 250 ],
+      [ 213, 43, 162 ],
+      [ 252, 121, 250 ],
+      [ 0, 0, 0 ],
+      [ 249, 249, 249 ],
+      [ 146, 146, 146 ],
+      [ 132, 90, 42 ],
+      [ 252, 37, 0 ],
+      [ 245, 162, 29 ],
+      [ 250, 210, 168 ],
+      [ 250, 246, 0 ]
+        ],
+    "size": 1024,
+    "cli": 0,
+    "bcd": 5000,
+    "pcd": 5000,
+    "cds": 60000,
+    "ranked": true,
+    "req": -1,
+    "sd": "2020-05-11",
+    "desc": "A meme"
   }
 }

src/components/Palette.jsx

@@ -125,7 +125,7 @@ function Palette({
         style={paletteStyle}
         onTransitionEnd={onTransitionEnd}
       >
-        {colors.slice(2).map((color, index) => (
+        {colors.slice(clrIgnore).map((color, index) => (
           <span
             style={{
               backgroundColor: color,