show source imagery for comparison

fidelthomet · Sep 14, 2024 · d78152e · d78152e
1 parent f26f801
commit d78152e
Showing 1 changed file with 16 additions and 3 deletions.
diff --git a/index.html b/index.html
@@ -11,14 +11,27 @@
 <body>
   <h1>dithering</h1>
   <h2>image</h2>
-  <dither-dither src="./hermannstrasse.jpg"></dither-dither>
+  <div>
+    <img src="./hermannstrasse.jpg" />
+    <dither-dither src="./hermannstrasse.jpg"></dither-dither>
+  </div>
   <h2>video</h2>
-  <dither-dither src="./hermannstrasse.mp4" video></dither-dither>
+  <div>
+    <video src="./hermannstrasse.mp4" muted autoplay loop></video>
+    <dither-dither src="./hermannstrasse.mp4" video></dither-dither>
+  </div>
   <h2>custom threshold map</h2>
-  <dither-dither src="./hermannstrasse.jpg" threshold-map="./bayer8x8.png" lazy></dither-dither>
+  <div>
+    <img src="./hermannstrasse.jpg" />
+    <dither-dither src="./hermannstrasse.jpg" threshold-map="./bayer8x8.png" lazy></dither-dither>
+  </div>
 
 </body>
 <style>
+  div {
+    display: flex;
+    gap: 10px;
+  }
 </style>
 
 </html>