Merge pull request #4 from CrispyBaguette/nearest-neighbor-image-rendering

nearest neighbor image rendering

README.md

@@ -18,7 +18,7 @@ npx http-server
 A version is also available on IPFS:
 
 ```
-/ipfs/QmU6MmYFEvEYcNLdJZKJ7LfTuAPhPnpLwiUt4YcmANQESP
+/ipfs/Qmdnx5vkt8qietF5BkEDTwxZUFKkh5g7FwYv1CgXYhQV1o
 ```
 
-You can access it directly [here](https://ipfs.io/ipfs/QmU6MmYFEvEYcNLdJZKJ7LfTuAPhPnpLwiUt4YcmANQESP/).
+You can access it directly [here](https://ipfs.io/ipfs/Qmdnx5vkt8qietF5BkEDTwxZUFKkh5g7FwYv1CgXYhQV1oP/).

dist/index.html

@@ -39,6 +39,14 @@
       #output {
         max-width: 100%;
         align-self: center;
+        image-rendering: optimizeSpeed; /* Legal fallback */
+        image-rendering: -moz-crisp-edges; /* Firefox        */
+        image-rendering: -o-crisp-edges; /* Opera          */
+        image-rendering: -webkit-optimize-contrast; /* Safari         */
+        image-rendering: optimize-contrast; /* CSS3 Proposed  */
+        image-rendering: crisp-edges; /* CSS4 Proposed  */
+        image-rendering: pixelated; /* CSS4 Proposed  */
+        -ms-interpolation-mode: nearest-neighbor; /* IE8+           */
       }
       @media print {
         body {