Made default tab opening more responsive

Author: jonasViehweger

_config.yml

@@ -27,3 +27,8 @@ gh_edit_view_mode: "tree" # "tree" or "edit" if you want the user to jump into t
 
 plugins:
   - jekyll-seo-tag
+
+callouts:
+  note:
+    title: Note
+    color: yellow

_includes/js/custom.js

@@ -54,8 +54,5 @@
                 }
             });
         });
-        // Get the element with id="defaultOpen" and click on it
-        document.getElementById("defaultOpen").click();
-
     });
 })(window.jtd = window.jtd || {});

_layouts/script.html

@@ -9,10 +9,10 @@ <h1 class="d-inline" id={{page.slug}}> {{page.title}} </h1>
 <div class="tab", id="script">
 
 {% for script in page.scripts %}
-<button class="tablinks" onclick="openTab(event, '{{ script[0] }}')" {%- if forloop.first -%} id="defaultOpen" {%- endif -%}>{{ script[0] }}</button>
+<button class="tablinks {% if forloop.first %} active {%- endif -%}" onclick="openTab(event, '{{ script[0] }}')">{{ script[0] }}</button>
 {% else %}
 <!-- This will be carried out by default if page.scripts is empty -->
-<button class="tablinks" onclick="openTab(event, 'Evalscript')" id="defaultOpen">Evalscript</button>
+<button class="tablinks active" onclick="openTab(event, 'Evalscript')">Evalscript</button>
 {% endfor %}
 </div>
 
@@ -21,13 +21,13 @@ <h1 class="d-inline" id={{page.slug}}> {{page.title}} </h1>
 {% for script in page.scripts %}
 {% assign file = script[1] %}
 <!-- Tab content -->
-<div id="{{ script[0] }}" class="tabcontent">
+<div id="{{ script[0] }}" class="tabcontent" {% if forloop.first %} style="display: block;" {%- endif -%}>
 {% highlight javascript %}
 {% include_relative {{ file }} %}
 {% endhighlight %}
 </div>
 {% else %}
-<div id="Evalscript" class="tabcontent">
+<div id="Evalscript" class="tabcontent" style="display: block;">
 {% highlight javascript %}
 {% include_relative script.js %}
 {% endhighlight %}

sentinel-2/ndmi/README.md

@@ -7,6 +7,8 @@ permalink: /sentinel-2/ndmi/
 nav_exclude: true
 ---
 
+# TODO: Replace links with new (short) ones, add CDSE, make new figures?
+
 
 ## Evaluate and visualize
 
@@ -15,14 +17,13 @@ nav_exclude: true
 
 ## General description of the script
 
-
 The NDMI is a normalized difference moisture index, that uses NIR and SWIR bands to display moisture. 
 The SWIR band reflects changes in both the vegetation water content and the spongy mesophyll structure in vegetation canopies, 
 while the NIR reflectance is affected by leaf internal structure and leaf dry matter content but not by water content. 
 The combination of the NIR with the SWIR removes variations induced by leaf internal structure and leaf dry matter content, improving the accuracy in retrieving the vegetation water content. 
 The amount of water available in the internal leaf structure largely controls the spectral reflectance in the SWIR interval of the electromagnetic spectrum. 
 SWIR reflectance is therefore negatively related to leaf water content. In short, NDMI is used to monitor changes in water content of leaves, and was [proposed by Gao.](https://www.sciencedirect.com/science/article/abs/pii/S0034425796000673){:target="_blank"}
-NDWI is computed using the near infrared (NIR) and the short wave infrared (SWIR) reflectance’s:
+NDMI is computed using the near infrared (NIR) and the short wave infrared (SWIR) reflectances:
 
 Sentinel-2 NDMI = **(B08 - B11) / (B08 + B11)**
 
@@ -34,7 +35,9 @@ Sentinel-2 NDMI = **(B08 - B11) / (B08 + B11)**
 
 [MODIS NDMI](https://custom-scripts.sentinel-hub.com/modis/ndmi/) = **(B02 - B06) / (B02 + B06)**
 
-_Note: NDWI index is often used synonymously with the NDMI index, often using NIR-SWIR combination as one of the two options. Gao, referenced above, also called the index NDWI. NDMI seems to be consistently described using NIR-SWIR combination. As the indices with these two combinations work very differently, with NIR-SWIR highlighting differences in water content of leaves, and GREEN-NIR highlighting differences in water content of water bodies, we have decided to separate the indices on our repository as NDMI using NIR-SWIR, and NDWI using GREEN-NIR._
+{: .note}
+
+NDWI index is often used synonymously with the NDMI index, often using NIR-SWIR combination as one of the two options. Gao, referenced above, also called the index NDWI. NDMI seems to be consistently described using NIR-SWIR combination. As the indices with these two combinations work very differently, with NIR-SWIR highlighting differences in water content of leaves, and GREEN-NIR highlighting differences in water content of water bodies, we have decided to separate the indices on our repository as NDMI using NIR-SWIR, and NDWI using GREEN-NIR.
 
 ## Description of representative images