From 74349bc1c9a4602c586ef588a4c14d5b8e6eb663 Mon Sep 17 00:00:00 2001
From: Joseph C <111119464+joseph-c100@users.noreply.github.com>
Date: Wed, 20 Dec 2023 15:25:17 +0000
Subject: [PATCH] gaza damage work added

---
 docs/index.html                              | 212 +++++++++----------
 themes/hugo-starter-theme/layouts/index.html | 212 +++++++++----------
 2 files changed, 212 insertions(+), 212 deletions(-)
diff --git a/docs/index.html b/docs/index.html
index 7c76c58..e8e8e31 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -1,5 +1,4 @@
 <html>
-
   <!DOCTYPE html>
 <html lang="en">
 <head>
@@ -56,128 +55,128 @@
 
 
   <head>
-  <meta name="viewport" content="width=device-width, initial-scale=1">
-  <style>
-  * {
-    box-sizing: border-box;
-  }
-
-   
-  .column {
-    float: left;
-    width: 50%;
-    padding-right:30px;
-  }
-
-   
-  .row:after {
-    content: "";
-    display: table;
-    clear: both;
-  }
-
-   
-  @media screen and (max-width: 600px) {
-    .column {
-      width: 100%;
-    }
-  }
-  </style>
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <style>
+      * {
+        box-sizing: border-box;
+      }
+
+       
+      .column {
+        float: left;
+        width: 50%;
+        padding-right: 30px;
+      }
+
+       
+      .row:after {
+        content: "";
+        display: table;
+        clear: both;
+      }
+
+       
+      @media screen and (max-width: 600px) {
+        .column {
+          width: 100%;
+        }
+      }
+    </style>
   </head>
 
-<body>
+  <body>
+    <div class="intro">
+      <p>Visual Journalist at The Economist</p>
+      <p>
+        Design and Engineering for data visualisations, digital tools, mapping,
+        open source intelligence, civic tech.
+      </p>
+    </div>
 
-<div class ="intro">
-  <p>Visual Journalist at The Economist</p>
-  <p>Design and Engineering for data visualisations, digital tools, mapping, open source intelligence, civic tech.</p>
-</div>
+    <section>
+      <div class="display-image">
+        <img src="images/fantome.jpg" alt="" />
+        
+      </div>
+    </section>
 
-<section>
-  <div class="display-image">
-    <img src="images/fantome.jpg" alt="">
-    
-  </div>
-</section>
-
-
-<section>
-  <h2>Data</h2>
-  
-  <div class="work-item">
-    <a href="https://www.economist.com/interactive/israel-gaza-building-damage-map">Structural damage in Gaza</a>
-  </div>
-  <div class="work-item">
-    <a href="https://www.economist.com/interactive/2024-taiwan-election">Taiwan Election Tracker</a>
-  </div>
-  <div class='work-item'>
-    <a href = "/work/pop_density">Population Density Maps</a>
-  </div>
-  <div class='work-item'>
-    <a href = "/work/keywords">Keywords</a>
-  </div>
-  <div class='work-item'>
-    <a href = "/work/black_hole">Black Hole</a>
-  </div>
-  
-</section>
-  <section>
-    <h2>Tools, websites, other</h2>
-    <div class='work-item'>
-      <a href = "/work/enhanced_vision_typeface">EnhancedVision.OTF</a>
-    </div>
-    <div class='work-item'>
-      <a href = "/work/generated_worlds">Generated Worlds</a>
-    </div>
-  </section>
+    <section>
+      <h2>Data</h2>
+      
+      <div class="work-item">
+        <a href="/work/gaza_damage">Estimated building damage in Gaza</a>
+      </div>
+      <div class="work-item">
+        <a href="https://www.economist.com/interactive/2024-taiwan-election"
+          >Taiwan Election Tracker</a
+        >
+      </div>
+      <div class="work-item">
+        <a href="/work/pop_density">Population Density Maps</a>
+      </div>
+      <div class="work-item">
+        <a href="/work/keywords">Keywords</a>
+      </div>
+      <div class="work-item">
+        <a href="/work/black_hole">Black Hole</a>
+      </div>
+      
+    </section>
+    <section>
+      <h2>Tools, websites, other</h2>
+      <div class="work-item">
+        <a href="/work/enhanced_vision_typeface">EnhancedVision.OTF</a>
+      </div>
+      <div class="work-item">
+        <a href="/work/generated_worlds">Generated Worlds</a>
+      </div>
+    </section>
 
-  <section>
-    <h2>Artwork & Curation</h2>
-      <div class='work-list'>
-        <div class='work-item'>
-          <a href = "/work/pretend_ai">Pretend AI, Pretending to be People</a>
+    <section>
+      <h2>Artwork & Curation</h2>
+      <div class="work-list">
+        <div class="work-item">
+          <a href="/work/pretend_ai">Pretend AI, Pretending to be People</a>
         </div>
-        <div class='work-item'>
-          <a href = "/work/fantome_aave">Fantôme/Aave</a>
+        <div class="work-item">
+          <a href="/work/fantome_aave">Fantôme/Aave</a>
         </div>
-        <div class='work-item'>
-          <a href = "/work/election">Election by Communication</a>
+        <div class="work-item">
+          <a href="/work/election">Election by Communication</a>
         </div>
-        <div class='work-item'>
-          <a href = "/work/gaps_between_gaps">Gaps between gaps</a>
+        <div class="work-item">
+          <a href="/work/gaps_between_gaps">Gaps between gaps</a>
         </div>
-        <div class='work-item'>
-          <a href = "/work/starfish">Starfish</a>
+        <div class="work-item">
+          <a href="/work/starfish">Starfish</a>
         </div>
-        <div class='work-item'>
-          <a href = "/work/ggm_paintings">Generated Glitch Model Paintings</a>
+        <div class="work-item">
+          <a href="/work/ggm_paintings">Generated Glitch Model Paintings</a>
         </div>
-        <div class='work-item'>
-          <a href = "/work/elevator_pitch">Elevator pitch</a>
+        <div class="work-item">
+          <a href="/work/elevator_pitch">Elevator pitch</a>
         </div>
       </div>
-  </section>
-
-  <section>
-    <a href = "/work/exhibitions">Exhibitons/Residencies/Publications</a>
-  </section>
-
-  
+    </section>
 
-  <section>
-    <div class="contact-section">
-      <h2>Contact</h2>
-      <a href="https://www.are.na/joseph-c">Are.na</a>
-      <a href="https://twitter.com/calm_computer">Twitter</a>
-      <a href="https://github.com/joseph-c100">Github</a>
-    </div>
-    <p>jfclark.work@gmail.com</p>
-  </section>
-
-</body>
+    <section>
+      <a href="/work/exhibitions">Exhibitons/Residencies/Publications</a>
+    </section>
 
+    
 
+    <section>
+      <div class="contact-section">
+        <h2>Contact</h2>
+        <a href="https://www.are.na/joseph-c">Are.na</a>
+        <a href="https://twitter.com/calm_computer">Twitter</a>
+        <a href="https://github.com/joseph-c100">Github</a>
+      </div>
+      <p>jfclark.work@gmail.com</p>
+    </section>
+  </body>
 
-<html>
+   <html>
 	<body>
 		<div class = "footer-section">
 		<footer>
@@ -188,3 +187,4 @@ <h2>Contact</h2>
 	</body>
 </html>
 
+</html>
diff --git a/themes/hugo-starter-theme/layouts/index.html b/themes/hugo-starter-theme/layouts/index.html
index cf679dc..78e5ebf 100644
--- a/themes/hugo-starter-theme/layouts/index.html
+++ b/themes/hugo-starter-theme/layouts/index.html
@@ -1,48 +1,49 @@
 <html>
-
   {{ partial "header.html" . }}
 
   <head>
-  <meta name="viewport" content="width=device-width, initial-scale=1">
-  <style>
-  * {
-    box-sizing: border-box;
-  }
-
-  /* Create two equal columns that floats next to each other */
-  .column {
-    float: left;
-    width: 50%;
-    padding-right:30px;
-  }
-
-  /* Clear floats after the columns */
-  .row:after {
-    content: "";
-    display: table;
-    clear: both;
-  }
-
-  /* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
-  @media screen and (max-width: 600px) {
-    .column {
-      width: 100%;
-    }
-  }
-  </style>
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <style>
+      * {
+        box-sizing: border-box;
+      }
+
+      /* Create two equal columns that floats next to each other */
+      .column {
+        float: left;
+        width: 50%;
+        padding-right: 30px;
+      }
+
+      /* Clear floats after the columns */
+      .row:after {
+        content: "";
+        display: table;
+        clear: both;
+      }
+
+      /* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
+      @media screen and (max-width: 600px) {
+        .column {
+          width: 100%;
+        }
+      }
+    </style>
   </head>
 
-<body>
-
-<div class ="intro">
-  <p>Visual Journalist at The Economist</p>
-  <p>Design and Engineering for data visualisations, digital tools, mapping, open source intelligence, civic tech.</p>
-</div>
+  <body>
+    <div class="intro">
+      <p>Visual Journalist at The Economist</p>
+      <p>
+        Design and Engineering for data visualisations, digital tools, mapping,
+        open source intelligence, civic tech.
+      </p>
+    </div>
 
-<section>
-  <div class="display-image">
-    <img src="images/fantome.jpg" alt="">
-    <!-- <script>
+    <section>
+      <div class="display-image">
+        <img src="images/fantome.jpg" alt="" />
+        <!-- <script>
       const images = [
       'url("images/fantome.jpg")',
       'url("images/DSC_1164.jpg")',
@@ -66,93 +67,92 @@
       setInterval(showImage, 4000);
 
     </script> -->
-  </div>
-</section>
-
+      </div>
+    </section>
 
-<section>
-  <h2>Data</h2>
-  <!-- <div class="work-item">
+    <section>
+      <h2>Data</h2>
+      <!-- <div class="work-item">
     <a href="https://drive.google.com/file/d/1Gsjer--Z-yH288PHMu_I9yUVONWHNk2S/view?usp=sharing">Full Portfolio</a>
   </div> -->
-  <div class="work-item">
-    <a href="https://www.economist.com/interactive/israel-gaza-building-damage-map">Structural damage in Gaza</a>
-  </div>
-  <div class="work-item">
-    <a href="https://www.economist.com/interactive/2024-taiwan-election">Taiwan Election Tracker</a>
-  </div>
-  <div class='work-item'>
-    <a href = "/work/pop_density">Population Density Maps</a>
-  </div>
-  <div class='work-item'>
-    <a href = "/work/keywords">Keywords</a>
-  </div>
-  <div class='work-item'>
-    <a href = "/work/black_hole">Black Hole</a>
-  </div>
-  <!-- <div class='work-item'>
+      <div class="work-item">
+        <a href="/work/gaza_damage">Estimated building damage in Gaza</a>
+      </div>
+      <div class="work-item">
+        <a href="https://www.economist.com/interactive/2024-taiwan-election"
+          >Taiwan Election Tracker</a
+        >
+      </div>
+      <div class="work-item">
+        <a href="/work/pop_density">Population Density Maps</a>
+      </div>
+      <div class="work-item">
+        <a href="/work/keywords">Keywords</a>
+      </div>
+      <div class="work-item">
+        <a href="/work/black_hole">Black Hole</a>
+      </div>
+      <!-- <div class='work-item'>
     <a href = "https://observablehq.com/d/11e7a132e9865238">Tech Layoffs 2023</a>
   </div> -->
-</section>
-  <section>
-    <h2>Tools, websites, other</h2>
-    <div class='work-item'>
-      <a href = "/work/enhanced_vision_typeface">EnhancedVision.OTF</a>
-    </div>
-    <div class='work-item'>
-      <a href = "/work/generated_worlds">Generated Worlds</a>
-    </div>
-  </section>
+    </section>
+    <section>
+      <h2>Tools, websites, other</h2>
+      <div class="work-item">
+        <a href="/work/enhanced_vision_typeface">EnhancedVision.OTF</a>
+      </div>
+      <div class="work-item">
+        <a href="/work/generated_worlds">Generated Worlds</a>
+      </div>
+    </section>
 
-  <section>
-    <h2>Artwork & Curation</h2>
-      <div class='work-list'>
-        <div class='work-item'>
-          <a href = "/work/pretend_ai">Pretend AI, Pretending to be People</a>
+    <section>
+      <h2>Artwork & Curation</h2>
+      <div class="work-list">
+        <div class="work-item">
+          <a href="/work/pretend_ai">Pretend AI, Pretending to be People</a>
         </div>
-        <div class='work-item'>
-          <a href = "/work/fantome_aave">Fantôme/Aave</a>
+        <div class="work-item">
+          <a href="/work/fantome_aave">Fantôme/Aave</a>
         </div>
-        <div class='work-item'>
-          <a href = "/work/election">Election by Communication</a>
+        <div class="work-item">
+          <a href="/work/election">Election by Communication</a>
         </div>
-        <div class='work-item'>
-          <a href = "/work/gaps_between_gaps">Gaps between gaps</a>
+        <div class="work-item">
+          <a href="/work/gaps_between_gaps">Gaps between gaps</a>
         </div>
-        <div class='work-item'>
-          <a href = "/work/starfish">Starfish</a>
+        <div class="work-item">
+          <a href="/work/starfish">Starfish</a>
         </div>
-        <div class='work-item'>
-          <a href = "/work/ggm_paintings">Generated Glitch Model Paintings</a>
+        <div class="work-item">
+          <a href="/work/ggm_paintings">Generated Glitch Model Paintings</a>
         </div>
-        <div class='work-item'>
-          <a href = "/work/elevator_pitch">Elevator pitch</a>
+        <div class="work-item">
+          <a href="/work/elevator_pitch">Elevator pitch</a>
         </div>
       </div>
-  </section>
+    </section>
 
-  <section>
-    <a href = "/work/exhibitions">Exhibitons/Residencies/Publications</a>
-  </section>
+    <section>
+      <a href="/work/exhibitions">Exhibitons/Residencies/Publications</a>
+    </section>
 
-  <!-- <section>
+    <!-- <section>
     <div class="starfish-section">
         <a href="https://www.instagram.com/starfish__press/">Starfish Press</a>
     </div>
   </section> -->
 
-  <section>
-    <div class="contact-section">
-      <h2>Contact</h2>
-      <a href="https://www.are.na/joseph-c">Are.na</a>
-      <a href="https://twitter.com/calm_computer">Twitter</a>
-      <a href="https://github.com/joseph-c100">Github</a>
-    </div>
-    <p>jfclark.work@gmail.com</p>
-  </section>
-
-</body>
-
-{{ .Content }}
+    <section>
+      <div class="contact-section">
+        <h2>Contact</h2>
+        <a href="https://www.are.na/joseph-c">Are.na</a>
+        <a href="https://twitter.com/calm_computer">Twitter</a>
+        <a href="https://github.com/joseph-c100">Github</a>
+      </div>
+      <p>jfclark.work@gmail.com</p>
+    </section>
+  </body>
 
-{{ partial "footer.html" . }}
+  {{ .Content }} {{ partial "footer.html" . }}
+</html>
