Deploy 0.1.1 to GitHub Pages

1_introduction/index.html

@@ -900,7 +900,7 @@ <h2 class="anchored" data-anchor-id="reader-guidance">Reader Guidance</h2>
     </div>
   </div>
 </footer>
-<script>var lightboxQuarto = GLightbox({"closeEffect":"zoom","descPosition":"bottom","loop":true,"selector":".lightbox","openEffect":"zoom"});</script>
+<script>var lightboxQuarto = GLightbox({"selector":".lightbox","descPosition":"bottom","openEffect":"zoom","closeEffect":"zoom","loop":true});</script>
 
 
 

1_introduction/overview_floodadapt.html

@@ -476,7 +476,7 @@ <h1 class="title">Overview of FloodAdapt</h1>
 <p>When a user specifies a what-if scenario, the backend of FloodAdapt automatically makes changes to the SFINCS and Delft-FIAT models to represent the user choices, the way an expert modeller would. It then simulates the scenario and returns flood and impact maps, scenario comparison visualizations, summary metrics, and an infographic to highlighting flooding or impacts of particular concern to a community. In this way, FloodAdapt allows end-users to unleash the power of advanced models without requiring the technical background, or the laborious pre- and post-processing of models that is usually required for this type of analysis.</p>
 <div id="fig-logo" class="quarto-figure quarto-figure-center anchored">
 <figure class="figure">
-<p><a href="../_static/images/floodadapt.png" class="lightbox" title="Schematic showing the design concepts behind the FloodAdapt software" data-gallery="quarto-lightbox-gallery-1"><img src="../_static/images/floodadapt.png" class="img-fluid figure-img"></a></p>
+<p><a href="../_static/images/floodadapt.png" class="lightbox" data-gallery="quarto-lightbox-gallery-1" title="Schematic showing the design concepts behind the FloodAdapt software"><img src="../_static/images/floodadapt.png" class="img-fluid figure-img"></a></p>
 <figcaption class="figure-caption">Figure&nbsp;1: Schematic showing the design concepts behind the FloodAdapt software</figcaption>
 </figure>
 </div>
@@ -844,7 +844,7 @@ <h1 class="title">Overview of FloodAdapt</h1>
     </div>
   </div>
 </footer>
-<script>var lightboxQuarto = GLightbox({"openEffect":"zoom","descPosition":"bottom","selector":".lightbox","closeEffect":"zoom","loop":true});</script>
+<script>var lightboxQuarto = GLightbox({"selector":".lightbox","closeEffect":"zoom","loop":true,"descPosition":"bottom","openEffect":"zoom"});</script>
 
 
 

1_introduction/reader_guidance.html

@@ -476,7 +476,7 @@ <h1 class="title">Reader Guidance</h1>
 <p>Chapter 6 provides a demonstration of a CFRSS application, to help the reader understand how FloodAdapt can support adaptation and resilience planning. Appendix A is a technical write-up walking a user through the preparation of a probabilistic event set for calculating risk with FloodAdapt. A tutorial video has been prepared that aligns with the demonstration in Chapter 6 and can be found at the following link: Add link.</p>
 <div id="fig-readerGuidance" class="quarto-figure quarto-figure-center anchored">
 <figure class="figure">
-<p><a href="../_static/images/readerGuidance.svg" class="lightbox" data-gallery="quarto-lightbox-gallery-1" title="Guidance to this documentation, showing the different sections, the intended reader, and an indicator of the relative technical skill required to make use of the section"><img src="../_static/images/readerGuidance.svg" class="img-fluid figure-img"></a></p>
+<p><a href="../_static/images/readerGuidance.svg" class="lightbox" title="Guidance to this documentation, showing the different sections, the intended reader, and an indicator of the relative technical skill required to make use of the section" data-gallery="quarto-lightbox-gallery-1"><img src="../_static/images/readerGuidance.svg" class="img-fluid figure-img"></a></p>
 <figcaption class="figure-caption">Figure&nbsp;1: Guidance to this documentation, showing the different sections, the intended reader, and an indicator of the relative technical skill required to make use of the section</figcaption>
 </figure>
 </div>
@@ -844,7 +844,7 @@ <h1 class="title">Reader Guidance</h1>
     </div>
   </div>
 </footer>
-<script>var lightboxQuarto = GLightbox({"selector":".lightbox","descPosition":"bottom","openEffect":"zoom","closeEffect":"zoom","loop":true});</script>
+<script>var lightboxQuarto = GLightbox({"selector":".lightbox","loop":true,"closeEffect":"zoom","descPosition":"bottom","openEffect":"zoom"});</script>
 
 
 

3_setup_guide/Delft_Fiat/hydromt_fiat_gui.html

@@ -1431,7 +1431,7 @@ <h2 class="anchored" data-anchor-id="delft-fiat-model-folder-structure">Delft-FI
     </div>
   </div>
 </footer>
-<script>var lightboxQuarto = GLightbox({"openEffect":"zoom","selector":".lightbox","loop":true,"closeEffect":"zoom","descPosition":"bottom"});</script>
+<script>var lightboxQuarto = GLightbox({"openEffect":"zoom","closeEffect":"zoom","selector":".lightbox","descPosition":"bottom","loop":true});</script>
 <script>videojs(video_shortcode_videojs_video1);</script>
 
 

3_setup_guide/Delft_Fiat/index.html

@@ -479,7 +479,7 @@ <h1 class="title">Setting up a Delft-FIAT model</h1>
 <p><a href="https://deltares.github.io/Delft-FIAT/stable/">Delft-FIAT</a> is the open-source flood impact model implemented in FloodAdapt. When setting up FloodAdapt in a new location, it is required to first set up a Delft-FIAT model in the project area. This is considered the ‘baseline’ Delft-FIAT model, which FloodAdapt users can then modify through the FloodAdapt user interface - for example, by elevating buildings. <a href="#fig-DF_concept">Figure&nbsp;1</a> shows the flood impact modeling concept on which Delft-FIAT is based. It relates a <strong>hazard</strong> (the flood waters), <strong>exposure</strong> (buildings or roads that might be flooded), and <strong>vulnerability</strong> (the propensity of assets to be damaged when flooded).</p>
 <div id="fig-DF_concept" class="quarto-figure quarto-figure-left anchored">
 <figure class="figure">
-<p><a href="../../_static/images/DelftFIAT_concept.png" class="lightbox" data-gallery="quarto-lightbox-gallery-1" title="Damage modeling concept"><img src="../../_static/images/DelftFIAT_concept.png" class="img-fluid figure-img" style="width:75.0%"></a></p>
+<p><a href="../../_static/images/DelftFIAT_concept.png" class="lightbox" title="Damage modeling concept" data-gallery="quarto-lightbox-gallery-1"><img src="../../_static/images/DelftFIAT_concept.png" class="img-fluid figure-img" style="width:75.0%"></a></p>
 <figcaption class="figure-caption">Figure&nbsp;1: Damage modeling concept</figcaption>
 </figure>
 </div>
@@ -492,7 +492,7 @@ <h1 class="title">Setting up a Delft-FIAT model</h1>
 </ul>
 <div id="fig-DF_overview" class="quarto-figure quarto-figure-left anchored">
 <figure class="figure">
-<p><a href="../../_static/images/DelftFIAT_overview.png" class="lightbox" data-gallery="quarto-lightbox-gallery-2" title="Overview of the calculation method in Delft-FIAT"><img src="../../_static/images/DelftFIAT_overview.png" class="img-fluid figure-img" style="width:75.0%"></a></p>
+<p><a href="../../_static/images/DelftFIAT_overview.png" class="lightbox" title="Overview of the calculation method in Delft-FIAT" data-gallery="quarto-lightbox-gallery-2"><img src="../../_static/images/DelftFIAT_overview.png" class="img-fluid figure-img" style="width:75.0%"></a></p>
 <figcaption class="figure-caption">Figure&nbsp;2: Overview of the calculation method in Delft-FIAT</figcaption>
 </figure>
 </div>
@@ -503,7 +503,7 @@ <h2 class="anchored" data-anchor-id="overview-of-delft-fiat-data-requirements">O
 <p>The <strong>exposure data</strong> describe the assets within a project area. <a href="#fig-exposure">Figure&nbsp;3</a> shows the types of exposure data needed (and also optionally accepted) to set up a Delft-FIAT model.</p>
 <div id="fig-exposure" class="quarto-figure quarto-figure-left anchored">
 <figure class="figure">
-<p><a href="../../_static/images/DelftFIAT_exposure.png" class="lightbox" data-gallery="quarto-lightbox-gallery-3" title="Exposure data used to build a Delft-FIAT model - including both required and optional fields"><img src="../../_static/images/DelftFIAT_exposure.png" class="img-fluid figure-img" style="width:70.0%"></a></p>
+<p><a href="../../_static/images/DelftFIAT_exposure.png" class="lightbox" title="Exposure data used to build a Delft-FIAT model - including both required and optional fields" data-gallery="quarto-lightbox-gallery-3"><img src="../../_static/images/DelftFIAT_exposure.png" class="img-fluid figure-img" style="width:70.0%"></a></p>
 <figcaption class="figure-caption">Figure&nbsp;3: Exposure data used to build a Delft-FIAT model - including both required and optional fields</figcaption>
 </figure>
 </div>
@@ -526,7 +526,7 @@ <h2 class="anchored" data-anchor-id="overview-of-delft-fiat-data-requirements">O
 <div class="cell-output cell-output-display">
 <div id="fig-damagefunction" class="quarto-figure quarto-figure-center anchored">
 <figure class="figure">
-<p><a href="index_files/figure-html/fig-damagefunction-output-1.png" class="lightbox" data-gallery="quarto-lightbox-gallery-4" title="Example of depth-damage functions."><img src="index_files/figure-html/fig-damagefunction-output-1.png" width="589" height="429" class="figure-img"></a></p>
+<p><a href="index_files/figure-html/fig-damagefunction-output-1.png" class="lightbox" title="Example of depth-damage functions." data-gallery="quarto-lightbox-gallery-4"><img src="index_files/figure-html/fig-damagefunction-output-1.png" width="589" height="429" class="figure-img"></a></p>
 <figcaption class="figure-caption">Figure&nbsp;4: Example of depth-damage functions.</figcaption>
 </figure>
 </div>
@@ -909,7 +909,7 @@ <h2 class="anchored" data-anchor-id="overview-of-delft-fiat-data-requirements">O
     </div>
   </div>
 </footer>
-<script>var lightboxQuarto = GLightbox({"openEffect":"zoom","descPosition":"bottom","selector":".lightbox","closeEffect":"zoom","loop":true});</script>
+<script>var lightboxQuarto = GLightbox({"openEffect":"zoom","descPosition":"bottom","loop":true,"selector":".lightbox","closeEffect":"zoom"});</script>
 
 
 

4_user_guide/events/historic_events/historic_events_gauged.html

@@ -502,7 +502,7 @@ <h1 class="title">Historical event with gauged water levels</h1>
 </ol>
 <div id="fig-gaugedWindow" class="quarto-figure quarto-figure-center anchored">
 <figure class="figure">
-<p><a href="../../../_static/images/popup_gaugedEventWindow2.png" class="lightbox" data-gallery="quarto-lightbox-gallery-1" title="Event template window for a historic event with gauged water levels."><img src="../../../_static/images/popup_gaugedEventWindow2.png" class="img-fluid figure-img"></a></p>
+<p><a href="../../../_static/images/popup_gaugedEventWindow2.png" class="lightbox" title="Event template window for a historic event with gauged water levels." data-gallery="quarto-lightbox-gallery-1"><img src="../../../_static/images/popup_gaugedEventWindow2.png" class="img-fluid figure-img"></a></p>
 <figcaption class="figure-caption">Figure&nbsp;1: <strong>Event template window for a historic event with gauged water levels.</strong></figcaption>
 </figure>
 </div>
@@ -966,7 +966,7 @@ <h2 class="anchored" data-anchor-id="river-discharge">River discharge</h2>
     </div>
   </div>
 </footer>
-<script>var lightboxQuarto = GLightbox({"loop":true,"selector":".lightbox","closeEffect":"zoom","descPosition":"bottom","openEffect":"zoom"});</script>
+<script>var lightboxQuarto = GLightbox({"selector":".lightbox","closeEffect":"zoom","openEffect":"zoom","descPosition":"bottom","loop":true});</script>
 
 
 

4_user_guide/events/historic_events/historic_events_hurricane.html

@@ -903,7 +903,7 @@ <h1 class="title">Historical Hurricanes</h1>
     </div>
   </div>
 </footer>
-<script>var lightboxQuarto = GLightbox({"openEffect":"zoom","loop":true,"descPosition":"bottom","selector":".lightbox","closeEffect":"zoom"});</script>
+<script>var lightboxQuarto = GLightbox({"closeEffect":"zoom","descPosition":"bottom","loop":true,"selector":".lightbox","openEffect":"zoom"});</script>
 
 
 

4_user_guide/events/historic_events/historic_events_ungauged.html

@@ -929,7 +929,7 @@ <h2 class="anchored" data-anchor-id="river-discharge">River discharge</h2>
     </div>
   </div>
 </footer>
-<script>var lightboxQuarto = GLightbox({"openEffect":"zoom","loop":true,"descPosition":"bottom","selector":".lightbox","closeEffect":"zoom"});</script>
+<script>var lightboxQuarto = GLightbox({"descPosition":"bottom","selector":".lightbox","closeEffect":"zoom","loop":true,"openEffect":"zoom"});</script>
 
 
 

4_user_guide/events/historic_events/index.html

@@ -488,7 +488,7 @@ <h2 class="anchored" data-anchor-id="which-historical-event-type-should-i-choose
 <p>Are you interested in a historical event that wasn’t a hurricane, like a king tide or a heavy rainfall event? If your site has a water level gauge, we recommend using the “Historical event with gauged water levels” option. The only time the “Historical event without gauged water levels” option is recommended is when there is no gauge at the site. <a href="#fig-whichEvent">Figure&nbsp;1</a> shows a flow chart for deciding which event type to choose.</p>
 <div id="fig-whichEvent" class="quarto-figure quarto-figure-center anchored">
 <figure class="figure">
-<p><a href="../../../_static/images/whichEvent_drawIO.png" class="lightbox" title="Flow chart: which event type should I choose?" data-gallery="quarto-lightbox-gallery-1"><img src="../../../_static/images/whichEvent_drawIO.png" class="img-fluid figure-img" style="width:50.0%"></a></p>
+<p><a href="../../../_static/images/whichEvent_drawIO.png" class="lightbox" data-gallery="quarto-lightbox-gallery-1" title="Flow chart: which event type should I choose?"><img src="../../../_static/images/whichEvent_drawIO.png" class="img-fluid figure-img" style="width:50.0%"></a></p>
 <figcaption class="figure-caption">Figure&nbsp;1: <strong>Flow chart: which event type should I choose?</strong></figcaption>
 </figure>
 </div>
@@ -869,7 +869,7 @@ <h2 class="anchored" data-anchor-id="which-historical-event-type-should-i-choose
     </div>
   </div>
 </footer>
-<script>var lightboxQuarto = GLightbox({"loop":true,"closeEffect":"zoom","selector":".lightbox","openEffect":"zoom","descPosition":"bottom"});</script>
+<script>var lightboxQuarto = GLightbox({"descPosition":"bottom","loop":true,"openEffect":"zoom","selector":".lightbox","closeEffect":"zoom"});</script>
 
 
 

4_user_guide/events/probabilistic_events.html

@@ -474,7 +474,7 @@ <h1 class="title">Probabilistic event set</h1>
 <p>In the events tab in FloodAdapt, a probabilistic event set can be recognized by the Type specification at the bottom of the window (see <a href="#fig-probEventSet">Figure&nbsp;1</a>). These event sets cannot be modified or deleted via the user interface.</p>
 <div id="fig-probEventSet" class="quarto-figure quarto-figure-center anchored">
 <figure class="figure">
-<p><a href="../../_static/images/probEventSet.png" class="lightbox" data-gallery="quarto-lightbox-gallery-1" title="Probabilistic event set in the Events window. The Type is specified as Probabilistic Event Set and cannot be modified"><img src="../../_static/images/probEventSet.png" class="img-fluid figure-img"></a></p>
+<p><a href="../../_static/images/probEventSet.png" class="lightbox" title="Probabilistic event set in the Events window. The Type is specified as Probabilistic Event Set and cannot be modified" data-gallery="quarto-lightbox-gallery-1"><img src="../../_static/images/probEventSet.png" class="img-fluid figure-img"></a></p>
 <figcaption class="figure-caption">Figure&nbsp;1: <strong>Probabilistic event set in the Events window. The Type is specified as <em>Probabilistic Event Set</em> and cannot be modified</strong></figcaption>
 </figure>
 </div>
@@ -867,7 +867,7 @@ <h1 class="title">Probabilistic event set</h1>
     </div>
   </div>
 </footer>
-<script>var lightboxQuarto = GLightbox({"openEffect":"zoom","descPosition":"bottom","closeEffect":"zoom","loop":true,"selector":".lightbox"});</script>
+<script>var lightboxQuarto = GLightbox({"loop":true,"closeEffect":"zoom","descPosition":"bottom","selector":".lightbox","openEffect":"zoom"});</script>
 
 
 

4_user_guide/events/synthetic_events.html

@@ -962,7 +962,7 @@ <h2 class="anchored" data-anchor-id="river-discharge">River discharge</h2>
     </div>
   </div>
 </footer>
-<script>var lightboxQuarto = GLightbox({"descPosition":"bottom","closeEffect":"zoom","openEffect":"zoom","selector":".lightbox","loop":true});</script>
+<script>var lightboxQuarto = GLightbox({"selector":".lightbox","closeEffect":"zoom","loop":true,"descPosition":"bottom","openEffect":"zoom"});</script>
 
 
 

4_user_guide/getting_started.html

@@ -896,7 +896,7 @@ <h2 class="anchored" data-anchor-id="floodadapt-folder-structure">FloodAdapt fol
     </div>
   </div>
 </footer>
-<script>var lightboxQuarto = GLightbox({"closeEffect":"zoom","selector":".lightbox","openEffect":"zoom","loop":true,"descPosition":"bottom"});</script>
+<script>var lightboxQuarto = GLightbox({"descPosition":"bottom","selector":".lightbox","openEffect":"zoom","closeEffect":"zoom","loop":true});</script>
 
 
 

4_user_guide/index.html

@@ -920,7 +920,7 @@ <h2 class="anchored" data-anchor-id="overview-of-the-floodadapt-gui">Overview of
     </div>
   </div>
 </footer>
-<script>var lightboxQuarto = GLightbox({"closeEffect":"zoom","selector":".lightbox","loop":true,"descPosition":"bottom","openEffect":"zoom"});</script>
+<script>var lightboxQuarto = GLightbox({"descPosition":"bottom","openEffect":"zoom","selector":".lightbox","closeEffect":"zoom","loop":true});</script>