From e252b9a44d8569127cf5fe0bd4dc7195358d2d47 Mon Sep 17 00:00:00 2001
From: Joe March <jgm45@cam.ac.uk>
Date: Thu, 24 Oct 2024 10:01:21 -0700
Subject: [PATCH] Updated image view

---
 index.html | 92 ++++++++++++++++++++++++++++++------------------------
 1 file changed, 52 insertions(+), 40 deletions(-)
diff --git a/index.html b/index.html
index 4789b16..0141750 100644
--- a/index.html
+++ b/index.html
@@ -6,79 +6,91 @@
 <body>
 
 <div class="scroll-container">
-      <img src="3b/gain-enhanced/1_gain_enhanced_region_1.png" alt="Snow" style="width:50%">
-      <img src="3b/gain-enhanced/1_gain_enhanced_region_2.png" alt="Forest" style="width:50%">
-      <img src="3b/gain-enhanced/1_gain_enhanced_region_3.png" alt="Mountains" style="width:50%">
+      <img src="3b/tone-mapped/1.png" alt="Snow" style="width:33%">
+      <img src="3b/gain-enhanced/1_gain_enhanced_region_1.png" alt="Snow" style="width:33%">
+      <img src="3b/gain-enhanced/1_gain_enhanced_region_2.png" alt="Forest" style="width:33%">
+      <img src="3b/gain-enhanced/1_gain_enhanced_region_3.png" alt="Mountains" style="width:33%">
 </div>
 
 <div class="scroll-container">
-    <img src="3b/gain-enhanced/2_gain_enhanced_region_1.png" alt="Snow" style="width:50%">
-    <img src="3b/gain-enhanced/2_gain_enhanced_region_2.png" alt="Forest" style="width:50%">
+    <img src="3b/tone-mapped/2.png" alt="Snow" style="width:33%">
+    <img src="3b/gain-enhanced/2_gain_enhanced_region_1.png" alt="Snow" style="width:33%">
+    <img src="3b/gain-enhanced/2_gain_enhanced_region_2.png" alt="Forest" style="width:33%">
 </div>
 
 <div class="scroll-container">
-    <img src="3b/gain-enhanced/3_gain_enhanced_region_1.png" alt="Snow" style="width:50%">
-    <img src="3b/gain-enhanced/3_gain_enhanced_region_2.png" alt="Forest" style="width:50%">
-    <img src="3b/gain-enhanced/3_gain_enhanced_region_3.png" alt="Forest" style="width:50%">
+    <img src="3b/tone-mapped/3.png" alt="Snow" style="width:33%">
+    <img src="3b/gain-enhanced/3_gain_enhanced_region_1.png" alt="Snow" style="width:33%">
+    <img src="3b/gain-enhanced/3_gain_enhanced_region_2.png" alt="Forest" style="width:33%">
+    <img src="3b/gain-enhanced/3_gain_enhanced_region_3.png" alt="Forest" style="width:33%">
 </div>
 
 <div class="scroll-container">
-    <img src="3b/gain-enhanced/4_gain_enhanced_region_1.png" alt="Snow" style="width:50%">
-    <img src="3b/gain-enhanced/4_gain_enhanced_region_2.png" alt="Forest" style="width:50%">
-    <img src="3b/gain-enhanced/4_gain_enhanced_region_3.png" alt="Forest" style="width:50%">
+    <img src="3b/tone-mapped/4.png" alt="Snow" style="width:33%">
+    <img src="3b/gain-enhanced/4_gain_enhanced_region_1.png" alt="Snow" style="width:33%">
+    <img src="3b/gain-enhanced/4_gain_enhanced_region_2.png" alt="Forest" style="width:33%">
+    <img src="3b/gain-enhanced/4_gain_enhanced_region_3.png" alt="Forest" style="width:33%">
 </div>
 
 <div class="scroll-container">
-    <img src="3b/gain-enhanced/6_gain_enhanced_region_1.png" alt="Snow" style="width:50%">
-    <img src="3b/gain-enhanced/6_gain_enhanced_region_2.png" alt="Forest" style="width:50%">
-    <img src="3b/gain-enhanced/6_gain_enhanced_region_3.png" alt="Forest" style="width:50%">
-    <img src="3b/gain-enhanced/6_gain_enhanced_region_4.png" alt="Snow" style="width:50%">
-    <img src="3b/gain-enhanced/6_gain_enhanced_region_5.png" alt="Forest" style="width:50%">
-    <img src="3b/gain-enhanced/6_gain_enhanced_region_6.png" alt="Forest" style="width:50%">
-    <img src="3b/gain-enhanced/6_gain_enhanced_region_7.png" alt="Snow" style="width:50%">
-    <img src="3b/gain-enhanced/6_gain_enhanced_region_8.png" alt="Forest" style="width:50%">
+    <img src="3b/tone-mapped/6.png" alt="Snow" style="width:33%">
+    <img src="3b/gain-enhanced/6_gain_enhanced_region_1.png" alt="Snow" style="width:33%">
+    <img src="3b/gain-enhanced/6_gain_enhanced_region_2.png" alt="Forest" style="width:33%">
+    <img src="3b/gain-enhanced/6_gain_enhanced_region_3.png" alt="Forest" style="width:33%">
+    <img src="3b/gain-enhanced/6_gain_enhanced_region_4.png" alt="Snow" style="width:33%">
+    <img src="3b/gain-enhanced/6_gain_enhanced_region_5.png" alt="Forest" style="width:33%">
+    <img src="3b/gain-enhanced/6_gain_enhanced_region_6.png" alt="Forest" style="width:33%">
+    <img src="3b/gain-enhanced/6_gain_enhanced_region_7.png" alt="Snow" style="width:33%">
+    <img src="3b/gain-enhanced/6_gain_enhanced_region_8.png" alt="Forest" style="width:33%">
 </div>
 
 <div class="scroll-container">
-    <img src="3b/gain-enhanced/7_gain_enhanced_region_1.png" alt="Snow" style="width:50%">
-    <img src="3b/gain-enhanced/7_gain_enhanced_region_2.png" alt="Forest" style="width:50%">
-    <img src="3b/gain-enhanced/7_gain_enhanced_region_3.png" alt="Forest" style="width:50%">
+    <img src="3b/tone-mapped/7.png" alt="Snow" style="width:33%">
+    <img src="3b/gain-enhanced/7_gain_enhanced_region_1.png" alt="Snow" style="width:33%">
+    <img src="3b/gain-enhanced/7_gain_enhanced_region_2.png" alt="Forest" style="width:33%">
+    <img src="3b/gain-enhanced/7_gain_enhanced_region_3.png" alt="Forest" style="width:33%">
 </div>
 
 <div class="scroll-container">
-    <img src="3b/gain-enhanced/8_gain_enhanced_region_1.png" alt="Snow" style="width:50%">
-    <img src="3b/gain-enhanced/8_gain_enhanced_region_2.png" alt="Forest" style="width:50%">
-    <img src="3b/gain-enhanced/8_gain_enhanced_region_3.png" alt="Forest" style="width:50%">
-    <img src="3b/gain-enhanced/8_gain_enhanced_region_4.png" alt="Forest" style="width:50%">
+    <img src="3b/tone-mapped/8.png" alt="Snow" style="width:33%">
+    <img src="3b/gain-enhanced/8_gain_enhanced_region_1.png" alt="Snow" style="width:33%">
+    <img src="3b/gain-enhanced/8_gain_enhanced_region_2.png" alt="Forest" style="width:33%">
+    <img src="3b/gain-enhanced/8_gain_enhanced_region_3.png" alt="Forest" style="width:33%">
+    <img src="3b/gain-enhanced/8_gain_enhanced_region_4.png" alt="Forest" style="width:33%">
 </div>
 
 <div class="scroll-container">
-    <img src="3b/gain-enhanced/9_gain_enhanced_region_1.png" alt="Snow" style="width:50%">
-    <img src="3b/gain-enhanced/9_gain_enhanced_region_2.png" alt="Forest" style="width:50%">
-    <img src="3b/gain-enhanced/9_gain_enhanced_region_3.png" alt="Forest" style="width:50%">
+    <img src="3b/tone-mapped/9.png" alt="Snow" style="width:33%">
+    <img src="3b/gain-enhanced/9_gain_enhanced_region_1.png" alt="Snow" style="width:33%">
+    <img src="3b/gain-enhanced/9_gain_enhanced_region_2.png" alt="Forest" style="width:33%">
+    <img src="3b/gain-enhanced/9_gain_enhanced_region_3.png" alt="Forest" style="width:33%">
 </div>
 
 <div class="scroll-container">
-    <img src="3b/gain-enhanced/10_gain_enhanced_region_1.png" alt="Snow" style="width:50%">
-    <img src="3b/gain-enhanced/10_gain_enhanced_region_2.png" alt="Forest" style="width:50%">
+    <img src="3b/tone-mapped/10.png" alt="Snow" style="width:33%">
+    <img src="3b/gain-enhanced/10_gain_enhanced_region_1.png" alt="Snow" style="width:33%">
+    <img src="3b/gain-enhanced/10_gain_enhanced_region_2.png" alt="Forest" style="width:33%">
 </div>
 
 <div class="scroll-container">
-    <img src="3b/gain-enhanced/11_gain_enhanced_region_1.png" alt="Snow" style="width:50%">
-    <img src="3b/gain-enhanced/11_gain_enhanced_region_2.png" alt="Forest" style="width:50%">
-    <img src="3b/gain-enhanced/11_gain_enhanced_region_3.png" alt="Forest" style="width:50%">
-    <img src="3b/gain-enhanced/11_gain_enhanced_region_4.png" alt="Forest" style="width:50%">
+    <img src="3b/tone-mapped/11.png" alt="Snow" style="width:33%">
+    <img src="3b/gain-enhanced/11_gain_enhanced_region_1.png" alt="Snow" style="width:33%">
+    <img src="3b/gain-enhanced/11_gain_enhanced_region_2.png" alt="Forest" style="width:33%">
+    <img src="3b/gain-enhanced/11_gain_enhanced_region_3.png" alt="Forest" style="width:33%">
+    <img src="3b/gain-enhanced/11_gain_enhanced_region_4.png" alt="Forest" style="width:33%">
 </div>
 
 <div class="scroll-container">
-    <img src="3b/gain-enhanced/12_gain_enhanced_region_1.png" alt="Snow" style="width:50%">
-    <img src="3b/gain-enhanced/12_gain_enhanced_region_2.png" alt="Forest" style="width:50%">
-    <img src="3b/gain-enhanced/12_gain_enhanced_region_3.png" alt="Forest" style="width:50%">
+    <img src="3b/tone-mapped/12.png" alt="Snow" style="width:33%">
+    <img src="3b/gain-enhanced/12_gain_enhanced_region_1.png" alt="Snow" style="width:33%">
+    <img src="3b/gain-enhanced/12_gain_enhanced_region_2.png" alt="Forest" style="width:33%">
+    <img src="3b/gain-enhanced/12_gain_enhanced_region_3.png" alt="Forest" style="width:33%">
 </div>
 
 <div class="scroll-container">
-    <img src="3b/gain-enhanced/13_gain_enhanced_region_1.png" alt="Snow" style="width:50%">
-    <img src="3b/gain-enhanced/13_gain_enhanced_region_2.png" alt="Forest" style="width:50%">
+    <img src="3b/tone-mapped/13.png" alt="Snow" style="width:33%">
+    <img src="3b/gain-enhanced/13_gain_enhanced_region_1.png" alt="Snow" style="width:33%">
+    <img src="3b/gain-enhanced/13_gain_enhanced_region_2.png" alt="Forest" style="width:33%">
 </div>
 
   
