diff --git a/css/style.css b/css/style.css index 7bad6db..24bdcda 100644 --- a/css/style.css +++ b/css/style.css @@ -7,7 +7,9 @@ .results-matrix { font-size:0; + margin:0 auto; text-align:center; + width:700px; } .results-matrix img { diff --git a/index.html b/index.html index 9441066..b4ab88d 100644 --- a/index.html +++ b/index.html @@ -26,11 +26,7 @@ Your task is to create an algorithm that makes the most accurate looking copy of

-My solution is not everything I wished, but it was a fun exercise. -

- -

-The code basically takes a random pixel and uses a binary search to find a match in the target palette, weighted for the red component. Here are the results for that approach. +I developed a solution that takes a random pixel and uses a binary search to find a match in the target palette, weighted for the red component. Here are the results for that approach.

Results

@@ -40,118 +36,118 @@ The code basically takes a random pixel and uses a binary search to find a match

- - Gothic original + + Gothic original - - Gothic -> Mona Lisa + + Gothic -> Mona Lisa - - Gothic -> Scream + + Gothic -> Scream - - Gothic -> Spheres + + Gothic -> Spheres - - Gothic -> Starry Night + + Gothic -> Starry Night - - Gothic -> Stream + + Gothic -> Stream - - Mona -> Gothic + + Mona -> Gothic - - Mona Lisa original + + Mona Lisa original - - Mona -> Scream + + Mona -> Scream - - Mona -> Spheres + + Mona -> Spheres - - Mona -> Starry Night + + Mona -> Starry Night - - Mona -> Stream + + Mona -> Stream - - Scream -> Gothic + + Scream -> Gothic - - Scream -> Mona Lisa + + Scream -> Mona Lisa - - Scream original + + Scream original - - Scream -> Spheres + + Scream -> Spheres - - Scream -> Starry Night + + Scream -> Starry Night - - Scream -> Stream + + Scream -> Stream - - Spheres -> Gothic + + Spheres -> Gothic - - Spheres -> Mona Lisa + + Spheres -> Mona Lisa - - Spheres -> Scream + + Spheres -> Scream - - Spheres original + + Spheres original - - Spheres -> Starry Night + + Spheres -> Starry Night - - Spheres -> Stream + + Spheres -> Stream - - Starry -> Gothic + + Starry -> Gothic - - Starry -> Mona Lisa + + Starry -> Mona Lisa - - Starry -> Scream + + Starry -> Scream - - Starry -> Spheres + + Starry -> Spheres - - Starry Night original + + Starry Night original - - Starry -> Stream + + Starry -> Stream - - Stream -> Gothic + + Stream -> Gothic - - Stream -> Mona Lisa + + Stream -> Mona Lisa - - Stream -> Scream + + Stream -> Scream - - Stream -> Spheres + + Stream -> Spheres - - Stream -> Starry Night + + Stream -> Starry Night - - Stream original + + Stream original