added SCSS processing, adding notes

src/lib/palettes.json

@@ -0,0 +1,29 @@
+{
+    "analogues": {
+        "Orange (Crayola)":"f3722c",
+        "Carrot orange":"f8961e",
+        "Coral":"f9844a",
+        "Saffron":"f9c74f",
+        "Pistachio":"90be6d",
+        "Zomp":"43aa8b",
+        "Dark cyan":"4d908e",
+        "Payne's gray":"577590",
+        "Cerulean":"277da1"
+    },
+    "affiliates": {
+        "Rich black":"03071e",
+        "Chocolate cosmos":"370617",
+        "Rosewood":"6a040f",
+        "Penn red":"9d0208",
+        "Engineering orange":"d00000",
+        "Sinopia":"dc2f02",
+        "Persimmon":"e85d04",
+        "Princeton orange":"f48c06",
+        "Orange (web)":"faa307",
+        "Selective yellow":"ffba08"
+    },
+    "categories": {
+
+    }
+
+}

src/routes/+page.svelte

@@ -27,11 +27,11 @@
                     }
                 });
             }
-            getAnalogues(analogues, tech) {
+           /* getAnalogues(analogues, tech) {
                 single =
                 if
                 analogues = analogues.concat(local);
-            }
+            }*/
         });
         /*affiliates.forEach(function(num, tag) {
             console.log(tag + ': ' + num);
@@ -101,7 +101,7 @@
     {/each}
 </div>
 
-<style>
+<style lang="scss">
     html { background-color: #eee; }
     body {
         background-color: #fff;
@@ -151,9 +151,14 @@
         .collapse { display: block; }
         .collapse > .cell { width: 100% !important; }
     }
-   /* .no-flexbox .webservices {
+    .no-flexbox .webservices {
         display: block;
         .no-flexbox .webservices > cell { width: 100%; }
-    } */
+    }
+    div {
+        h2 {
+            color: green;
+        }
+    }
 
 </style>