Support SVG images, emoji to clipboard, use datalist, fixes #46, fixes …

…#42

assets/main.css

@@ -47,6 +47,7 @@ header > * {
   color: #ffd700;
   padding: 10px;
   text-decoration: none;
+  cursor: pointer;
 }
 
 .btn:hover {

build/loadedTo.json

@@ -1 +1 @@
-18765029
+20732262

buy.html

@@ -62,7 +62,23 @@ <h2>Which Square would you like?</h2>
     // Load personalizations ///////////////////////////////////////////////////////////////////////////////////////////
     fetch("build/squarePersonalizations.json")
       .then(response => response.json())
-      .then(data => { squarePersonalizations = data; });
+      .then(data => { squarePersonalizations = data; })
+      .then(data => {
+        // Setup datalist for square number input
+        const datalist = document.createElement("datalist");
+        datalist.id = "square-numbers";
+        for (let i = 1; i <= 10000; i++) {
+          if (squarePersonalizations && squarePersonalizations[i-1]) {
+            continue;
+          }
+          const option = document.createElement("option");
+          option.value = i;
+          datalist.appendChild(option);
+        }
+        squareNumberInput.setAttribute("list", "square-numbers");
+        squareNumberInput.parentNode.appendChild(datalist);
+        console.log(datalist);
+      })
 
     // Validate Square number //////////////////////////////////////////////////////////////////////////////////////////
     squareNumberInput.addEventListener("input", ()=>{

erc721/00001.json

@@ -1 +1 @@
-{"name":"Square #1","description":"","image":"https://tenthousandsu.com/erc721/00001.png","external_url":"https://tenthousandsu.com/square#00001","attributes":[{"trait_type":"Row","value":1},{"trait_type":"Column","value":1},{"trait_type":"Manhattan distance to center","value":98},{"trait_type":"Prime divisors","value":0},{"trait_type":"Palindrome","value":"ALL SAME DIGIT"}]}
+{"name":"Square #1","description":"","image":"https://tenthousandsu.com/erc721/00001.svg","external_url":"https://tenthousandsu.com/square#00001","attributes":[{"trait_type":"Row","value":1},{"trait_type":"Column","value":1},{"trait_type":"Manhattan distance to center","value":98},{"trait_type":"Prime divisors","value":0},{"trait_type":"Palindrome","value":"ALL SAME DIGIT"}]}

erc721/00002.json

@@ -1 +1 @@
-{"name":"Square #2","description":"","image":"https://tenthousandsu.com/erc721/00002.png","external_url":"https://tenthousandsu.com/square#00002","attributes":[{"trait_type":"Row","value":1},{"trait_type":"Column","value":2},{"trait_type":"Manhattan distance to center","value":97},{"trait_type":"Prime divisors","value":1},{"trait_type":"Palindrome","value":"ALL SAME DIGIT"}]}
+{"name":"Square #2","description":"","image":"https://tenthousandsu.com/erc721/00002.svg","external_url":"https://tenthousandsu.com/square#00002","attributes":[{"trait_type":"Row","value":1},{"trait_type":"Column","value":2},{"trait_type":"Manhattan distance to center","value":97},{"trait_type":"Prime divisors","value":1},{"trait_type":"Palindrome","value":"ALL SAME DIGIT"}]}

erc721/00003.json

@@ -1 +1 @@
-{"name":"Square #3","description":"","image":"https://tenthousandsu.com/erc721/00003.png","external_url":"https://tenthousandsu.com/square#00003","attributes":[{"trait_type":"Row","value":1},{"trait_type":"Column","value":3},{"trait_type":"Manhattan distance to center","value":96},{"trait_type":"Prime divisors","value":1},{"trait_type":"Palindrome","value":"ALL SAME DIGIT"}]}
+{"name":"Square #3","description":"","image":"https://tenthousandsu.com/erc721/00003.svg","external_url":"https://tenthousandsu.com/square#00003","attributes":[{"trait_type":"Row","value":1},{"trait_type":"Column","value":3},{"trait_type":"Manhattan distance to center","value":96},{"trait_type":"Prime divisors","value":1},{"trait_type":"Palindrome","value":"ALL SAME DIGIT"}]}

erc721/00004.json

@@ -1 +1 @@
-{"name":"Square #4","description":"","image":"https://tenthousandsu.com/erc721/00004.png","external_url":"https://tenthousandsu.com/square#00004","attributes":[{"trait_type":"Row","value":1},{"trait_type":"Column","value":4},{"trait_type":"Manhattan distance to center","value":95},{"trait_type":"Prime divisors","value":2},{"trait_type":"Palindrome","value":"ALL SAME DIGIT"}]}
+{"name":"Square #4","description":"","image":"https://tenthousandsu.com/erc721/00004.svg","external_url":"https://tenthousandsu.com/square#00004","attributes":[{"trait_type":"Row","value":1},{"trait_type":"Column","value":4},{"trait_type":"Manhattan distance to center","value":95},{"trait_type":"Prime divisors","value":2},{"trait_type":"Palindrome","value":"ALL SAME DIGIT"}]}

erc721/00005.json

@@ -1 +1 @@
-{"name":"Square #5","description":"","image":"https://tenthousandsu.com/erc721/00005.png","external_url":"https://tenthousandsu.com/square#00005","attributes":[{"trait_type":"Row","value":1},{"trait_type":"Column","value":5},{"trait_type":"Manhattan distance to center","value":94},{"trait_type":"Prime divisors","value":1},{"trait_type":"Palindrome","value":"ALL SAME DIGIT"}]}
+{"name":"Square #5","description":"","image":"https://tenthousandsu.com/erc721/00005.svg","external_url":"https://tenthousandsu.com/square#00005","attributes":[{"trait_type":"Row","value":1},{"trait_type":"Column","value":5},{"trait_type":"Manhattan distance to center","value":94},{"trait_type":"Prime divisors","value":1},{"trait_type":"Palindrome","value":"ALL SAME DIGIT"}]}