{
 "cells": [
  {
   "cell_type": "markdown",
   "id": "63ce0734-aad1-48c2-948c-f6ad0606132f",
   "metadata": {},
   "source": [
    "## Run a pipeline"
   ]
  },
  {
   "cell_type": "markdown",
   "id": "a44838b7-ee09-4936-bc08-36e0e16254b4",
   "metadata": {},
   "source": [
    "### Minimal Pipeline Execution: Runs in just **3 lines of code**\n",
    "\n",
    "```python\n",
    "from paidiverpy.pipeline import Pipeline\n",
    "pipeline = Pipeline(config_file_path=\"../config_files/config_benthic.yml\")\n",
    "pipeline.run()\n",
    "```"
   ]
  },
  {
   "cell_type": "markdown",
   "id": "87416b39-5162-4f4d-adf4-1cb88c000e90",
   "metadata": {},
   "source": [
    "### This is the configuration file:\n",
    "\n",
    "\n",
    "```yaml\n",
    "general:\n",
    "  sample_data: \"benthic_ifdo\"\n",
    "  output_path: \"./output\"\n",
    "  n_jobs: 8\n",
    "  sampling:\n",
    "    - mode: \"fixed\"\n",
    "      params:\n",
    "        value: 5\n",
    "  convert:\n",
    "    - mode: \"bits\"\n",
    "      params:\n",
    "        output_bits: 8\n",
    "steps:\n",
    "  - colour:\n",
    "      name: \"colour_correction\"\n",
    "      mode: \"grayscale\"\n",
    "\n",
    "  - sampling:\n",
    "      name: \"datetime\"\n",
    "      mode: \"datetime\"\n",
    "      params:\n",
    "        min: \"2016-05-11 04:14:00\"\n",
    "        max: \"2016-05-11 09:27:00\"\n",
    "\n",
    "  - colour:\n",
    "      name: \"colour_correction\"\n",
    "      mode: \"gaussian_blur\"\n",
    "      params:\n",
    "        sigma: 1.0\n",
    "\n",
    "  - colour:\n",
    "      name: \"sharpen\"\n",
    "      mode: \"sharpen\"\n",
    "      params:\n",
    "        alpha: 1.5\n",
    "        beta: -0.5\n",
    "\n",
    "  - colour:\n",
    "      name: \"contrast\"\n",
    "      mode: \"contrast\"\n",
    "```"
   ]
  },
  {
   "cell_type": "markdown",
   "id": "d6daea80-3343-4f80-8210-993a34020fb3",
   "metadata": {},
   "source": [
    "### Sample data\n",
    "\n",
    "This configuration file uses a part of our example data:\n",
    "\n",
    "```yaml\n",
    "general:\n",
    "  sample_data: \"benthic_ifdo\"\n",
    "```\n",
    "\n",
    "In this case, it will download the data automatically. But you can also do it manually:"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 1,
   "id": "cd8cade5-722e-4843-a233-8df89acd9bf2",
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/plain": [
       "{'input_path': '/home/tobfer/.paidiverpy_cache/benthic_ifdo/images',\n",
       " 'metadata_path': '/home/tobfer/.paidiverpy_cache/benthic_ifdo/metadata/metadata_benthic_ifdo.json',\n",
       " 'metadata_type': 'IFDO',\n",
       " 'image_open_args': 'JPG'}"
      ]
     },
     "execution_count": 1,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "from paidiverpy.utils.data import PaidiverpyData\n",
    "\n",
    "data = PaidiverpyData()\n",
    "data.load(\"benthic_ifdo\")"
   ]
  },
  {
   "cell_type": "markdown",
   "id": "49e816e0-1cff-4072-9289-2d10e06c2df9",
   "metadata": {},
   "source": [
    "## Running the code"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 2,
   "id": "f00299ae-1140-494b-99be-9fa8867c0ac8",
   "metadata": {},
   "outputs": [],
   "source": [
    "%load_ext autoreload\n",
    "%autoreload 2\n",
    "from paidiverpy.pipeline import Pipeline"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 3,
   "id": "46f413c1-b9a5-4dc1-a27d-9cba7f9c745c",
   "metadata": {},
   "outputs": [
    {
     "name": "stdout",
     "output_type": "stream",
     "text": [
      "\u001b[92m☁ paidiverpy ☁  |       INFO | 2025-09-16 11:43:24 | No dataset UUID found in the dataset metadata. A new UUID has been generated: 465ff2e3-b036-49e4-8d28-9e61c08d875a\u001b[0m\n"
     ]
    }
   ],
   "source": [
    "pipeline = Pipeline(config_file_path=\"../config_files/config_benthic.yml\")"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 4,
   "id": "310d8998-6ac7-4db4-a706-50270b6895ee",
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/html": [
       "<div><svg style=\"position: absolute; width: 0; height: 0; overflow: hidden\">\n",
       "<defs>\n",
       "<symbol id=\"arrow-right\" viewBox=\"0 0 330 330\">\n",
       "  <path id=\"XMLID_222_\" d=\"M250.606,154.389l-150-149.996c-5.857-5.858-15.355-5.858-21.213,0.001\n",
       "\tc-5.857,5.858-5.857,15.355,0.001,21.213l139.393,139.39L79.393,304.394c-5.857,5.858-5.857,15.355,0.001,21.213\n",
       "\tC82.322,328.536,86.161,330,90,330s7.678-1.464,10.607-4.394l149.999-150.004c2.814-2.813,4.394-6.628,4.394-10.606\n",
       "\tC255,161.018,253.42,157.202,250.606,154.389z\"/>\n",
       "</defs>\n",
       "</svg>\n",
       "<style>/* CSS stylesheet for displaying Paidiverpy objects in jupyterlab.\n",
       " *\n",
       " */\n",
       "\n",
       ":root {\n",
       "  --ppy-font-color: var(--jp-content-font-color, rgba(0, 0, 0, 1));\n",
       "  --ppy-font-color-brown: var(--jp-content-font-color-brown, brown);\n",
       "  --ppy-font-color-olive: var(--jp-content-font-color-olive, olive);\n",
       "  --ppy-font-color-teal: var(--jp-content-font-color-teal, teal);\n",
       "  --ppy-font-color-blue: var(--jp-content-font-color-blue, blue);\n",
       "  --ppy-font-color-gray: var(--jp-content-font-color-gray, gray);\n",
       "  --ppy-border-color: var(--jp-border-color2, #e0e0e0);\n",
       "  --ppy-disabled-color: var(--jp-layout-color3, #bdbdbd);\n",
       "  --ppy-background-color: var(--jp-layout-color, white);\n",
       "  --ppy-background-color2: var(--jp-layout-color3, rgba(212, 212, 212, 0.15));\n",
       "}\n",
       "\n",
       "\n",
       "html[theme=\"dark\"],\n",
       "html[data-theme=\"dark\"],\n",
       "body[data-theme=\"dark\"],\n",
       "body.vscode-dark {\n",
       "  --ppy-font-color: rgba(255, 255, 255, 1);\n",
       "  --ppy-font-color-brown: brown;\n",
       "  --ppy-font-color-olive: olive;\n",
       "  --ppy-font-color-teal: teal;\n",
       "  --ppy-font-color-blue: blue;\n",
       "  --ppy-font-color-gray: gray;\n",
       "  --ppy-border-color: #1f1f1f;\n",
       "  --ppy-disabled-color: #515151;\n",
       "  --ppy-background-color: #111111;\n",
       "}\n",
       "\n",
       ".ppy-background-color {\n",
       "  background-color: var(--ppy-background-color) !important;\n",
       "}\n",
       "\n",
       ".ppy-font-color-brown {\n",
       "  color: var(--ppy-font-color-brown) !important;\n",
       "}\n",
       "\n",
       ".ppy-font-color {\n",
       "  color: var(--ppy-font-color) !important;\n",
       "}\n",
       ".ppy-h2 {\n",
       "  font-size: 20px !important;\n",
       "}\n",
       ".ppy-h3 {\n",
       "  font-size: 13px !important;\n",
       "}\n",
       ".ppy-p {\n",
       "  font-size: 10px;\n",
       "}\n",
       ".ppy-p-error {\n",
       "  color: var(--ppy-font-color-brown);\n",
       "  font-weight: bold;\n",
       "  display: block;\n",
       "}\n",
       "\n",
       ".ppy-text-repr-fallback {\n",
       "  /* fallback to plain text repr when CSS is not injected (untrusted notebook) */\n",
       "  display: none;\n",
       "}\n",
       "\n",
       ".ppy-pipeline-wrap{\n",
       "  display: flex;\n",
       "  flex-wrap: wrap;\n",
       "  align-items: center;\n",
       "}\n",
       "\n",
       ".ppy-pipeline {\n",
       "  float:left;\n",
       "  cursor: pointer;\n",
       "  padding: 10px;\n",
       "  width: max-content;\n",
       "  height: 150px;\n",
       "  margin: 10px;\n",
       "  border: 1px solid #000;\n",
       "  text-align: center;\n",
       "  /* line-height: 80px; */\n",
       "}\n",
       "\n",
       ".ppy-pipeline-clear-fix {\n",
       "  clear: both;\n",
       "}\n",
       "\n",
       ".ppy-pipeline-parameters-all {\n",
       "  padding: 10px;\n",
       "  margin: 10px;\n",
       "}\n",
       "\n",
       ".ppy-images-step-header {\n",
       "  cursor: pointer;\n",
       "  font-weight: bold;\n",
       "  margin-top: 10px;\n",
       "  margin-bottom: 5px;\n",
       "}\n",
       ".ppy-images-metadata {\n",
       "  margin-left: 20px;\n",
       "  margin-bottom: 10px;\n",
       "}\n",
       ".ppy-images {\n",
       "  display: flex;\n",
       "  flex-wrap: wrap;\n",
       "  gap: 10px;\n",
       "  margin-left: 20px;\n",
       "}\n",
       "\n",
       ".ppy-show-more-button, .ppy-hide-button {\n",
       "  margin-left: 20px;\n",
       "  background-color: #007bff;\n",
       "  color: white;\n",
       "  border: none;\n",
       "  padding: 5px 10px;\n",
       "  cursor: pointer;\n",
       "}\n",
       "\n",
       "\n",
       ".ppy-pipeline-arrow {\n",
       "  float:left;\n",
       "  width: 50px;\n",
       "  height: 80px;\n",
       "  margin: 10px;\n",
       "  text-align: center;\n",
       "  line-height: 80px;\n",
       "}\n",
       "\n",
       ".ppy-images-img{\n",
       "  display: block;\n",
       "  max-width: 200px;\n",
       "  margin: 10px;\n",
       "}\n",
       "\n",
       ".ppy-images-toggle-arrow {\n",
       "  cursor: pointer;\n",
       "  margin-left: 5px;\n",
       "}\n",
       "\n",
       ".ppy-images-image-p {\n",
       "  cursor: pointer;\n",
       "}\n",
       "\n",
       ".ppy-arrow-right {\n",
       "  display: inline-block;\n",
       "  vertical-align: middle;\n",
       "  width: 1em;\n",
       "  height: 1.5em !important;\n",
       "  stroke-width: 0;\n",
       "  stroke: currentColor;\n",
       "  fill: currentColor;\n",
       "}\n",
       "\n",
       "\n",
       ".ppy-json-block {\n",
       "  font-family: monospace;\n",
       "  background: var(--ppy-background-color);\n",
       "  padding: 1em;\n",
       "  border-radius: 6px;\n",
       "}\n",
       ".ppy-json-key {\n",
       "  color: var(--ppy-font-color-brown);\n",
       "}\n",
       ".ppy-json-string {\n",
       "  color: var(--ppy-font-color-olive);\n",
       "}\n",
       ".ppy-json-number {\n",
       "  color: var(--ppy-font-color-teal);\n",
       "}\n",
       ".ppy-json-bool {\n",
       "  color: var(--ppy-font-color-blue);\n",
       "}\n",
       ".ppy-json-null {\n",
       "  color: var(--ppy-font-color-gray);\n",
       "}\n",
       "\n",
       "\n",
       ".ppy-pn-title-0 {\n",
       "  font-size: 30px;\n",
       "}\n",
       "\n",
       ".ppy-pn-title-1 {\n",
       "  font-size: 20px;\n",
       "}\n",
       ".ppy-pn-title-2 {\n",
       "  font-size: 17px;\n",
       "}\n",
       ".ppy-pn-title-3 {\n",
       "  font-size: 14px;\n",
       "}\n",
       ".ppy-pn-title-4 {\n",
       "  font-size: 12px;\n",
       "}\n",
       "\n",
       ".ppy-pn-bold {\n",
       "  font-weight: bold;\n",
       "}\n",
       ".ppy-pn-italic {\n",
       "  font-style: italic;\n",
       "}\n",
       ".ppy-pn-description {\n",
       "  font-size: 14px;\n",
       "  margin-bottom: 1px;\n",
       "}\n",
       "\n",
       ".bk-root {\n",
       "  width: 100% !important;\n",
       "  max-width: 100% !important;\n",
       "  box-sizing: border-box;\n",
       "}\n",
       "\n",
       "input, .bk-input, .bk-input-group {\n",
       "  margin-top: 0px;\n",
       "  margin-bottom: 3px;\n",
       "  padding-top: 0px;\n",
       "  padding-bottom: 0px;\n",
       "}\n",
       "\n",
       ".ppy-pn-header-button .bk-btn {\n",
       "  background: none !important;\n",
       "  border: none !important;\n",
       "  font-weight: bold;\n",
       "  font-size: 16px;\n",
       "  text-align: left;\n",
       "  padding-left: 0;\n",
       "  cursor: pointer;\n",
       "  box-shadow: none !important;\n",
       "  color: black;\n",
       "}\n",
       "\n",
       ".ppy-pn-danger-modal{\n",
       "  border: 2px solid red;\n",
       "  border-radius: 10px;\n",
       "  box-shadow: 0px 0px 10px rgba(255, 0, 0, 0.5);\n",
       "}\n",
       "\n",
       ".ppy-pn-config-form{\n",
       "  padding: 10px;\n",
       "  margin-top: 10px;\n",
       "  margin-bottom: 10px;\n",
       "  background-color: var(--ppy-background-color2);\n",
       "  border-radius: 5px;\n",
       "  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);\n",
       "}\n",
       "\n",
       "\n",
       ".ppy-pn-align-right {\n",
       "  display: flex;\n",
       "  justify-content: flex-end;\n",
       "}\n",
       "</style><script>function toggleMetadata(stepIndex, randomId) {\n",
       "  var metadata = document.getElementById(\"ppy-images-metadata-\" + randomId + \"-\" + stepIndex);\n",
       "  var arrow = document.getElementById(\"ppy-images-arrow-\" + randomId + \"-\" + stepIndex);\n",
       "  if (metadata.style.display === \"none\") {\n",
       "      metadata.style.display = \"block\";\n",
       "      arrow.innerHTML = \"▼\";\n",
       "      arrow.classList.remove(\"ppy-font-color\");\n",
       "      arrow.classList.add(\"ppy-font-color-brown\");\n",
       "  } else {\n",
       "      metadata.style.display = \"none\";\n",
       "      arrow.innerHTML = \"►\";\n",
       "      arrow.classList.remove(\"ppy-font-color-brown\");\n",
       "      arrow.classList.add(\"ppy-font-color\");\n",
       "  }\n",
       "}\n",
       "function toggleImage(imageId, randomId) {\n",
       "  var img = document.getElementById(imageId);\n",
       "  var arrow = document.getElementById(\"ppy-images-arrow-\" + randomId + \"-\" + imageId);\n",
       "  if (img.style.display === \"none\") {\n",
       "      img.style.display = \"block\";\n",
       "      arrow.innerHTML = \"▼\";\n",
       "      arrow.classList.remove(\"ppy-font-color\");\n",
       "      arrow.classList.add(\"ppy-font-color-brown\");\n",
       "  } else {\n",
       "      img.style.display = \"none\";\n",
       "      arrow.innerHTML = \"►\";\n",
       "      arrow.classList.remove(\"ppy-font-color-brown\");\n",
       "      arrow.classList.add(\"ppy-font-color\");\n",
       "  }\n",
       "}\n",
       "function showMore(stepIndex) {\n",
       "  var moreImages = document.getElementById(\"ppy-more-images-\" + stepIndex);\n",
       "  var showMoreButton = document.getElementById(\"ppy-show-more-button-\" + stepIndex);\n",
       "  var hideButton = document.getElementById(\"ppy-hide-button-\" + stepIndex);\n",
       "  moreImages.style.display = \"flex\";\n",
       "  showMoreButton.style.display = \"none\";\n",
       "  hideButton.style.display = \"inline-block\";\n",
       "}\n",
       "function hide(stepIndex) {\n",
       "  var moreImages = document.getElementById(\"ppy-more-images-\" + stepIndex);\n",
       "  var showMoreButton = document.getElementById(\"ppy-show-more-button-\" + stepIndex);\n",
       "  var hideButton = document.getElementById(\"ppy-hide-button-\" + stepIndex);\n",
       "  moreImages.style.display = \"none\";\n",
       "  showMoreButton.style.display = \"inline-block\";\n",
       "  hideButton.style.display = \"none\";\n",
       "}\n",
       "\n",
       "\n",
       "function showParameters(id, randomId) {\n",
       "  var currentTarget = document.getElementById('ppy-pipeline-' + randomId + '-' + id);\n",
       "  var square = document.getElementsByClassName('ppy-pipeline-' + randomId);\n",
       "  var allParams = document.getElementsByClassName('ppy-pipeline-parameters-' + randomId);\n",
       "  var selectedParams = document.getElementById('ppy-pipeline-parameters-' + randomId + '-' + id);\n",
       "  var idWasVisible = false;\n",
       "  if (selectedParams) {\n",
       "      var idWasVisible = selectedParams.style.display === 'block';\n",
       "  }\n",
       "  for (var i = 0; i < square.length; i++) {\n",
       "      square[i].classList.remove('ppy-font-color-brown');\n",
       "      square[i].classList.add('ppy-font-color');\n",
       "  }\n",
       "  for (var i = 0; i < allParams.length; i++) {\n",
       "      allParams[i].style.display = 'none';\n",
       "  }\n",
       "  // Show the selected parameter section\n",
       "  if (selectedParams) {\n",
       "      if (idWasVisible) {\n",
       "          selectedParams.style.display = 'none';\n",
       "          currentTarget.classList.remove('ppy-font-color-brown');\n",
       "          currentTarget.classList.add('ppy-font-color');\n",
       "      } else {\n",
       "          selectedParams.style.display = 'block';\n",
       "          currentTarget.classList.remove('ppy-font-color');\n",
       "          currentTarget.classList.add('ppy-font-color-brown');\n",
       "      }\n",
       "  }\n",
       "}\n",
       "\n",
       "hljs.highlightAll();\n",
       "</script><link rel=\"stylesheet\" href=\"https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/github.min.css\"><script src=\"https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js\"></script><script>hljs.highlightAll();</script><pre class='ppy-text-repr-fallback'>&lt;paidiverpy.pipeline.pipeline.Pipeline object at 0x71b8d6592e60&gt;</pre><div>\n",
       "    <div class=\"ppy-pipeline-wrap\">\n",
       "        \n",
       "    <div id=\"ppy-pipeline-aax-general\" title=\"Click to see more information\"\n",
       "        class=\"ppy-pipeline ppy-pipeline-aax\"\n",
       "        onclick=\"showParameters('general', 'aax')\">\n",
       "        <h2 class=\"ppy-h2\">Raw</h2>\n",
       "        <h3 class=\"ppy-h3\">Type: Open</h2>\n",
       "    </div>\n",
       "    <div class=\"ppy-pipeline-arrow\"><svg class='icon ppy-arrow-right'><use xlink:href='#arrow-right'></use></svg></div>\n",
       "            <div id=\"ppy-pipeline-aax-step-0\" title=\"Click to see more information\"\n",
       "                class=\"ppy-pipeline ppy-pipeline-aax\" onclick=\"showParameters('step-0', 'aax')\">\n",
       "                <h2 class=\"ppy-h2\">Colour_correction</h2>\n",
       "                <h3 class=\"ppy-h3\">Type: Colour</h2>\n",
       "            </div>\n",
       "        <div class='ppy-pipeline-arrow'><svg class='icon ppy-arrow-right'><use xlink:href='#arrow-right'></use></svg></div>\n",
       "            <div id=\"ppy-pipeline-aax-step-1\" title=\"Click to see more information\"\n",
       "                class=\"ppy-pipeline ppy-pipeline-aax\" onclick=\"showParameters('step-1', 'aax')\">\n",
       "                <h2 class=\"ppy-h2\">Datetime</h2>\n",
       "                <h3 class=\"ppy-h3\">Type: Sampling</h2>\n",
       "            </div>\n",
       "        <div class='ppy-pipeline-arrow'><svg class='icon ppy-arrow-right'><use xlink:href='#arrow-right'></use></svg></div>\n",
       "            <div id=\"ppy-pipeline-aax-step-2\" title=\"Click to see more information\"\n",
       "                class=\"ppy-pipeline ppy-pipeline-aax\" onclick=\"showParameters('step-2', 'aax')\">\n",
       "                <h2 class=\"ppy-h2\">Overlapping</h2>\n",
       "                <h3 class=\"ppy-h3\">Type: Sampling</h2>\n",
       "            </div>\n",
       "        <div class='ppy-pipeline-arrow'><svg class='icon ppy-arrow-right'><use xlink:href='#arrow-right'></use></svg></div>\n",
       "            <div id=\"ppy-pipeline-aax-step-3\" title=\"Click to see more information\"\n",
       "                class=\"ppy-pipeline ppy-pipeline-aax\" onclick=\"showParameters('step-3', 'aax')\">\n",
       "                <h2 class=\"ppy-h2\">Colour_correction</h2>\n",
       "                <h3 class=\"ppy-h3\">Type: Colour</h2>\n",
       "            </div>\n",
       "        <div class='ppy-pipeline-arrow'><svg class='icon ppy-arrow-right'><use xlink:href='#arrow-right'></use></svg></div><div class=\"ppy-pipeline-clear-fix\"></div>\n",
       "            <div id=\"ppy-pipeline-aax-step-4\" title=\"Click to see more information\"\n",
       "                class=\"ppy-pipeline ppy-pipeline-aax\" onclick=\"showParameters('step-4', 'aax')\">\n",
       "                <h2 class=\"ppy-h2\">Sharpen</h2>\n",
       "                <h3 class=\"ppy-h3\">Type: Colour</h2>\n",
       "            </div>\n",
       "        <div class='ppy-pipeline-arrow'><svg class='icon ppy-arrow-right'><use xlink:href='#arrow-right'></use></svg></div>\n",
       "            <div id=\"ppy-pipeline-aax-step-5\" title=\"Click to see more information\"\n",
       "                class=\"ppy-pipeline ppy-pipeline-aax\" onclick=\"showParameters('step-5', 'aax')\">\n",
       "                <h2 class=\"ppy-h2\">Contrast</h2>\n",
       "                <h3 class=\"ppy-h3\">Type: Colour</h2>\n",
       "            </div>\n",
       "        \n",
       "    </div>\n",
       "    <div id=\"ppy-pipeline-parameters\" class=\"ppy-pipeline-parameters-all\">\n",
       "            <div id=\"ppy-pipeline-parameters-aax-step-0\"\n",
       "                class=\"ppy-pipeline-parameters ppy-pipeline-parameters-aax\"\n",
       "                style=\"display: none;\">\n",
       "                <h4 class=\"ppy-h4\">Parameters:</h4>\n",
       "                <pre class=\"ppy-json-block\"><span class=\"ppy-json-key\">name</span>: <span class=\"ppy-json-string\">\"colour_correction\"</span>\n",
       "<span class=\"ppy-json-key\">step_name</span>: <span class=\"ppy-json-string\">\"colour\"</span>\n",
       "<span class=\"ppy-json-key\">test</span>: <span class=\"ppy-json-number\">False</span>\n",
       "<span class=\"ppy-json-key\">params</span>:\n",
       "  <span class=\"ppy-json-key\">method</span>: <span class=\"ppy-json-string\">\"opencv\"</span>\n",
       "  <span class=\"ppy-json-key\">invert_colours</span>: <span class=\"ppy-json-number\">False</span>\n",
       "  <span class=\"ppy-json-key\">raise_error</span>: <span class=\"ppy-json-number\">False</span>\n",
       "<span class=\"ppy-json-key\">mode</span>: <span class=\"ppy-json-string\">\"grayscale\"</span></pre>\n",
       "            </div>\n",
       "        \n",
       "            <div id=\"ppy-pipeline-parameters-aax-step-1\"\n",
       "                class=\"ppy-pipeline-parameters ppy-pipeline-parameters-aax\"\n",
       "                style=\"display: none;\">\n",
       "                <h4 class=\"ppy-h4\">Parameters:</h4>\n",
       "                <pre class=\"ppy-json-block\"><span class=\"ppy-json-key\">name</span>: <span class=\"ppy-json-string\">\"datetime\"</span>\n",
       "<span class=\"ppy-json-key\">step_name</span>: <span class=\"ppy-json-string\">\"sampling\"</span>\n",
       "<span class=\"ppy-json-key\">test</span>: <span class=\"ppy-json-number\">False</span>\n",
       "<span class=\"ppy-json-key\">params</span>:\n",
       "  <span class=\"ppy-json-key\">min</span>: <span class=\"ppy-json-string\">\"2018-06-11 04:14:00\"</span>\n",
       "  <span class=\"ppy-json-key\">max</span>: <span class=\"ppy-json-string\">\"2018-06-11 04:20:00\"</span>\n",
       "  <span class=\"ppy-json-key\">raise_error</span>: <span class=\"ppy-json-number\">False</span>\n",
       "<span class=\"ppy-json-key\">mode</span>: <span class=\"ppy-json-string\">\"datetime\"</span></pre>\n",
       "            </div>\n",
       "        \n",
       "            <div id=\"ppy-pipeline-parameters-aax-step-2\"\n",
       "                class=\"ppy-pipeline-parameters ppy-pipeline-parameters-aax\"\n",
       "                style=\"display: none;\">\n",
       "                <h4 class=\"ppy-h4\">Parameters:</h4>\n",
       "                <pre class=\"ppy-json-block\"><span class=\"ppy-json-key\">name</span>: <span class=\"ppy-json-string\">\"overlapping\"</span>\n",
       "<span class=\"ppy-json-key\">step_name</span>: <span class=\"ppy-json-string\">\"sampling\"</span>\n",
       "<span class=\"ppy-json-key\">test</span>: <span class=\"ppy-json-number\">False</span>\n",
       "<span class=\"ppy-json-key\">params</span>:\n",
       "  <span class=\"ppy-json-key\">omega</span>: <span class=\"ppy-json-number\">57.0</span>\n",
       "  <span class=\"ppy-json-key\">theta</span>: <span class=\"ppy-json-number\">40.0</span>\n",
       "  <span class=\"ppy-json-key\">threshold</span>: <span class=\"ppy-json-number\">0.5</span>\n",
       "  <span class=\"ppy-json-key\">camera_distance</span>: <span class=\"ppy-json-number\">1.12</span>\n",
       "  <span class=\"ppy-json-key\">raise_error</span>: <span class=\"ppy-json-number\">False</span>\n",
       "<span class=\"ppy-json-key\">mode</span>: <span class=\"ppy-json-string\">\"overlapping\"</span></pre>\n",
       "            </div>\n",
       "        \n",
       "            <div id=\"ppy-pipeline-parameters-aax-step-3\"\n",
       "                class=\"ppy-pipeline-parameters ppy-pipeline-parameters-aax\"\n",
       "                style=\"display: none;\">\n",
       "                <h4 class=\"ppy-h4\">Parameters:</h4>\n",
       "                <pre class=\"ppy-json-block\"><span class=\"ppy-json-key\">name</span>: <span class=\"ppy-json-string\">\"colour_correction\"</span>\n",
       "<span class=\"ppy-json-key\">step_name</span>: <span class=\"ppy-json-string\">\"colour\"</span>\n",
       "<span class=\"ppy-json-key\">test</span>: <span class=\"ppy-json-number\">False</span>\n",
       "<span class=\"ppy-json-key\">params</span>:\n",
       "  <span class=\"ppy-json-key\">sigma</span>: <span class=\"ppy-json-number\">1.0</span>\n",
       "  <span class=\"ppy-json-key\">raise_error</span>: <span class=\"ppy-json-number\">False</span>\n",
       "<span class=\"ppy-json-key\">mode</span>: <span class=\"ppy-json-string\">\"gaussian_blur\"</span></pre>\n",
       "            </div>\n",
       "        \n",
       "            <div id=\"ppy-pipeline-parameters-aax-step-4\"\n",
       "                class=\"ppy-pipeline-parameters ppy-pipeline-parameters-aax\"\n",
       "                style=\"display: none;\">\n",
       "                <h4 class=\"ppy-h4\">Parameters:</h4>\n",
       "                <pre class=\"ppy-json-block\"><span class=\"ppy-json-key\">name</span>: <span class=\"ppy-json-string\">\"sharpen\"</span>\n",
       "<span class=\"ppy-json-key\">step_name</span>: <span class=\"ppy-json-string\">\"colour\"</span>\n",
       "<span class=\"ppy-json-key\">test</span>: <span class=\"ppy-json-number\">False</span>\n",
       "<span class=\"ppy-json-key\">params</span>:\n",
       "  <span class=\"ppy-json-key\">alpha</span>: <span class=\"ppy-json-number\">1.5</span>\n",
       "  <span class=\"ppy-json-key\">beta</span>: <span class=\"ppy-json-number\">-0.5</span>\n",
       "  <span class=\"ppy-json-key\">raise_error</span>: <span class=\"ppy-json-number\">False</span>\n",
       "<span class=\"ppy-json-key\">mode</span>: <span class=\"ppy-json-string\">\"sharpen\"</span></pre>\n",
       "            </div>\n",
       "        \n",
       "            <div id=\"ppy-pipeline-parameters-aax-step-5\"\n",
       "                class=\"ppy-pipeline-parameters ppy-pipeline-parameters-aax\"\n",
       "                style=\"display: none;\">\n",
       "                <h4 class=\"ppy-h4\">Parameters:</h4>\n",
       "                <pre class=\"ppy-json-block\"><span class=\"ppy-json-key\">name</span>: <span class=\"ppy-json-string\">\"contrast\"</span>\n",
       "<span class=\"ppy-json-key\">step_name</span>: <span class=\"ppy-json-string\">\"colour\"</span>\n",
       "<span class=\"ppy-json-key\">test</span>: <span class=\"ppy-json-number\">False</span>\n",
       "<span class=\"ppy-json-key\">params</span>:\n",
       "  <span class=\"ppy-json-key\">method</span>: <span class=\"ppy-json-string\">\"clahe\"</span>\n",
       "  <span class=\"ppy-json-key\">clip_limit</span>: <span class=\"ppy-json-number\">0.01</span>\n",
       "  <span class=\"ppy-json-key\">gamma_value</span>: <span class=\"ppy-json-number\">0.5</span>\n",
       "  <span class=\"ppy-json-key\">raise_error</span>: <span class=\"ppy-json-number\">False</span>\n",
       "<span class=\"ppy-json-key\">mode</span>: <span class=\"ppy-json-string\">\"contrast\"</span></pre>\n",
       "            </div>\n",
       "        \n",
       "        <div id=\"ppy-pipeline-parameters-aax-general\" class=\"ppy-pipeline-parameters ppy-pipeline-parameters-aax\"\n",
       "            style=\"display: none;\">\n",
       "            <h4 class=\"ppy-h4\">Parameters:</h4>\n",
       "            <pre class=\"ppy-json-block\"><span class=\"ppy-json-key\">name</span>: <span class=\"ppy-json-string\">\"raw\"</span>\n",
       "<span class=\"ppy-json-key\">step_name</span>: <span class=\"ppy-json-string\">\"open\"</span>\n",
       "<span class=\"ppy-json-key\">sample_data</span>: <span class=\"ppy-json-string\">\"benthic_csv\"</span>\n",
       "<span class=\"ppy-json-key\">input_path</span>: <span class=\"ppy-json-string\">\"/home/tobfer/.paidiverpy_cache/benthic_csv/images\"</span>\n",
       "<span class=\"ppy-json-key\">output_path</span>: <span class=\"ppy-json-string\">\"output\"</span>\n",
       "<span class=\"ppy-json-key\">metadata_path</span>: <span class=\"ppy-json-string\">\"/home/tobfer/.paidiverpy_cache/benthic_csv/metadata/metadata_benthic_csv.csv\"</span>\n",
       "<span class=\"ppy-json-key\">metadata_type</span>: <span class=\"ppy-json-string\">\"CSV_FILE\"</span>\n",
       "<span class=\"ppy-json-key\">image_open_args</span>: <span class=\"ppy-json-string\">\"PNG\"</span>\n",
       "<span class=\"ppy-json-key\">append_data_to_metadata</span>: <span class=\"ppy-json-string\">\"/home/tobfer/.paidiverpy_cache/benthic_csv/metadata/appended_metadata_benthic_csv.csv\"</span>\n",
       "<span class=\"ppy-json-key\">n_jobs</span>: <span class=\"ppy-json-number\">8</span>\n",
       "<span class=\"ppy-json-key\">track_changes</span>: <span class=\"ppy-json-number\">True</span>\n",
       "<span class=\"ppy-json-key\">sampling</span>:\n",
       "  - <span class=\"ppy-json-key\">name</span>: <span class=\"ppy-json-string\">\"sampling\"</span>\n",
       "    <span class=\"ppy-json-key\">step_name</span>: <span class=\"ppy-json-string\">\"sampling\"</span>\n",
       "    <span class=\"ppy-json-key\">test</span>: <span class=\"ppy-json-number\">False</span>\n",
       "    <span class=\"ppy-json-key\">params</span>:\n",
       "      <span class=\"ppy-json-key\">value</span>: <span class=\"ppy-json-number\">20</span>\n",
       "      <span class=\"ppy-json-key\">raise_error</span>: <span class=\"ppy-json-number\">False</span>\n",
       "    <span class=\"ppy-json-key\">mode</span>: <span class=\"ppy-json-string\">\"fixed\"</span></pre>\n",
       "        </div>\n",
       "    </div>\n",
       "    </div></div>"
      ],
      "text/plain": [
       "<paidiverpy.pipeline.pipeline.Pipeline at 0x71b8d6592e60>"
      ]
     },
     "execution_count": 4,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "# See the pipeline steps. Click in a step to see more information about it\n",
    "pipeline"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 5,
   "id": "e61c25b4-79fd-4f28-94bb-e68aab8d0e94",
   "metadata": {
    "scrolled": true
   },
   "outputs": [
    {
     "data": {
      "text/html": [
       "<div><svg style=\"position: absolute; width: 0; height: 0; overflow: hidden\">\n",
       "<defs>\n",
       "<symbol id=\"arrow-right\" viewBox=\"0 0 330 330\">\n",
       "  <path id=\"XMLID_222_\" d=\"M250.606,154.389l-150-149.996c-5.857-5.858-15.355-5.858-21.213,0.001\n",
       "\tc-5.857,5.858-5.857,15.355,0.001,21.213l139.393,139.39L79.393,304.394c-5.857,5.858-5.857,15.355,0.001,21.213\n",
       "\tC82.322,328.536,86.161,330,90,330s7.678-1.464,10.607-4.394l149.999-150.004c2.814-2.813,4.394-6.628,4.394-10.606\n",
       "\tC255,161.018,253.42,157.202,250.606,154.389z\"/>\n",
       "</defs>\n",
       "</svg>\n",
       "<style>/* CSS stylesheet for displaying Paidiverpy objects in jupyterlab.\n",
       " *\n",
       " */\n",
       "\n",
       ":root {\n",
       "  --ppy-font-color: var(--jp-content-font-color, rgba(0, 0, 0, 1));\n",
       "  --ppy-font-color-brown: var(--jp-content-font-color-brown, brown);\n",
       "  --ppy-font-color-olive: var(--jp-content-font-color-olive, olive);\n",
       "  --ppy-font-color-teal: var(--jp-content-font-color-teal, teal);\n",
       "  --ppy-font-color-blue: var(--jp-content-font-color-blue, blue);\n",
       "  --ppy-font-color-gray: var(--jp-content-font-color-gray, gray);\n",
       "  --ppy-border-color: var(--jp-border-color2, #e0e0e0);\n",
       "  --ppy-disabled-color: var(--jp-layout-color3, #bdbdbd);\n",
       "  --ppy-background-color: var(--jp-layout-color, white);\n",
       "  --ppy-background-color2: var(--jp-layout-color3, rgba(212, 212, 212, 0.15));\n",
       "}\n",
       "\n",
       "\n",
       "html[theme=\"dark\"],\n",
       "html[data-theme=\"dark\"],\n",
       "body[data-theme=\"dark\"],\n",
       "body.vscode-dark {\n",
       "  --ppy-font-color: rgba(255, 255, 255, 1);\n",
       "  --ppy-font-color-brown: brown;\n",
       "  --ppy-font-color-olive: olive;\n",
       "  --ppy-font-color-teal: teal;\n",
       "  --ppy-font-color-blue: blue;\n",
       "  --ppy-font-color-gray: gray;\n",
       "  --ppy-border-color: #1f1f1f;\n",
       "  --ppy-disabled-color: #515151;\n",
       "  --ppy-background-color: #111111;\n",
       "}\n",
       "\n",
       ".ppy-background-color {\n",
       "  background-color: var(--ppy-background-color) !important;\n",
       "}\n",
       "\n",
       ".ppy-font-color-brown {\n",
       "  color: var(--ppy-font-color-brown) !important;\n",
       "}\n",
       "\n",
       ".ppy-font-color {\n",
       "  color: var(--ppy-font-color) !important;\n",
       "}\n",
       ".ppy-h2 {\n",
       "  font-size: 20px !important;\n",
       "}\n",
       ".ppy-h3 {\n",
       "  font-size: 13px !important;\n",
       "}\n",
       ".ppy-p {\n",
       "  font-size: 10px;\n",
       "}\n",
       ".ppy-p-error {\n",
       "  color: var(--ppy-font-color-brown);\n",
       "  font-weight: bold;\n",
       "  display: block;\n",
       "}\n",
       "\n",
       ".ppy-text-repr-fallback {\n",
       "  /* fallback to plain text repr when CSS is not injected (untrusted notebook) */\n",
       "  display: none;\n",
       "}\n",
       "\n",
       ".ppy-pipeline-wrap{\n",
       "  display: flex;\n",
       "  flex-wrap: wrap;\n",
       "  align-items: center;\n",
       "}\n",
       "\n",
       ".ppy-pipeline {\n",
       "  float:left;\n",
       "  cursor: pointer;\n",
       "  padding: 10px;\n",
       "  width: max-content;\n",
       "  height: 150px;\n",
       "  margin: 10px;\n",
       "  border: 1px solid #000;\n",
       "  text-align: center;\n",
       "  /* line-height: 80px; */\n",
       "}\n",
       "\n",
       ".ppy-pipeline-clear-fix {\n",
       "  clear: both;\n",
       "}\n",
       "\n",
       ".ppy-pipeline-parameters-all {\n",
       "  padding: 10px;\n",
       "  margin: 10px;\n",
       "}\n",
       "\n",
       ".ppy-images-step-header {\n",
       "  cursor: pointer;\n",
       "  font-weight: bold;\n",
       "  margin-top: 10px;\n",
       "  margin-bottom: 5px;\n",
       "}\n",
       ".ppy-images-metadata {\n",
       "  margin-left: 20px;\n",
       "  margin-bottom: 10px;\n",
       "}\n",
       ".ppy-images {\n",
       "  display: flex;\n",
       "  flex-wrap: wrap;\n",
       "  gap: 10px;\n",
       "  margin-left: 20px;\n",
       "}\n",
       "\n",
       ".ppy-show-more-button, .ppy-hide-button {\n",
       "  margin-left: 20px;\n",
       "  background-color: #007bff;\n",
       "  color: white;\n",
       "  border: none;\n",
       "  padding: 5px 10px;\n",
       "  cursor: pointer;\n",
       "}\n",
       "\n",
       "\n",
       ".ppy-pipeline-arrow {\n",
       "  float:left;\n",
       "  width: 50px;\n",
       "  height: 80px;\n",
       "  margin: 10px;\n",
       "  text-align: center;\n",
       "  line-height: 80px;\n",
       "}\n",
       "\n",
       ".ppy-images-img{\n",
       "  display: block;\n",
       "  max-width: 200px;\n",
       "  margin: 10px;\n",
       "}\n",
       "\n",
       ".ppy-images-toggle-arrow {\n",
       "  cursor: pointer;\n",
       "  margin-left: 5px;\n",
       "}\n",
       "\n",
       ".ppy-images-image-p {\n",
       "  cursor: pointer;\n",
       "}\n",
       "\n",
       ".ppy-arrow-right {\n",
       "  display: inline-block;\n",
       "  vertical-align: middle;\n",
       "  width: 1em;\n",
       "  height: 1.5em !important;\n",
       "  stroke-width: 0;\n",
       "  stroke: currentColor;\n",
       "  fill: currentColor;\n",
       "}\n",
       "\n",
       "\n",
       ".ppy-json-block {\n",
       "  font-family: monospace;\n",
       "  background: var(--ppy-background-color);\n",
       "  padding: 1em;\n",
       "  border-radius: 6px;\n",
       "}\n",
       ".ppy-json-key {\n",
       "  color: var(--ppy-font-color-brown);\n",
       "}\n",
       ".ppy-json-string {\n",
       "  color: var(--ppy-font-color-olive);\n",
       "}\n",
       ".ppy-json-number {\n",
       "  color: var(--ppy-font-color-teal);\n",
       "}\n",
       ".ppy-json-bool {\n",
       "  color: var(--ppy-font-color-blue);\n",
       "}\n",
       ".ppy-json-null {\n",
       "  color: var(--ppy-font-color-gray);\n",
       "}\n",
       "\n",
       "\n",
       ".ppy-pn-title-0 {\n",
       "  font-size: 30px;\n",
       "}\n",
       "\n",
       ".ppy-pn-title-1 {\n",
       "  font-size: 20px;\n",
       "}\n",
       ".ppy-pn-title-2 {\n",
       "  font-size: 17px;\n",
       "}\n",
       ".ppy-pn-title-3 {\n",
       "  font-size: 14px;\n",
       "}\n",
       ".ppy-pn-title-4 {\n",
       "  font-size: 12px;\n",
       "}\n",
       "\n",
       ".ppy-pn-bold {\n",
       "  font-weight: bold;\n",
       "}\n",
       ".ppy-pn-italic {\n",
       "  font-style: italic;\n",
       "}\n",
       ".ppy-pn-description {\n",
       "  font-size: 14px;\n",
       "  margin-bottom: 1px;\n",
       "}\n",
       "\n",
       ".bk-root {\n",
       "  width: 100% !important;\n",
       "  max-width: 100% !important;\n",
       "  box-sizing: border-box;\n",
       "}\n",
       "\n",
       "input, .bk-input, .bk-input-group {\n",
       "  margin-top: 0px;\n",
       "  margin-bottom: 3px;\n",
       "  padding-top: 0px;\n",
       "  padding-bottom: 0px;\n",
       "}\n",
       "\n",
       ".ppy-pn-header-button .bk-btn {\n",
       "  background: none !important;\n",
       "  border: none !important;\n",
       "  font-weight: bold;\n",
       "  font-size: 16px;\n",
       "  text-align: left;\n",
       "  padding-left: 0;\n",
       "  cursor: pointer;\n",
       "  box-shadow: none !important;\n",
       "  color: black;\n",
       "}\n",
       "\n",
       ".ppy-pn-danger-modal{\n",
       "  border: 2px solid red;\n",
       "  border-radius: 10px;\n",
       "  box-shadow: 0px 0px 10px rgba(255, 0, 0, 0.5);\n",
       "}\n",
       "\n",
       ".ppy-pn-config-form{\n",
       "  padding: 10px;\n",
       "  margin-top: 10px;\n",
       "  margin-bottom: 10px;\n",
       "  background-color: var(--ppy-background-color2);\n",
       "  border-radius: 5px;\n",
       "  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);\n",
       "}\n",
       "\n",
       "\n",
       ".ppy-pn-align-right {\n",
       "  display: flex;\n",
       "  justify-content: flex-end;\n",
       "}\n",
       "</style><script>function toggleMetadata(stepIndex, randomId) {\n",
       "  var metadata = document.getElementById(\"ppy-images-metadata-\" + randomId + \"-\" + stepIndex);\n",
       "  var arrow = document.getElementById(\"ppy-images-arrow-\" + randomId + \"-\" + stepIndex);\n",
       "  if (metadata.style.display === \"none\") {\n",
       "      metadata.style.display = \"block\";\n",
       "      arrow.innerHTML = \"▼\";\n",
       "      arrow.classList.remove(\"ppy-font-color\");\n",
       "      arrow.classList.add(\"ppy-font-color-brown\");\n",
       "  } else {\n",
       "      metadata.style.display = \"none\";\n",
       "      arrow.innerHTML = \"►\";\n",
       "      arrow.classList.remove(\"ppy-font-color-brown\");\n",
       "      arrow.classList.add(\"ppy-font-color\");\n",
       "  }\n",
       "}\n",
       "function toggleImage(imageId, randomId) {\n",
       "  var img = document.getElementById(imageId);\n",
       "  var arrow = document.getElementById(\"ppy-images-arrow-\" + randomId + \"-\" + imageId);\n",
       "  if (img.style.display === \"none\") {\n",
       "      img.style.display = \"block\";\n",
       "      arrow.innerHTML = \"▼\";\n",
       "      arrow.classList.remove(\"ppy-font-color\");\n",
       "      arrow.classList.add(\"ppy-font-color-brown\");\n",
       "  } else {\n",
       "      img.style.display = \"none\";\n",
       "      arrow.innerHTML = \"►\";\n",
       "      arrow.classList.remove(\"ppy-font-color-brown\");\n",
       "      arrow.classList.add(\"ppy-font-color\");\n",
       "  }\n",
       "}\n",
       "function showMore(stepIndex) {\n",
       "  var moreImages = document.getElementById(\"ppy-more-images-\" + stepIndex);\n",
       "  var showMoreButton = document.getElementById(\"ppy-show-more-button-\" + stepIndex);\n",
       "  var hideButton = document.getElementById(\"ppy-hide-button-\" + stepIndex);\n",
       "  moreImages.style.display = \"flex\";\n",
       "  showMoreButton.style.display = \"none\";\n",
       "  hideButton.style.display = \"inline-block\";\n",
       "}\n",
       "function hide(stepIndex) {\n",
       "  var moreImages = document.getElementById(\"ppy-more-images-\" + stepIndex);\n",
       "  var showMoreButton = document.getElementById(\"ppy-show-more-button-\" + stepIndex);\n",
       "  var hideButton = document.getElementById(\"ppy-hide-button-\" + stepIndex);\n",
       "  moreImages.style.display = \"none\";\n",
       "  showMoreButton.style.display = \"inline-block\";\n",
       "  hideButton.style.display = \"none\";\n",
       "}\n",
       "\n",
       "\n",
       "function showParameters(id, randomId) {\n",
       "  var currentTarget = document.getElementById('ppy-pipeline-' + randomId + '-' + id);\n",
       "  var square = document.getElementsByClassName('ppy-pipeline-' + randomId);\n",
       "  var allParams = document.getElementsByClassName('ppy-pipeline-parameters-' + randomId);\n",
       "  var selectedParams = document.getElementById('ppy-pipeline-parameters-' + randomId + '-' + id);\n",
       "  var idWasVisible = false;\n",
       "  if (selectedParams) {\n",
       "      var idWasVisible = selectedParams.style.display === 'block';\n",
       "  }\n",
       "  for (var i = 0; i < square.length; i++) {\n",
       "      square[i].classList.remove('ppy-font-color-brown');\n",
       "      square[i].classList.add('ppy-font-color');\n",
       "  }\n",
       "  for (var i = 0; i < allParams.length; i++) {\n",
       "      allParams[i].style.display = 'none';\n",
       "  }\n",
       "  // Show the selected parameter section\n",
       "  if (selectedParams) {\n",
       "      if (idWasVisible) {\n",
       "          selectedParams.style.display = 'none';\n",
       "          currentTarget.classList.remove('ppy-font-color-brown');\n",
       "          currentTarget.classList.add('ppy-font-color');\n",
       "      } else {\n",
       "          selectedParams.style.display = 'block';\n",
       "          currentTarget.classList.remove('ppy-font-color');\n",
       "          currentTarget.classList.add('ppy-font-color-brown');\n",
       "      }\n",
       "  }\n",
       "}\n",
       "\n",
       "hljs.highlightAll();\n",
       "</script><link rel=\"stylesheet\" href=\"https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/github.min.css\"><script src=\"https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js\"></script><script>hljs.highlightAll();</script><pre class='ppy-text-repr-fallback'>{\n",
       "    &quot;general&quot;: {\n",
       "        &quot;name&quot;: &quot;raw&quot;,\n",
       "        &quot;step_name&quot;: &quot;open&quot;,\n",
       "        &quot;sample_data&quot;: &quot;benthic_csv&quot;,\n",
       "        &quot;input_path&quot;: &quot;/home/tobfer/.paidiverpy_cache/benthic_csv/images&quot;,\n",
       "        &quot;output_path&quot;: &quot;output&quot;,\n",
       "        &quot;metadata_path&quot;: &quot;/home/tobfer/.paidiverpy_cache/benthic_csv/metadata/metadata_benthic_csv.csv&quot;,\n",
       "        &quot;metadata_type&quot;: &quot;CSV_FILE&quot;,\n",
       "        &quot;image_open_args&quot;: &quot;PNG&quot;,\n",
       "        &quot;append_data_to_metadata&quot;: &quot;/home/tobfer/.paidiverpy_cache/benthic_csv/metadata/appended_metadata_benthic_csv.csv&quot;,\n",
       "        &quot;n_jobs&quot;: 8,\n",
       "        &quot;track_changes&quot;: true,\n",
       "        &quot;sampling&quot;: [\n",
       "            {\n",
       "                &quot;name&quot;: &quot;sampling&quot;,\n",
       "                &quot;step_name&quot;: &quot;sampling&quot;,\n",
       "                &quot;test&quot;: false,\n",
       "                &quot;params&quot;: {\n",
       "                    &quot;value&quot;: 20,\n",
       "                    &quot;raise_error&quot;: false\n",
       "                },\n",
       "                &quot;mode&quot;: &quot;fixed&quot;\n",
       "            }\n",
       "        ]\n",
       "    },\n",
       "    &quot;steps&quot;: [\n",
       "        {\n",
       "            &quot;name&quot;: &quot;colour_correction&quot;,\n",
       "            &quot;step_name&quot;: &quot;colour&quot;,\n",
       "            &quot;test&quot;: false,\n",
       "            &quot;params&quot;: {\n",
       "                &quot;method&quot;: &quot;opencv&quot;,\n",
       "                &quot;invert_colours&quot;: false,\n",
       "                &quot;raise_error&quot;: false\n",
       "            },\n",
       "            &quot;mode&quot;: &quot;grayscale&quot;\n",
       "        },\n",
       "        {\n",
       "            &quot;name&quot;: &quot;datetime&quot;,\n",
       "            &quot;step_name&quot;: &quot;sampling&quot;,\n",
       "            &quot;test&quot;: false,\n",
       "            &quot;params&quot;: {\n",
       "                &quot;min&quot;: &quot;2018-06-11 04:14:00&quot;,\n",
       "                &quot;max&quot;: &quot;2018-06-11 04:20:00&quot;,\n",
       "                &quot;raise_error&quot;: false\n",
       "            },\n",
       "            &quot;mode&quot;: &quot;datetime&quot;\n",
       "        },\n",
       "        {\n",
       "            &quot;name&quot;: &quot;overlapping&quot;,\n",
       "            &quot;step_name&quot;: &quot;sampling&quot;,\n",
       "            &quot;test&quot;: false,\n",
       "            &quot;params&quot;: {\n",
       "                &quot;omega&quot;: 57.0,\n",
       "                &quot;theta&quot;: 40.0,\n",
       "                &quot;threshold&quot;: 0.5,\n",
       "                &quot;camera_distance&quot;: 1.12,\n",
       "                &quot;raise_error&quot;: false\n",
       "            },\n",
       "            &quot;mode&quot;: &quot;overlapping&quot;\n",
       "        },\n",
       "        {\n",
       "            &quot;name&quot;: &quot;colour_correction&quot;,\n",
       "            &quot;step_name&quot;: &quot;colour&quot;,\n",
       "            &quot;test&quot;: false,\n",
       "            &quot;params&quot;: {\n",
       "                &quot;sigma&quot;: 1.0,\n",
       "                &quot;raise_error&quot;: false\n",
       "            },\n",
       "            &quot;mode&quot;: &quot;gaussian_blur&quot;\n",
       "        },\n",
       "        {\n",
       "            &quot;name&quot;: &quot;sharpen&quot;,\n",
       "            &quot;step_name&quot;: &quot;colour&quot;,\n",
       "            &quot;test&quot;: false,\n",
       "            &quot;params&quot;: {\n",
       "                &quot;alpha&quot;: 1.5,\n",
       "                &quot;beta&quot;: -0.5,\n",
       "                &quot;raise_error&quot;: false\n",
       "            },\n",
       "            &quot;mode&quot;: &quot;sharpen&quot;\n",
       "        },\n",
       "        {\n",
       "            &quot;name&quot;: &quot;contrast&quot;,\n",
       "            &quot;step_name&quot;: &quot;colour&quot;,\n",
       "            &quot;test&quot;: false,\n",
       "            &quot;params&quot;: {\n",
       "                &quot;method&quot;: &quot;clahe&quot;,\n",
       "                &quot;clip_limit&quot;: 0.01,\n",
       "                &quot;gamma_value&quot;: 0.5,\n",
       "                &quot;raise_error&quot;: false\n",
       "            },\n",
       "            &quot;mode&quot;: &quot;contrast&quot;\n",
       "        }\n",
       "    ]\n",
       "}</pre><div><pre class=\"ppy-json-block\"><span class=\"ppy-json-key\">general</span>:\n",
       "  <span class=\"ppy-json-key\">name</span>: <span class=\"ppy-json-string\">\"raw\"</span>\n",
       "  <span class=\"ppy-json-key\">step_name</span>: <span class=\"ppy-json-string\">\"open\"</span>\n",
       "  <span class=\"ppy-json-key\">sample_data</span>: <span class=\"ppy-json-string\">\"benthic_csv\"</span>\n",
       "  <span class=\"ppy-json-key\">input_path</span>: <span class=\"ppy-json-string\">\"/home/tobfer/.paidiverpy_cache/benthic_csv/images\"</span>\n",
       "  <span class=\"ppy-json-key\">output_path</span>: <span class=\"ppy-json-string\">\"output\"</span>\n",
       "  <span class=\"ppy-json-key\">metadata_path</span>: <span class=\"ppy-json-string\">\"/home/tobfer/.paidiverpy_cache/benthic_csv/metadata/metadata_benthic_csv.csv\"</span>\n",
       "  <span class=\"ppy-json-key\">metadata_type</span>: <span class=\"ppy-json-string\">\"CSV_FILE\"</span>\n",
       "  <span class=\"ppy-json-key\">image_open_args</span>: <span class=\"ppy-json-string\">\"PNG\"</span>\n",
       "  <span class=\"ppy-json-key\">append_data_to_metadata</span>: <span class=\"ppy-json-string\">\"/home/tobfer/.paidiverpy_cache/benthic_csv/metadata/appended_metadata_benthic_csv.csv\"</span>\n",
       "  <span class=\"ppy-json-key\">n_jobs</span>: <span class=\"ppy-json-number\">8</span>\n",
       "  <span class=\"ppy-json-key\">track_changes</span>: <span class=\"ppy-json-number\">True</span>\n",
       "  <span class=\"ppy-json-key\">sampling</span>:\n",
       "    - <span class=\"ppy-json-key\">name</span>: <span class=\"ppy-json-string\">\"sampling\"</span>\n",
       "      <span class=\"ppy-json-key\">step_name</span>: <span class=\"ppy-json-string\">\"sampling\"</span>\n",
       "      <span class=\"ppy-json-key\">test</span>: <span class=\"ppy-json-number\">False</span>\n",
       "      <span class=\"ppy-json-key\">params</span>:\n",
       "        <span class=\"ppy-json-key\">value</span>: <span class=\"ppy-json-number\">20</span>\n",
       "        <span class=\"ppy-json-key\">raise_error</span>: <span class=\"ppy-json-number\">False</span>\n",
       "      <span class=\"ppy-json-key\">mode</span>: <span class=\"ppy-json-string\">\"fixed\"</span>\n",
       "<span class=\"ppy-json-key\">steps</span>:\n",
       "  - <span class=\"ppy-json-key\">name</span>: <span class=\"ppy-json-string\">\"colour_correction\"</span>\n",
       "    <span class=\"ppy-json-key\">step_name</span>: <span class=\"ppy-json-string\">\"colour\"</span>\n",
       "    <span class=\"ppy-json-key\">test</span>: <span class=\"ppy-json-number\">False</span>\n",
       "    <span class=\"ppy-json-key\">params</span>:\n",
       "      <span class=\"ppy-json-key\">method</span>: <span class=\"ppy-json-string\">\"opencv\"</span>\n",
       "      <span class=\"ppy-json-key\">invert_colours</span>: <span class=\"ppy-json-number\">False</span>\n",
       "      <span class=\"ppy-json-key\">raise_error</span>: <span class=\"ppy-json-number\">False</span>\n",
       "    <span class=\"ppy-json-key\">mode</span>: <span class=\"ppy-json-string\">\"grayscale\"</span>\n",
       "  - <span class=\"ppy-json-key\">name</span>: <span class=\"ppy-json-string\">\"datetime\"</span>\n",
       "    <span class=\"ppy-json-key\">step_name</span>: <span class=\"ppy-json-string\">\"sampling\"</span>\n",
       "    <span class=\"ppy-json-key\">test</span>: <span class=\"ppy-json-number\">False</span>\n",
       "    <span class=\"ppy-json-key\">params</span>:\n",
       "      <span class=\"ppy-json-key\">min</span>: <span class=\"ppy-json-string\">\"2018-06-11 04:14:00\"</span>\n",
       "      <span class=\"ppy-json-key\">max</span>: <span class=\"ppy-json-string\">\"2018-06-11 04:20:00\"</span>\n",
       "      <span class=\"ppy-json-key\">raise_error</span>: <span class=\"ppy-json-number\">False</span>\n",
       "    <span class=\"ppy-json-key\">mode</span>: <span class=\"ppy-json-string\">\"datetime\"</span>\n",
       "  - <span class=\"ppy-json-key\">name</span>: <span class=\"ppy-json-string\">\"overlapping\"</span>\n",
       "    <span class=\"ppy-json-key\">step_name</span>: <span class=\"ppy-json-string\">\"sampling\"</span>\n",
       "    <span class=\"ppy-json-key\">test</span>: <span class=\"ppy-json-number\">False</span>\n",
       "    <span class=\"ppy-json-key\">params</span>:\n",
       "      <span class=\"ppy-json-key\">omega</span>: <span class=\"ppy-json-number\">57.0</span>\n",
       "      <span class=\"ppy-json-key\">theta</span>: <span class=\"ppy-json-number\">40.0</span>\n",
       "      <span class=\"ppy-json-key\">threshold</span>: <span class=\"ppy-json-number\">0.5</span>\n",
       "      <span class=\"ppy-json-key\">camera_distance</span>: <span class=\"ppy-json-number\">1.12</span>\n",
       "      <span class=\"ppy-json-key\">raise_error</span>: <span class=\"ppy-json-number\">False</span>\n",
       "    <span class=\"ppy-json-key\">mode</span>: <span class=\"ppy-json-string\">\"overlapping\"</span>\n",
       "  - <span class=\"ppy-json-key\">name</span>: <span class=\"ppy-json-string\">\"colour_correction\"</span>\n",
       "    <span class=\"ppy-json-key\">step_name</span>: <span class=\"ppy-json-string\">\"colour\"</span>\n",
       "    <span class=\"ppy-json-key\">test</span>: <span class=\"ppy-json-number\">False</span>\n",
       "    <span class=\"ppy-json-key\">params</span>:\n",
       "      <span class=\"ppy-json-key\">sigma</span>: <span class=\"ppy-json-number\">1.0</span>\n",
       "      <span class=\"ppy-json-key\">raise_error</span>: <span class=\"ppy-json-number\">False</span>\n",
       "    <span class=\"ppy-json-key\">mode</span>: <span class=\"ppy-json-string\">\"gaussian_blur\"</span>\n",
       "  - <span class=\"ppy-json-key\">name</span>: <span class=\"ppy-json-string\">\"sharpen\"</span>\n",
       "    <span class=\"ppy-json-key\">step_name</span>: <span class=\"ppy-json-string\">\"colour\"</span>\n",
       "    <span class=\"ppy-json-key\">test</span>: <span class=\"ppy-json-number\">False</span>\n",
       "    <span class=\"ppy-json-key\">params</span>:\n",
       "      <span class=\"ppy-json-key\">alpha</span>: <span class=\"ppy-json-number\">1.5</span>\n",
       "      <span class=\"ppy-json-key\">beta</span>: <span class=\"ppy-json-number\">-0.5</span>\n",
       "      <span class=\"ppy-json-key\">raise_error</span>: <span class=\"ppy-json-number\">False</span>\n",
       "    <span class=\"ppy-json-key\">mode</span>: <span class=\"ppy-json-string\">\"sharpen\"</span>\n",
       "  - <span class=\"ppy-json-key\">name</span>: <span class=\"ppy-json-string\">\"contrast\"</span>\n",
       "    <span class=\"ppy-json-key\">step_name</span>: <span class=\"ppy-json-string\">\"colour\"</span>\n",
       "    <span class=\"ppy-json-key\">test</span>: <span class=\"ppy-json-number\">False</span>\n",
       "    <span class=\"ppy-json-key\">params</span>:\n",
       "      <span class=\"ppy-json-key\">method</span>: <span class=\"ppy-json-string\">\"clahe\"</span>\n",
       "      <span class=\"ppy-json-key\">clip_limit</span>: <span class=\"ppy-json-number\">0.01</span>\n",
       "      <span class=\"ppy-json-key\">gamma_value</span>: <span class=\"ppy-json-number\">0.5</span>\n",
       "      <span class=\"ppy-json-key\">raise_error</span>: <span class=\"ppy-json-number\">False</span>\n",
       "    <span class=\"ppy-json-key\">mode</span>: <span class=\"ppy-json-string\">\"contrast\"</span></pre></div></div>"
      ],
      "text/plain": [
       "{\n",
       "    \"general\": {\n",
       "        \"name\": \"raw\",\n",
       "        \"step_name\": \"open\",\n",
       "        \"sample_data\": \"benthic_csv\",\n",
       "        \"input_path\": \"/home/tobfer/.paidiverpy_cache/benthic_csv/images\",\n",
       "        \"output_path\": \"output\",\n",
       "        \"metadata_path\": \"/home/tobfer/.paidiverpy_cache/benthic_csv/metadata/metadata_benthic_csv.csv\",\n",
       "        \"metadata_type\": \"CSV_FILE\",\n",
       "        \"image_open_args\": \"PNG\",\n",
       "        \"append_data_to_metadata\": \"/home/tobfer/.paidiverpy_cache/benthic_csv/metadata/appended_metadata_benthic_csv.csv\",\n",
       "        \"n_jobs\": 8,\n",
       "        \"track_changes\": true,\n",
       "        \"sampling\": [\n",
       "            {\n",
       "                \"name\": \"sampling\",\n",
       "                \"step_name\": \"sampling\",\n",
       "                \"test\": false,\n",
       "                \"params\": {\n",
       "                    \"value\": 20,\n",
       "                    \"raise_error\": false\n",
       "                },\n",
       "                \"mode\": \"fixed\"\n",
       "            }\n",
       "        ]\n",
       "    },\n",
       "    \"steps\": [\n",
       "        {\n",
       "            \"name\": \"colour_correction\",\n",
       "            \"step_name\": \"colour\",\n",
       "            \"test\": false,\n",
       "            \"params\": {\n",
       "                \"method\": \"opencv\",\n",
       "                \"invert_colours\": false,\n",
       "                \"raise_error\": false\n",
       "            },\n",
       "            \"mode\": \"grayscale\"\n",
       "        },\n",
       "        {\n",
       "            \"name\": \"datetime\",\n",
       "            \"step_name\": \"sampling\",\n",
       "            \"test\": false,\n",
       "            \"params\": {\n",
       "                \"min\": \"2018-06-11 04:14:00\",\n",
       "                \"max\": \"2018-06-11 04:20:00\",\n",
       "                \"raise_error\": false\n",
       "            },\n",
       "            \"mode\": \"datetime\"\n",
       "        },\n",
       "        {\n",
       "            \"name\": \"overlapping\",\n",
       "            \"step_name\": \"sampling\",\n",
       "            \"test\": false,\n",
       "            \"params\": {\n",
       "                \"omega\": 57.0,\n",
       "                \"theta\": 40.0,\n",
       "                \"threshold\": 0.5,\n",
       "                \"camera_distance\": 1.12,\n",
       "                \"raise_error\": false\n",
       "            },\n",
       "            \"mode\": \"overlapping\"\n",
       "        },\n",
       "        {\n",
       "            \"name\": \"colour_correction\",\n",
       "            \"step_name\": \"colour\",\n",
       "            \"test\": false,\n",
       "            \"params\": {\n",
       "                \"sigma\": 1.0,\n",
       "                \"raise_error\": false\n",
       "            },\n",
       "            \"mode\": \"gaussian_blur\"\n",
       "        },\n",
       "        {\n",
       "            \"name\": \"sharpen\",\n",
       "            \"step_name\": \"colour\",\n",
       "            \"test\": false,\n",
       "            \"params\": {\n",
       "                \"alpha\": 1.5,\n",
       "                \"beta\": -0.5,\n",
       "                \"raise_error\": false\n",
       "            },\n",
       "            \"mode\": \"sharpen\"\n",
       "        },\n",
       "        {\n",
       "            \"name\": \"contrast\",\n",
       "            \"step_name\": \"colour\",\n",
       "            \"test\": false,\n",
       "            \"params\": {\n",
       "                \"method\": \"clahe\",\n",
       "                \"clip_limit\": 0.01,\n",
       "                \"gamma_value\": 0.5,\n",
       "                \"raise_error\": false\n",
       "            },\n",
       "            \"mode\": \"contrast\"\n",
       "        }\n",
       "    ]\n",
       "}"
      ]
     },
     "execution_count": 5,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "# See the pipeline steps in json format\n",
    "pipeline.config"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 6,
   "id": "627792bc-4bad-4858-b59e-73139cd338fe",
   "metadata": {
    "scrolled": true
   },
   "outputs": [
    {
     "name": "stdout",
     "output_type": "stream",
     "text": [
      "\u001b[92m☁ paidiverpy ☁  |       INFO | 2025-09-16 11:43:28 | No dataset UUID found in the dataset metadata. A new UUID has been generated: 4c922085-f8a0-4e08-8582-6575766344ed\u001b[0m\n",
      "\u001b[92m☁ paidiverpy ☁  |       INFO | 2025-09-16 11:43:28 | Processing images using 8 cores\u001b[0m\n",
      "\u001b[92m☁ paidiverpy ☁  |       INFO | 2025-09-16 11:43:28 | Running step 0: raw - OpenLayer\u001b[0m\n",
      "[########################################] | 100% Completed | 101.92 ms\n",
      "\u001b[92m☁ paidiverpy ☁  |       INFO | 2025-09-16 11:43:29 | Step 0 completed\u001b[0m\n",
      "\u001b[92m☁ paidiverpy ☁  |       INFO | 2025-09-16 11:43:29 | Running step 1: colour_correction - ColourLayer\u001b[0m\n",
      "\u001b[92m☁ paidiverpy ☁  |       INFO | 2025-09-16 11:43:29 | Step 1 completed\u001b[0m\n",
      "\u001b[92m☁ paidiverpy ☁  |       INFO | 2025-09-16 11:43:29 | Running step 2: datetime - SamplingLayer\u001b[0m\n",
      "\u001b[92m☁ paidiverpy ☁  |       INFO | 2025-09-16 11:43:29 | Number of images before the sampling step: 20. Total number of images after: 11\u001b[0m\n",
      "\u001b[92m☁ paidiverpy ☁  |       INFO | 2025-09-16 11:43:29 | Step 2 completed\u001b[0m\n",
      "\u001b[92m☁ paidiverpy ☁  |       INFO | 2025-09-16 11:43:29 | Running step 3: overlapping - SamplingLayer\u001b[0m\n",
      "\u001b[92m☁ paidiverpy ☁  |       INFO | 2025-09-16 11:43:29 | Number of images before the sampling step: 11. Total number of images after: 8\u001b[0m\n",
      "\u001b[92m☁ paidiverpy ☁  |       INFO | 2025-09-16 11:43:29 | Step 3 completed\u001b[0m\n",
      "\u001b[92m☁ paidiverpy ☁  |       INFO | 2025-09-16 11:43:29 | Running step 4: colour_correction - ColourLayer\u001b[0m\n",
      "\u001b[92m☁ paidiverpy ☁  |       INFO | 2025-09-16 11:43:30 | Step 4 completed\u001b[0m\n",
      "\u001b[92m☁ paidiverpy ☁  |       INFO | 2025-09-16 11:43:30 | Running step 5: sharpen - ColourLayer\u001b[0m\n",
      "\u001b[92m☁ paidiverpy ☁  |       INFO | 2025-09-16 11:43:30 | Step 5 completed\u001b[0m\n",
      "\u001b[92m☁ paidiverpy ☁  |       INFO | 2025-09-16 11:43:30 | Running step 6: contrast - ColourLayer\u001b[0m\n",
      "\u001b[92m☁ paidiverpy ☁  |       INFO | 2025-09-16 11:43:30 | Step 6 completed\u001b[0m\n",
      "[########################################] | 100% Completed | 211.24 ms\n",
      "CPU times: user 2.07 s, sys: 376 ms, total: 2.44 s\n",
      "Wall time: 1.95 s\n"
     ]
    }
   ],
   "source": [
    "%%time\n",
    "pipeline = Pipeline(config_file_path=\"../config_files/config_benthic.yml\")\n",
    "pipeline.run()"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 7,
   "id": "168dbe75-a24a-4fb2-9795-6acc7c6ca2ea",
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/html": [
       "<div><svg style=\"position: absolute; width: 0; height: 0; overflow: hidden\">\n",
       "<defs>\n",
       "<symbol id=\"icon-database\" viewBox=\"0 0 32 32\">\n",
       "<path d=\"M16 0c-8.837 0-16 2.239-16 5v4c0 2.761 7.163 5 16 5s16-2.239 16-5v-4c0-2.761-7.163-5-16-5z\"></path>\n",
       "<path d=\"M16 17c-8.837 0-16-2.239-16-5v6c0 2.761 7.163 5 16 5s16-2.239 16-5v-6c0 2.761-7.163 5-16 5z\"></path>\n",
       "<path d=\"M16 26c-8.837 0-16-2.239-16-5v6c0 2.761 7.163 5 16 5s16-2.239 16-5v-6c0 2.761-7.163 5-16 5z\"></path>\n",
       "</symbol>\n",
       "<symbol id=\"icon-file-text2\" viewBox=\"0 0 32 32\">\n",
       "<path d=\"M28.681 7.159c-0.694-0.947-1.662-2.053-2.724-3.116s-2.169-2.030-3.116-2.724c-1.612-1.182-2.393-1.319-2.841-1.319h-15.5c-1.378 0-2.5 1.121-2.5 2.5v27c0 1.378 1.122 2.5 2.5 2.5h23c1.378 0 2.5-1.122 2.5-2.5v-19.5c0-0.448-0.137-1.23-1.319-2.841zM24.543 5.457c0.959 0.959 1.712 1.825 2.268 2.543h-4.811v-4.811c0.718 0.556 1.584 1.309 2.543 2.268zM28 29.5c0 0.271-0.229 0.5-0.5 0.5h-23c-0.271 0-0.5-0.229-0.5-0.5v-27c0-0.271 0.229-0.5 0.5-0.5 0 0 15.499-0 15.5 0v7c0 0.552 0.448 1 1 1h7v19.5z\"></path>\n",
       "<path d=\"M23 26h-14c-0.552 0-1-0.448-1-1s0.448-1 1-1h14c0.552 0 1 0.448 1 1s-0.448 1-1 1z\"></path>\n",
       "<path d=\"M23 22h-14c-0.552 0-1-0.448-1-1s0.448-1 1-1h14c0.552 0 1 0.448 1 1s-0.448 1-1 1z\"></path>\n",
       "<path d=\"M23 18h-14c-0.552 0-1-0.448-1-1s0.448-1 1-1h14c0.552 0 1 0.448 1 1s-0.448 1-1 1z\"></path>\n",
       "</symbol>\n",
       "</defs>\n",
       "</svg>\n",
       "<style>/* CSS stylesheet for displaying xarray objects in jupyterlab.\n",
       " *\n",
       " */\n",
       "\n",
       ":root {\n",
       "  --xr-font-color0: var(\n",
       "    --jp-content-font-color0,\n",
       "    var(--pst-color-text-base rgba(0, 0, 0, 1))\n",
       "  );\n",
       "  --xr-font-color2: var(\n",
       "    --jp-content-font-color2,\n",
       "    var(--pst-color-text-base, rgba(0, 0, 0, 0.54))\n",
       "  );\n",
       "  --xr-font-color3: var(\n",
       "    --jp-content-font-color3,\n",
       "    var(--pst-color-text-base, rgba(0, 0, 0, 0.38))\n",
       "  );\n",
       "  --xr-border-color: var(\n",
       "    --jp-border-color2,\n",
       "    hsl(from var(--pst-color-on-background, white) h s calc(l - 10))\n",
       "  );\n",
       "  --xr-disabled-color: var(\n",
       "    --jp-layout-color3,\n",
       "    hsl(from var(--pst-color-on-background, white) h s calc(l - 40))\n",
       "  );\n",
       "  --xr-background-color: var(\n",
       "    --jp-layout-color0,\n",
       "    var(--pst-color-on-background, white)\n",
       "  );\n",
       "  --xr-background-color-row-even: var(\n",
       "    --jp-layout-color1,\n",
       "    hsl(from var(--pst-color-on-background, white) h s calc(l - 5))\n",
       "  );\n",
       "  --xr-background-color-row-odd: var(\n",
       "    --jp-layout-color2,\n",
       "    hsl(from var(--pst-color-on-background, white) h s calc(l - 15))\n",
       "  );\n",
       "}\n",
       "\n",
       "html[theme=\"dark\"],\n",
       "html[data-theme=\"dark\"],\n",
       "body[data-theme=\"dark\"],\n",
       "body.vscode-dark {\n",
       "  --xr-font-color0: var(\n",
       "    --jp-content-font-color0,\n",
       "    var(--pst-color-text-base, rgba(255, 255, 255, 1))\n",
       "  );\n",
       "  --xr-font-color2: var(\n",
       "    --jp-content-font-color2,\n",
       "    var(--pst-color-text-base, rgba(255, 255, 255, 0.54))\n",
       "  );\n",
       "  --xr-font-color3: var(\n",
       "    --jp-content-font-color3,\n",
       "    var(--pst-color-text-base, rgba(255, 255, 255, 0.38))\n",
       "  );\n",
       "  --xr-border-color: var(\n",
       "    --jp-border-color2,\n",
       "    hsl(from var(--pst-color-on-background, #111111) h s calc(l + 10))\n",
       "  );\n",
       "  --xr-disabled-color: var(\n",
       "    --jp-layout-color3,\n",
       "    hsl(from var(--pst-color-on-background, #111111) h s calc(l + 40))\n",
       "  );\n",
       "  --xr-background-color: var(\n",
       "    --jp-layout-color0,\n",
       "    var(--pst-color-on-background, #111111)\n",
       "  );\n",
       "  --xr-background-color-row-even: var(\n",
       "    --jp-layout-color1,\n",
       "    hsl(from var(--pst-color-on-background, #111111) h s calc(l + 5))\n",
       "  );\n",
       "  --xr-background-color-row-odd: var(\n",
       "    --jp-layout-color2,\n",
       "    hsl(from var(--pst-color-on-background, #111111) h s calc(l + 15))\n",
       "  );\n",
       "}\n",
       "\n",
       ".xr-wrap {\n",
       "  display: block !important;\n",
       "  min-width: 300px;\n",
       "  max-width: 700px;\n",
       "}\n",
       "\n",
       ".xr-text-repr-fallback {\n",
       "  /* fallback to plain text repr when CSS is not injected (untrusted notebook) */\n",
       "  display: none;\n",
       "}\n",
       "\n",
       ".xr-header {\n",
       "  padding-top: 6px;\n",
       "  padding-bottom: 6px;\n",
       "  margin-bottom: 4px;\n",
       "  border-bottom: solid 1px var(--xr-border-color);\n",
       "}\n",
       "\n",
       ".xr-header > div,\n",
       ".xr-header > ul {\n",
       "  display: inline;\n",
       "  margin-top: 0;\n",
       "  margin-bottom: 0;\n",
       "}\n",
       "\n",
       ".xr-obj-type,\n",
       ".xr-array-name {\n",
       "  margin-left: 2px;\n",
       "  margin-right: 10px;\n",
       "}\n",
       "\n",
       ".xr-obj-type {\n",
       "  color: var(--xr-font-color2);\n",
       "}\n",
       "\n",
       ".xr-sections {\n",
       "  padding-left: 0 !important;\n",
       "  display: grid;\n",
       "  grid-template-columns: 150px auto auto 1fr 0 20px 0 20px;\n",
       "}\n",
       "\n",
       ".xr-section-item {\n",
       "  display: contents;\n",
       "}\n",
       "\n",
       ".xr-section-item input {\n",
       "  display: inline-block;\n",
       "  opacity: 0;\n",
       "  height: 0;\n",
       "}\n",
       "\n",
       ".xr-section-item input + label {\n",
       "  color: var(--xr-disabled-color);\n",
       "  border: 2px solid transparent !important;\n",
       "}\n",
       "\n",
       ".xr-section-item input:enabled + label {\n",
       "  cursor: pointer;\n",
       "  color: var(--xr-font-color2);\n",
       "}\n",
       "\n",
       ".xr-section-item input:focus + label {\n",
       "  border: 2px solid var(--xr-font-color0) !important;\n",
       "}\n",
       "\n",
       ".xr-section-item input:enabled + label:hover {\n",
       "  color: var(--xr-font-color0);\n",
       "}\n",
       "\n",
       ".xr-section-summary {\n",
       "  grid-column: 1;\n",
       "  color: var(--xr-font-color2);\n",
       "  font-weight: 500;\n",
       "}\n",
       "\n",
       ".xr-section-summary > span {\n",
       "  display: inline-block;\n",
       "  padding-left: 0.5em;\n",
       "}\n",
       "\n",
       ".xr-section-summary-in:disabled + label {\n",
       "  color: var(--xr-font-color2);\n",
       "}\n",
       "\n",
       ".xr-section-summary-in + label:before {\n",
       "  display: inline-block;\n",
       "  content: \"►\";\n",
       "  font-size: 11px;\n",
       "  width: 15px;\n",
       "  text-align: center;\n",
       "}\n",
       "\n",
       ".xr-section-summary-in:disabled + label:before {\n",
       "  color: var(--xr-disabled-color);\n",
       "}\n",
       "\n",
       ".xr-section-summary-in:checked + label:before {\n",
       "  content: \"▼\";\n",
       "}\n",
       "\n",
       ".xr-section-summary-in:checked + label > span {\n",
       "  display: none;\n",
       "}\n",
       "\n",
       ".xr-section-summary,\n",
       ".xr-section-inline-details {\n",
       "  padding-top: 4px;\n",
       "  padding-bottom: 4px;\n",
       "}\n",
       "\n",
       ".xr-section-inline-details {\n",
       "  grid-column: 2 / -1;\n",
       "}\n",
       "\n",
       ".xr-section-details {\n",
       "  display: none;\n",
       "  grid-column: 1 / -1;\n",
       "  margin-bottom: 5px;\n",
       "}\n",
       "\n",
       ".xr-section-summary-in:checked ~ .xr-section-details {\n",
       "  display: contents;\n",
       "}\n",
       "\n",
       ".xr-array-wrap {\n",
       "  grid-column: 1 / -1;\n",
       "  display: grid;\n",
       "  grid-template-columns: 20px auto;\n",
       "}\n",
       "\n",
       ".xr-array-wrap > label {\n",
       "  grid-column: 1;\n",
       "  vertical-align: top;\n",
       "}\n",
       "\n",
       ".xr-preview {\n",
       "  color: var(--xr-font-color3);\n",
       "}\n",
       "\n",
       ".xr-array-preview,\n",
       ".xr-array-data {\n",
       "  padding: 0 5px !important;\n",
       "  grid-column: 2;\n",
       "}\n",
       "\n",
       ".xr-array-data,\n",
       ".xr-array-in:checked ~ .xr-array-preview {\n",
       "  display: none;\n",
       "}\n",
       "\n",
       ".xr-array-in:checked ~ .xr-array-data,\n",
       ".xr-array-preview {\n",
       "  display: inline-block;\n",
       "}\n",
       "\n",
       ".xr-dim-list {\n",
       "  display: inline-block !important;\n",
       "  list-style: none;\n",
       "  padding: 0 !important;\n",
       "  margin: 0;\n",
       "}\n",
       "\n",
       ".xr-dim-list li {\n",
       "  display: inline-block;\n",
       "  padding: 0;\n",
       "  margin: 0;\n",
       "}\n",
       "\n",
       ".xr-dim-list:before {\n",
       "  content: \"(\";\n",
       "}\n",
       "\n",
       ".xr-dim-list:after {\n",
       "  content: \")\";\n",
       "}\n",
       "\n",
       ".xr-dim-list li:not(:last-child):after {\n",
       "  content: \",\";\n",
       "  padding-right: 5px;\n",
       "}\n",
       "\n",
       ".xr-has-index {\n",
       "  font-weight: bold;\n",
       "}\n",
       "\n",
       ".xr-var-list,\n",
       ".xr-var-item {\n",
       "  display: contents;\n",
       "}\n",
       "\n",
       ".xr-var-item > div,\n",
       ".xr-var-item label,\n",
       ".xr-var-item > .xr-var-name span {\n",
       "  background-color: var(--xr-background-color-row-even);\n",
       "  border-color: var(--xr-background-color-row-odd);\n",
       "  margin-bottom: 0;\n",
       "  padding-top: 2px;\n",
       "}\n",
       "\n",
       ".xr-var-item > .xr-var-name:hover span {\n",
       "  padding-right: 5px;\n",
       "}\n",
       "\n",
       ".xr-var-list > li:nth-child(odd) > div,\n",
       ".xr-var-list > li:nth-child(odd) > label,\n",
       ".xr-var-list > li:nth-child(odd) > .xr-var-name span {\n",
       "  background-color: var(--xr-background-color-row-odd);\n",
       "  border-color: var(--xr-background-color-row-even);\n",
       "}\n",
       "\n",
       ".xr-var-name {\n",
       "  grid-column: 1;\n",
       "}\n",
       "\n",
       ".xr-var-dims {\n",
       "  grid-column: 2;\n",
       "}\n",
       "\n",
       ".xr-var-dtype {\n",
       "  grid-column: 3;\n",
       "  text-align: right;\n",
       "  color: var(--xr-font-color2);\n",
       "}\n",
       "\n",
       ".xr-var-preview {\n",
       "  grid-column: 4;\n",
       "}\n",
       "\n",
       ".xr-index-preview {\n",
       "  grid-column: 2 / 5;\n",
       "  color: var(--xr-font-color2);\n",
       "}\n",
       "\n",
       ".xr-var-name,\n",
       ".xr-var-dims,\n",
       ".xr-var-dtype,\n",
       ".xr-preview,\n",
       ".xr-attrs dt {\n",
       "  white-space: nowrap;\n",
       "  overflow: hidden;\n",
       "  text-overflow: ellipsis;\n",
       "  padding-right: 10px;\n",
       "}\n",
       "\n",
       ".xr-var-name:hover,\n",
       ".xr-var-dims:hover,\n",
       ".xr-var-dtype:hover,\n",
       ".xr-attrs dt:hover {\n",
       "  overflow: visible;\n",
       "  width: auto;\n",
       "  z-index: 1;\n",
       "}\n",
       "\n",
       ".xr-var-attrs,\n",
       ".xr-var-data,\n",
       ".xr-index-data {\n",
       "  display: none;\n",
       "  border-top: 2px dotted var(--xr-background-color);\n",
       "  padding-bottom: 20px !important;\n",
       "  padding-top: 10px !important;\n",
       "}\n",
       "\n",
       ".xr-var-attrs-in + label,\n",
       ".xr-var-data-in + label,\n",
       ".xr-index-data-in + label {\n",
       "  padding: 0 1px;\n",
       "}\n",
       "\n",
       ".xr-var-attrs-in:checked ~ .xr-var-attrs,\n",
       ".xr-var-data-in:checked ~ .xr-var-data,\n",
       ".xr-index-data-in:checked ~ .xr-index-data {\n",
       "  display: block;\n",
       "}\n",
       "\n",
       ".xr-var-data > table {\n",
       "  float: right;\n",
       "}\n",
       "\n",
       ".xr-var-data > pre,\n",
       ".xr-index-data > pre,\n",
       ".xr-var-data > table > tbody > tr {\n",
       "  background-color: transparent !important;\n",
       "}\n",
       "\n",
       ".xr-var-name span,\n",
       ".xr-var-data,\n",
       ".xr-index-name div,\n",
       ".xr-index-data,\n",
       ".xr-attrs {\n",
       "  padding-left: 25px !important;\n",
       "}\n",
       "\n",
       ".xr-attrs,\n",
       ".xr-var-attrs,\n",
       ".xr-var-data,\n",
       ".xr-index-data {\n",
       "  grid-column: 1 / -1;\n",
       "}\n",
       "\n",
       "dl.xr-attrs {\n",
       "  padding: 0;\n",
       "  margin: 0;\n",
       "  display: grid;\n",
       "  grid-template-columns: 125px auto;\n",
       "}\n",
       "\n",
       ".xr-attrs dt,\n",
       ".xr-attrs dd {\n",
       "  padding: 0;\n",
       "  margin: 0;\n",
       "  float: left;\n",
       "  padding-right: 10px;\n",
       "  width: auto;\n",
       "}\n",
       "\n",
       ".xr-attrs dt {\n",
       "  font-weight: normal;\n",
       "  grid-column: 1;\n",
       "}\n",
       "\n",
       ".xr-attrs dt:hover span {\n",
       "  display: inline-block;\n",
       "  background: var(--xr-background-color);\n",
       "  padding-right: 10px;\n",
       "}\n",
       "\n",
       ".xr-attrs dd {\n",
       "  grid-column: 2;\n",
       "  white-space: pre-wrap;\n",
       "  word-break: break-all;\n",
       "}\n",
       "\n",
       ".xr-icon-database,\n",
       ".xr-icon-file-text2,\n",
       ".xr-no-icon {\n",
       "  display: inline-block;\n",
       "  vertical-align: middle;\n",
       "  width: 1em;\n",
       "  height: 1.5em !important;\n",
       "  stroke-width: 0;\n",
       "  stroke: currentColor;\n",
       "  fill: currentColor;\n",
       "}\n",
       "\n",
       ".xr-var-attrs-in:checked + label > .xr-icon-file-text2,\n",
       ".xr-var-data-in:checked + label > .xr-icon-database,\n",
       ".xr-index-data-in:checked + label > .xr-icon-database {\n",
       "  color: var(--xr-font-color0);\n",
       "  filter: drop-shadow(1px 1px 5px var(--xr-font-color2));\n",
       "  stroke-width: 0.8px;\n",
       "}\n",
       "</style><pre class='xr-text-repr-fallback'>&lt;xarray.DataArray &#x27;images_0&#x27; (filename: 20, y_0: 128, x_0: 128, band_0: 4)&gt; Size: 1MB\n",
       "array([[[[179, 189, 164, 255],\n",
       "         [178, 189, 165, 255],\n",
       "         [180, 190, 168, 255],\n",
       "         ...,\n",
       "         [209, 206, 161, 255],\n",
       "         [210, 205, 161, 255],\n",
       "         [210, 206, 164, 255]],\n",
       "\n",
       "        [[181, 190, 166, 255],\n",
       "         [180, 189, 165, 255],\n",
       "         [179, 190, 169, 255],\n",
       "         ...,\n",
       "         [210, 204, 159, 255],\n",
       "         [211, 206, 162, 255],\n",
       "         [212, 206, 161, 255]],\n",
       "\n",
       "        [[182, 190, 169, 255],\n",
       "         [180, 189, 169, 255],\n",
       "         [183, 190, 168, 255],\n",
       "         ...,\n",
       "...\n",
       "         ...,\n",
       "         [ 26,  62,  59, 255],\n",
       "         [ 20,  62,  57, 255],\n",
       "         [ 19,  57,  55, 255]],\n",
       "\n",
       "        [[ 16,  48,  46, 255],\n",
       "         [ 37,  51,  48, 255],\n",
       "         [150, 133, 124, 255],\n",
       "         ...,\n",
       "         [ 20,  59,  55, 255],\n",
       "         [ 23,  56,  55, 255],\n",
       "         [ 20,  59,  56, 255]],\n",
       "\n",
       "        [[ 10,  39,  39, 255],\n",
       "         [150, 126, 117, 255],\n",
       "         [160, 136, 125, 255],\n",
       "         ...,\n",
       "         [ 19,  55,  54, 255],\n",
       "         [ 17,  55,  52, 255],\n",
       "         [ 19,  55,  55, 255]]]], shape=(20, 128, 128, 4), dtype=uint8)\n",
       "Coordinates: (12/19)\n",
       "  * filename           (filename) &lt;U18 1kB &#x27;20180611041421.png&#x27; ... &#x27;20180611...\n",
       "  * y_0                (y_0) int64 1kB 0 1 2 3 4 5 6 ... 122 123 124 125 126 127\n",
       "  * x_0                (x_0) int64 1kB 0 1 2 3 4 5 6 ... 122 123 124 125 126 127\n",
       "  * band_0             (band_0) int64 32B 0 1 2 3\n",
       "    original_height_0  (filename) int64 160B 128 128 128 128 ... 128 128 128 128\n",
       "    original_width_0   (filename) int64 160B 128 128 128 128 ... 128 128 128 128\n",
       "    ...                 ...\n",
       "    original_height_4  (filename) int64 160B 128 128 128 128 ... 128 128 128 128\n",
       "    original_width_4   (filename) int64 160B 128 128 128 128 ... 128 128 128 128\n",
       "    original_height_5  (filename) int64 160B 128 128 128 128 ... 128 128 128 128\n",
       "    original_width_5   (filename) int64 160B 128 128 128 128 ... 128 128 128 128\n",
       "    original_height_6  (filename) int64 160B 128 128 128 128 ... 128 128 128 128\n",
       "    original_width_6   (filename) int64 160B 128 128 128 128 ... 128 128 128 128</pre><div class='xr-wrap' style='display:none'><div class='xr-header'><div class='xr-obj-type'>xarray.DataArray</div><div class='xr-array-name'>'images_0'</div><ul class='xr-dim-list'><li><span class='xr-has-index'>filename</span>: 20</li><li><span class='xr-has-index'>y_0</span>: 128</li><li><span class='xr-has-index'>x_0</span>: 128</li><li><span class='xr-has-index'>band_0</span>: 4</li></ul></div><ul class='xr-sections'><li class='xr-section-item'><div class='xr-array-wrap'><input id='section-267fda92-1694-44c2-8dd0-104a5b9a5197' class='xr-array-in' type='checkbox' checked><label for='section-267fda92-1694-44c2-8dd0-104a5b9a5197' title='Show/hide data repr'><svg class='icon xr-icon-database'><use xlink:href='#icon-database'></use></svg></label><div class='xr-array-preview xr-preview'><span>179 189 164 255 178 189 165 255 180 ... 255 17 55 52 255 19 55 55 255</span></div><div class='xr-array-data'><pre>array([[[[179, 189, 164, 255],\n",
       "         [178, 189, 165, 255],\n",
       "         [180, 190, 168, 255],\n",
       "         ...,\n",
       "         [209, 206, 161, 255],\n",
       "         [210, 205, 161, 255],\n",
       "         [210, 206, 164, 255]],\n",
       "\n",
       "        [[181, 190, 166, 255],\n",
       "         [180, 189, 165, 255],\n",
       "         [179, 190, 169, 255],\n",
       "         ...,\n",
       "         [210, 204, 159, 255],\n",
       "         [211, 206, 162, 255],\n",
       "         [212, 206, 161, 255]],\n",
       "\n",
       "        [[182, 190, 169, 255],\n",
       "         [180, 189, 169, 255],\n",
       "         [183, 190, 168, 255],\n",
       "         ...,\n",
       "...\n",
       "         ...,\n",
       "         [ 26,  62,  59, 255],\n",
       "         [ 20,  62,  57, 255],\n",
       "         [ 19,  57,  55, 255]],\n",
       "\n",
       "        [[ 16,  48,  46, 255],\n",
       "         [ 37,  51,  48, 255],\n",
       "         [150, 133, 124, 255],\n",
       "         ...,\n",
       "         [ 20,  59,  55, 255],\n",
       "         [ 23,  56,  55, 255],\n",
       "         [ 20,  59,  56, 255]],\n",
       "\n",
       "        [[ 10,  39,  39, 255],\n",
       "         [150, 126, 117, 255],\n",
       "         [160, 136, 125, 255],\n",
       "         ...,\n",
       "         [ 19,  55,  54, 255],\n",
       "         [ 17,  55,  52, 255],\n",
       "         [ 19,  55,  55, 255]]]], shape=(20, 128, 128, 4), dtype=uint8)</pre></div></div></li><li class='xr-section-item'><input id='section-e22d95c4-945f-47e1-b075-6d42d3487f8a' class='xr-section-summary-in' type='checkbox'  checked><label for='section-e22d95c4-945f-47e1-b075-6d42d3487f8a' class='xr-section-summary' >Coordinates: <span>(19)</span></label><div class='xr-section-inline-details'></div><div class='xr-section-details'><ul class='xr-var-list'><li class='xr-var-item'><div class='xr-var-name'><span class='xr-has-index'>filename</span></div><div class='xr-var-dims'>(filename)</div><div class='xr-var-dtype'>&lt;U18</div><div class='xr-var-preview xr-preview'>&#x27;20180611041421.png&#x27; ... &#x27;201806...</div><input id='attrs-a9f26196-782b-4009-b9d2-177387966b06' class='xr-var-attrs-in' type='checkbox' disabled><label for='attrs-a9f26196-782b-4009-b9d2-177387966b06' title='Show/Hide attributes'><svg class='icon xr-icon-file-text2'><use xlink:href='#icon-file-text2'></use></svg></label><input id='data-00c62f63-1ebe-4c89-add8-14ac872e00fb' class='xr-var-data-in' type='checkbox'><label for='data-00c62f63-1ebe-4c89-add8-14ac872e00fb' title='Show/Hide data repr'><svg class='icon xr-icon-database'><use xlink:href='#icon-database'></use></svg></label><div class='xr-var-attrs'><dl class='xr-attrs'></dl></div><div class='xr-var-data'><pre>array([&#x27;20180611041421.png&#x27;, &#x27;20180611041501.png&#x27;, &#x27;20180611041711.png&#x27;,\n",
       "       &#x27;20180611041731.png&#x27;, &#x27;20180611041741.png&#x27;, &#x27;20180611041751.png&#x27;,\n",
       "       &#x27;20180611041801.png&#x27;, &#x27;20180611041811.png&#x27;, &#x27;20180611041831.png&#x27;,\n",
       "       &#x27;20180611041841.png&#x27;, &#x27;20180611041901.png&#x27;, &#x27;20180611042001.png&#x27;,\n",
       "       &#x27;20180611042011.png&#x27;, &#x27;20180611042031.png&#x27;, &#x27;20180611042121.png&#x27;,\n",
       "       &#x27;20180611042131.png&#x27;, &#x27;20180611042141.png&#x27;, &#x27;20180611042201.png&#x27;,\n",
       "       &#x27;20180611042211.png&#x27;, &#x27;20180611042221.png&#x27;], dtype=&#x27;&lt;U18&#x27;)</pre></div></li><li class='xr-var-item'><div class='xr-var-name'><span class='xr-has-index'>y_0</span></div><div class='xr-var-dims'>(y_0)</div><div class='xr-var-dtype'>int64</div><div class='xr-var-preview xr-preview'>0 1 2 3 4 5 ... 123 124 125 126 127</div><input id='attrs-ca14ad70-0323-4ff8-9584-78821d7e538b' class='xr-var-attrs-in' type='checkbox' disabled><label for='attrs-ca14ad70-0323-4ff8-9584-78821d7e538b' title='Show/Hide attributes'><svg class='icon xr-icon-file-text2'><use xlink:href='#icon-file-text2'></use></svg></label><input id='data-baae057e-3743-4c64-bcbd-e856d11f7b26' class='xr-var-data-in' type='checkbox'><label for='data-baae057e-3743-4c64-bcbd-e856d11f7b26' title='Show/Hide data repr'><svg class='icon xr-icon-database'><use xlink:href='#icon-database'></use></svg></label><div class='xr-var-attrs'><dl class='xr-attrs'></dl></div><div class='xr-var-data'><pre>array([  0,   1,   2,   3,   4,   5,   6,   7,   8,   9,  10,  11,  12,  13,\n",
       "        14,  15,  16,  17,  18,  19,  20,  21,  22,  23,  24,  25,  26,  27,\n",
       "        28,  29,  30,  31,  32,  33,  34,  35,  36,  37,  38,  39,  40,  41,\n",
       "        42,  43,  44,  45,  46,  47,  48,  49,  50,  51,  52,  53,  54,  55,\n",
       "        56,  57,  58,  59,  60,  61,  62,  63,  64,  65,  66,  67,  68,  69,\n",
       "        70,  71,  72,  73,  74,  75,  76,  77,  78,  79,  80,  81,  82,  83,\n",
       "        84,  85,  86,  87,  88,  89,  90,  91,  92,  93,  94,  95,  96,  97,\n",
       "        98,  99, 100, 101, 102, 103, 104, 105, 106, 107, 108, 109, 110, 111,\n",
       "       112, 113, 114, 115, 116, 117, 118, 119, 120, 121, 122, 123, 124, 125,\n",
       "       126, 127])</pre></div></li><li class='xr-var-item'><div class='xr-var-name'><span class='xr-has-index'>x_0</span></div><div class='xr-var-dims'>(x_0)</div><div class='xr-var-dtype'>int64</div><div class='xr-var-preview xr-preview'>0 1 2 3 4 5 ... 123 124 125 126 127</div><input id='attrs-be097563-14c0-4797-a32b-c3d24e7dc13e' class='xr-var-attrs-in' type='checkbox' disabled><label for='attrs-be097563-14c0-4797-a32b-c3d24e7dc13e' title='Show/Hide attributes'><svg class='icon xr-icon-file-text2'><use xlink:href='#icon-file-text2'></use></svg></label><input id='data-5ed44b8f-509c-487b-8318-dd3d05337acf' class='xr-var-data-in' type='checkbox'><label for='data-5ed44b8f-509c-487b-8318-dd3d05337acf' title='Show/Hide data repr'><svg class='icon xr-icon-database'><use xlink:href='#icon-database'></use></svg></label><div class='xr-var-attrs'><dl class='xr-attrs'></dl></div><div class='xr-var-data'><pre>array([  0,   1,   2,   3,   4,   5,   6,   7,   8,   9,  10,  11,  12,  13,\n",
       "        14,  15,  16,  17,  18,  19,  20,  21,  22,  23,  24,  25,  26,  27,\n",
       "        28,  29,  30,  31,  32,  33,  34,  35,  36,  37,  38,  39,  40,  41,\n",
       "        42,  43,  44,  45,  46,  47,  48,  49,  50,  51,  52,  53,  54,  55,\n",
       "        56,  57,  58,  59,  60,  61,  62,  63,  64,  65,  66,  67,  68,  69,\n",
       "        70,  71,  72,  73,  74,  75,  76,  77,  78,  79,  80,  81,  82,  83,\n",
       "        84,  85,  86,  87,  88,  89,  90,  91,  92,  93,  94,  95,  96,  97,\n",
       "        98,  99, 100, 101, 102, 103, 104, 105, 106, 107, 108, 109, 110, 111,\n",
       "       112, 113, 114, 115, 116, 117, 118, 119, 120, 121, 122, 123, 124, 125,\n",
       "       126, 127])</pre></div></li><li class='xr-var-item'><div class='xr-var-name'><span class='xr-has-index'>band_0</span></div><div class='xr-var-dims'>(band_0)</div><div class='xr-var-dtype'>int64</div><div class='xr-var-preview xr-preview'>0 1 2 3</div><input id='attrs-33f3bcf8-b896-4f9a-8d18-a9c7bc40605b' class='xr-var-attrs-in' type='checkbox' disabled><label for='attrs-33f3bcf8-b896-4f9a-8d18-a9c7bc40605b' title='Show/Hide attributes'><svg class='icon xr-icon-file-text2'><use xlink:href='#icon-file-text2'></use></svg></label><input id='data-7a49573f-4c60-4a23-b2ef-743224dd35b3' class='xr-var-data-in' type='checkbox'><label for='data-7a49573f-4c60-4a23-b2ef-743224dd35b3' title='Show/Hide data repr'><svg class='icon xr-icon-database'><use xlink:href='#icon-database'></use></svg></label><div class='xr-var-attrs'><dl class='xr-attrs'></dl></div><div class='xr-var-data'><pre>array([0, 1, 2, 3])</pre></div></li><li class='xr-var-item'><div class='xr-var-name'><span>original_height_0</span></div><div class='xr-var-dims'>(filename)</div><div class='xr-var-dtype'>int64</div><div class='xr-var-preview xr-preview'>128 128 128 128 ... 128 128 128 128</div><input id='attrs-27ed27d0-bb8d-4884-8f79-22ee1361210a' class='xr-var-attrs-in' type='checkbox' disabled><label for='attrs-27ed27d0-bb8d-4884-8f79-22ee1361210a' title='Show/Hide attributes'><svg class='icon xr-icon-file-text2'><use xlink:href='#icon-file-text2'></use></svg></label><input id='data-a8e28180-ff3e-4bf9-936d-2ba3953d8c84' class='xr-var-data-in' type='checkbox'><label for='data-a8e28180-ff3e-4bf9-936d-2ba3953d8c84' title='Show/Hide data repr'><svg class='icon xr-icon-database'><use xlink:href='#icon-database'></use></svg></label><div class='xr-var-attrs'><dl class='xr-attrs'></dl></div><div class='xr-var-data'><pre>array([128, 128, 128, 128, 128, 128, 128, 128, 128, 128, 128, 128, 128,\n",
       "       128, 128, 128, 128, 128, 128, 128])</pre></div></li><li class='xr-var-item'><div class='xr-var-name'><span>original_width_0</span></div><div class='xr-var-dims'>(filename)</div><div class='xr-var-dtype'>int64</div><div class='xr-var-preview xr-preview'>128 128 128 128 ... 128 128 128 128</div><input id='attrs-76be1793-79b6-4298-ac1d-bad77113fd6e' class='xr-var-attrs-in' type='checkbox' disabled><label for='attrs-76be1793-79b6-4298-ac1d-bad77113fd6e' title='Show/Hide attributes'><svg class='icon xr-icon-file-text2'><use xlink:href='#icon-file-text2'></use></svg></label><input id='data-22a304ba-a4d6-4d17-8aee-737ee96a0f94' class='xr-var-data-in' type='checkbox'><label for='data-22a304ba-a4d6-4d17-8aee-737ee96a0f94' title='Show/Hide data repr'><svg class='icon xr-icon-database'><use xlink:href='#icon-database'></use></svg></label><div class='xr-var-attrs'><dl class='xr-attrs'></dl></div><div class='xr-var-data'><pre>array([128, 128, 128, 128, 128, 128, 128, 128, 128, 128, 128, 128, 128,\n",
       "       128, 128, 128, 128, 128, 128, 128])</pre></div></li><li class='xr-var-item'><div class='xr-var-name'><span>flag</span></div><div class='xr-var-dims'>(filename)</div><div class='xr-var-dtype'>int64</div><div class='xr-var-preview xr-preview'>0 0 0 3 3 0 3 0 ... 2 2 2 2 2 2 2 2</div><input id='attrs-9167046e-08ed-4b63-8de1-881a6b544ea4' class='xr-var-attrs-in' type='checkbox' disabled><label for='attrs-9167046e-08ed-4b63-8de1-881a6b544ea4' title='Show/Hide attributes'><svg class='icon xr-icon-file-text2'><use xlink:href='#icon-file-text2'></use></svg></label><input id='data-562438da-6744-410e-8301-5e140f9f5af3' class='xr-var-data-in' type='checkbox'><label for='data-562438da-6744-410e-8301-5e140f9f5af3' title='Show/Hide data repr'><svg class='icon xr-icon-database'><use xlink:href='#icon-database'></use></svg></label><div class='xr-var-attrs'><dl class='xr-attrs'></dl></div><div class='xr-var-data'><pre>array([0, 0, 0, 3, 3, 0, 3, 0, 0, 0, 0, 2, 2, 2, 2, 2, 2, 2, 2, 2])</pre></div></li><li class='xr-var-item'><div class='xr-var-name'><span>original_height_1</span></div><div class='xr-var-dims'>(filename)</div><div class='xr-var-dtype'>int64</div><div class='xr-var-preview xr-preview'>128 128 128 128 ... 128 128 128 128</div><input id='attrs-8087b124-1827-4e41-adc5-bd34d9916a3b' class='xr-var-attrs-in' type='checkbox' disabled><label for='attrs-8087b124-1827-4e41-adc5-bd34d9916a3b' title='Show/Hide attributes'><svg class='icon xr-icon-file-text2'><use xlink:href='#icon-file-text2'></use></svg></label><input id='data-209cc3d6-409c-47ce-bc5c-ac9d48a3ed7b' class='xr-var-data-in' type='checkbox'><label for='data-209cc3d6-409c-47ce-bc5c-ac9d48a3ed7b' title='Show/Hide data repr'><svg class='icon xr-icon-database'><use xlink:href='#icon-database'></use></svg></label><div class='xr-var-attrs'><dl class='xr-attrs'></dl></div><div class='xr-var-data'><pre>array([128, 128, 128, 128, 128, 128, 128, 128, 128, 128, 128, 128, 128,\n",
       "       128, 128, 128, 128, 128, 128, 128])</pre></div></li><li class='xr-var-item'><div class='xr-var-name'><span>original_width_1</span></div><div class='xr-var-dims'>(filename)</div><div class='xr-var-dtype'>int64</div><div class='xr-var-preview xr-preview'>128 128 128 128 ... 128 128 128 128</div><input id='attrs-c4d862f8-a83d-4fe2-9d14-958e25dc2ff2' class='xr-var-attrs-in' type='checkbox' disabled><label for='attrs-c4d862f8-a83d-4fe2-9d14-958e25dc2ff2' title='Show/Hide attributes'><svg class='icon xr-icon-file-text2'><use xlink:href='#icon-file-text2'></use></svg></label><input id='data-7bcf8ef0-f3fc-48c3-b5f6-67aec3932cb7' class='xr-var-data-in' type='checkbox'><label for='data-7bcf8ef0-f3fc-48c3-b5f6-67aec3932cb7' title='Show/Hide data repr'><svg class='icon xr-icon-database'><use xlink:href='#icon-database'></use></svg></label><div class='xr-var-attrs'><dl class='xr-attrs'></dl></div><div class='xr-var-data'><pre>array([128, 128, 128, 128, 128, 128, 128, 128, 128, 128, 128, 128, 128,\n",
       "       128, 128, 128, 128, 128, 128, 128])</pre></div></li><li class='xr-var-item'><div class='xr-var-name'><span>original_height_2</span></div><div class='xr-var-dims'>(filename)</div><div class='xr-var-dtype'>int64</div><div class='xr-var-preview xr-preview'>128 128 128 128 ... 128 128 128 128</div><input id='attrs-99022c9a-90e5-44ab-98ea-ec0da1a462ad' class='xr-var-attrs-in' type='checkbox' disabled><label for='attrs-99022c9a-90e5-44ab-98ea-ec0da1a462ad' title='Show/Hide attributes'><svg class='icon xr-icon-file-text2'><use xlink:href='#icon-file-text2'></use></svg></label><input id='data-2bdd714e-43b4-403f-ade2-916a7c010f61' class='xr-var-data-in' type='checkbox'><label for='data-2bdd714e-43b4-403f-ade2-916a7c010f61' title='Show/Hide data repr'><svg class='icon xr-icon-database'><use xlink:href='#icon-database'></use></svg></label><div class='xr-var-attrs'><dl class='xr-attrs'></dl></div><div class='xr-var-data'><pre>array([128, 128, 128, 128, 128, 128, 128, 128, 128, 128, 128, 128, 128,\n",
       "       128, 128, 128, 128, 128, 128, 128])</pre></div></li><li class='xr-var-item'><div class='xr-var-name'><span>original_width_2</span></div><div class='xr-var-dims'>(filename)</div><div class='xr-var-dtype'>int64</div><div class='xr-var-preview xr-preview'>128 128 128 128 ... 128 128 128 128</div><input id='attrs-286a7daf-12b9-484e-85ac-de9ee420c326' class='xr-var-attrs-in' type='checkbox' disabled><label for='attrs-286a7daf-12b9-484e-85ac-de9ee420c326' title='Show/Hide attributes'><svg class='icon xr-icon-file-text2'><use xlink:href='#icon-file-text2'></use></svg></label><input id='data-dcfab27d-7772-45ed-b271-59b5a4cd45b7' class='xr-var-data-in' type='checkbox'><label for='data-dcfab27d-7772-45ed-b271-59b5a4cd45b7' title='Show/Hide data repr'><svg class='icon xr-icon-database'><use xlink:href='#icon-database'></use></svg></label><div class='xr-var-attrs'><dl class='xr-attrs'></dl></div><div class='xr-var-data'><pre>array([128, 128, 128, 128, 128, 128, 128, 128, 128, 128, 128, 128, 128,\n",
       "       128, 128, 128, 128, 128, 128, 128])</pre></div></li><li class='xr-var-item'><div class='xr-var-name'><span>original_height_3</span></div><div class='xr-var-dims'>(filename)</div><div class='xr-var-dtype'>int64</div><div class='xr-var-preview xr-preview'>128 128 128 128 ... 128 128 128 128</div><input id='attrs-4136e508-527d-42a9-95f9-0a0fc76903cd' class='xr-var-attrs-in' type='checkbox' disabled><label for='attrs-4136e508-527d-42a9-95f9-0a0fc76903cd' title='Show/Hide attributes'><svg class='icon xr-icon-file-text2'><use xlink:href='#icon-file-text2'></use></svg></label><input id='data-5d7de49f-93ff-42f1-8e1b-7d10d60475aa' class='xr-var-data-in' type='checkbox'><label for='data-5d7de49f-93ff-42f1-8e1b-7d10d60475aa' title='Show/Hide data repr'><svg class='icon xr-icon-database'><use xlink:href='#icon-database'></use></svg></label><div class='xr-var-attrs'><dl class='xr-attrs'></dl></div><div class='xr-var-data'><pre>array([128, 128, 128, 128, 128, 128, 128, 128, 128, 128, 128, 128, 128,\n",
       "       128, 128, 128, 128, 128, 128, 128])</pre></div></li><li class='xr-var-item'><div class='xr-var-name'><span>original_width_3</span></div><div class='xr-var-dims'>(filename)</div><div class='xr-var-dtype'>int64</div><div class='xr-var-preview xr-preview'>128 128 128 128 ... 128 128 128 128</div><input id='attrs-f902ceac-bee6-46bb-8abb-1165e2160593' class='xr-var-attrs-in' type='checkbox' disabled><label for='attrs-f902ceac-bee6-46bb-8abb-1165e2160593' title='Show/Hide attributes'><svg class='icon xr-icon-file-text2'><use xlink:href='#icon-file-text2'></use></svg></label><input id='data-2b3bc821-4c9f-4e1c-bf10-09b3e6d64cd3' class='xr-var-data-in' type='checkbox'><label for='data-2b3bc821-4c9f-4e1c-bf10-09b3e6d64cd3' title='Show/Hide data repr'><svg class='icon xr-icon-database'><use xlink:href='#icon-database'></use></svg></label><div class='xr-var-attrs'><dl class='xr-attrs'></dl></div><div class='xr-var-data'><pre>array([128, 128, 128, 128, 128, 128, 128, 128, 128, 128, 128, 128, 128,\n",
       "       128, 128, 128, 128, 128, 128, 128])</pre></div></li><li class='xr-var-item'><div class='xr-var-name'><span>original_height_4</span></div><div class='xr-var-dims'>(filename)</div><div class='xr-var-dtype'>int64</div><div class='xr-var-preview xr-preview'>128 128 128 128 ... 128 128 128 128</div><input id='attrs-c6a9c245-d6a8-4b50-b85d-d8fe093c9ba8' class='xr-var-attrs-in' type='checkbox' disabled><label for='attrs-c6a9c245-d6a8-4b50-b85d-d8fe093c9ba8' title='Show/Hide attributes'><svg class='icon xr-icon-file-text2'><use xlink:href='#icon-file-text2'></use></svg></label><input id='data-8e38ad0b-4a43-49be-82d2-e87897cf28a0' class='xr-var-data-in' type='checkbox'><label for='data-8e38ad0b-4a43-49be-82d2-e87897cf28a0' title='Show/Hide data repr'><svg class='icon xr-icon-database'><use xlink:href='#icon-database'></use></svg></label><div class='xr-var-attrs'><dl class='xr-attrs'></dl></div><div class='xr-var-data'><pre>array([128, 128, 128, 128, 128, 128, 128, 128, 128, 128, 128, 128, 128,\n",
       "       128, 128, 128, 128, 128, 128, 128])</pre></div></li><li class='xr-var-item'><div class='xr-var-name'><span>original_width_4</span></div><div class='xr-var-dims'>(filename)</div><div class='xr-var-dtype'>int64</div><div class='xr-var-preview xr-preview'>128 128 128 128 ... 128 128 128 128</div><input id='attrs-859e1b11-b6b7-4479-97ad-22434fcdefb9' class='xr-var-attrs-in' type='checkbox' disabled><label for='attrs-859e1b11-b6b7-4479-97ad-22434fcdefb9' title='Show/Hide attributes'><svg class='icon xr-icon-file-text2'><use xlink:href='#icon-file-text2'></use></svg></label><input id='data-e7abd37d-78cb-4daf-9111-210612cfbed8' class='xr-var-data-in' type='checkbox'><label for='data-e7abd37d-78cb-4daf-9111-210612cfbed8' title='Show/Hide data repr'><svg class='icon xr-icon-database'><use xlink:href='#icon-database'></use></svg></label><div class='xr-var-attrs'><dl class='xr-attrs'></dl></div><div class='xr-var-data'><pre>array([128, 128, 128, 128, 128, 128, 128, 128, 128, 128, 128, 128, 128,\n",
       "       128, 128, 128, 128, 128, 128, 128])</pre></div></li><li class='xr-var-item'><div class='xr-var-name'><span>original_height_5</span></div><div class='xr-var-dims'>(filename)</div><div class='xr-var-dtype'>int64</div><div class='xr-var-preview xr-preview'>128 128 128 128 ... 128 128 128 128</div><input id='attrs-1cf75208-eb1f-4822-b15d-c01381e1adfa' class='xr-var-attrs-in' type='checkbox' disabled><label for='attrs-1cf75208-eb1f-4822-b15d-c01381e1adfa' title='Show/Hide attributes'><svg class='icon xr-icon-file-text2'><use xlink:href='#icon-file-text2'></use></svg></label><input id='data-1ac9ebda-10bb-464e-b685-5c14c19d74e8' class='xr-var-data-in' type='checkbox'><label for='data-1ac9ebda-10bb-464e-b685-5c14c19d74e8' title='Show/Hide data repr'><svg class='icon xr-icon-database'><use xlink:href='#icon-database'></use></svg></label><div class='xr-var-attrs'><dl class='xr-attrs'></dl></div><div class='xr-var-data'><pre>array([128, 128, 128, 128, 128, 128, 128, 128, 128, 128, 128, 128, 128,\n",
       "       128, 128, 128, 128, 128, 128, 128])</pre></div></li><li class='xr-var-item'><div class='xr-var-name'><span>original_width_5</span></div><div class='xr-var-dims'>(filename)</div><div class='xr-var-dtype'>int64</div><div class='xr-var-preview xr-preview'>128 128 128 128 ... 128 128 128 128</div><input id='attrs-8405e93d-0511-4beb-8b73-fb756aa3dfcb' class='xr-var-attrs-in' type='checkbox' disabled><label for='attrs-8405e93d-0511-4beb-8b73-fb756aa3dfcb' title='Show/Hide attributes'><svg class='icon xr-icon-file-text2'><use xlink:href='#icon-file-text2'></use></svg></label><input id='data-1d7ada8a-916a-4d1e-8503-38c9ec748503' class='xr-var-data-in' type='checkbox'><label for='data-1d7ada8a-916a-4d1e-8503-38c9ec748503' title='Show/Hide data repr'><svg class='icon xr-icon-database'><use xlink:href='#icon-database'></use></svg></label><div class='xr-var-attrs'><dl class='xr-attrs'></dl></div><div class='xr-var-data'><pre>array([128, 128, 128, 128, 128, 128, 128, 128, 128, 128, 128, 128, 128,\n",
       "       128, 128, 128, 128, 128, 128, 128])</pre></div></li><li class='xr-var-item'><div class='xr-var-name'><span>original_height_6</span></div><div class='xr-var-dims'>(filename)</div><div class='xr-var-dtype'>int64</div><div class='xr-var-preview xr-preview'>128 128 128 128 ... 128 128 128 128</div><input id='attrs-8e78d5ef-49e8-4e82-9424-8026d85d00c8' class='xr-var-attrs-in' type='checkbox' disabled><label for='attrs-8e78d5ef-49e8-4e82-9424-8026d85d00c8' title='Show/Hide attributes'><svg class='icon xr-icon-file-text2'><use xlink:href='#icon-file-text2'></use></svg></label><input id='data-b3f62160-d898-4025-bc37-6226946bdda8' class='xr-var-data-in' type='checkbox'><label for='data-b3f62160-d898-4025-bc37-6226946bdda8' title='Show/Hide data repr'><svg class='icon xr-icon-database'><use xlink:href='#icon-database'></use></svg></label><div class='xr-var-attrs'><dl class='xr-attrs'></dl></div><div class='xr-var-data'><pre>array([128, 128, 128, 128, 128, 128, 128, 128, 128, 128, 128, 128, 128,\n",
       "       128, 128, 128, 128, 128, 128, 128])</pre></div></li><li class='xr-var-item'><div class='xr-var-name'><span>original_width_6</span></div><div class='xr-var-dims'>(filename)</div><div class='xr-var-dtype'>int64</div><div class='xr-var-preview xr-preview'>128 128 128 128 ... 128 128 128 128</div><input id='attrs-9965d565-0f38-4124-997e-4a40e4f6fde1' class='xr-var-attrs-in' type='checkbox' disabled><label for='attrs-9965d565-0f38-4124-997e-4a40e4f6fde1' title='Show/Hide attributes'><svg class='icon xr-icon-file-text2'><use xlink:href='#icon-file-text2'></use></svg></label><input id='data-ff6c1d59-0934-41a4-bf7f-a794abf96f89' class='xr-var-data-in' type='checkbox'><label for='data-ff6c1d59-0934-41a4-bf7f-a794abf96f89' title='Show/Hide data repr'><svg class='icon xr-icon-database'><use xlink:href='#icon-database'></use></svg></label><div class='xr-var-attrs'><dl class='xr-attrs'></dl></div><div class='xr-var-data'><pre>array([128, 128, 128, 128, 128, 128, 128, 128, 128, 128, 128, 128, 128,\n",
       "       128, 128, 128, 128, 128, 128, 128])</pre></div></li></ul></div></li><li class='xr-section-item'><input id='section-9dfe0924-a5b9-435e-b0df-c8e12af4106b' class='xr-section-summary-in' type='checkbox'  ><label for='section-9dfe0924-a5b9-435e-b0df-c8e12af4106b' class='xr-section-summary' >Indexes: <span>(4)</span></label><div class='xr-section-inline-details'></div><div class='xr-section-details'><ul class='xr-var-list'><li class='xr-var-item'><div class='xr-index-name'><div>filename</div></div><div class='xr-index-preview'>PandasIndex</div><input type='checkbox' disabled/><label></label><input id='index-0c811e0f-3471-414e-861b-fcd367bf5f24' class='xr-index-data-in' type='checkbox'/><label for='index-0c811e0f-3471-414e-861b-fcd367bf5f24' title='Show/Hide index repr'><svg class='icon xr-icon-database'><use xlink:href='#icon-database'></use></svg></label><div class='xr-index-data'><pre>PandasIndex(Index([&#x27;20180611041421.png&#x27;, &#x27;20180611041501.png&#x27;, &#x27;20180611041711.png&#x27;,\n",
       "       &#x27;20180611041731.png&#x27;, &#x27;20180611041741.png&#x27;, &#x27;20180611041751.png&#x27;,\n",
       "       &#x27;20180611041801.png&#x27;, &#x27;20180611041811.png&#x27;, &#x27;20180611041831.png&#x27;,\n",
       "       &#x27;20180611041841.png&#x27;, &#x27;20180611041901.png&#x27;, &#x27;20180611042001.png&#x27;,\n",
       "       &#x27;20180611042011.png&#x27;, &#x27;20180611042031.png&#x27;, &#x27;20180611042121.png&#x27;,\n",
       "       &#x27;20180611042131.png&#x27;, &#x27;20180611042141.png&#x27;, &#x27;20180611042201.png&#x27;,\n",
       "       &#x27;20180611042211.png&#x27;, &#x27;20180611042221.png&#x27;],\n",
       "      dtype=&#x27;object&#x27;, name=&#x27;filename&#x27;))</pre></div></li><li class='xr-var-item'><div class='xr-index-name'><div>y_0</div></div><div class='xr-index-preview'>PandasIndex</div><input type='checkbox' disabled/><label></label><input id='index-8ce0171c-dfb8-462c-8193-24c6d2a29cf9' class='xr-index-data-in' type='checkbox'/><label for='index-8ce0171c-dfb8-462c-8193-24c6d2a29cf9' title='Show/Hide index repr'><svg class='icon xr-icon-database'><use xlink:href='#icon-database'></use></svg></label><div class='xr-index-data'><pre>PandasIndex(Index([  0,   1,   2,   3,   4,   5,   6,   7,   8,   9,\n",
       "       ...\n",
       "       118, 119, 120, 121, 122, 123, 124, 125, 126, 127],\n",
       "      dtype=&#x27;int64&#x27;, name=&#x27;y_0&#x27;, length=128))</pre></div></li><li class='xr-var-item'><div class='xr-index-name'><div>x_0</div></div><div class='xr-index-preview'>PandasIndex</div><input type='checkbox' disabled/><label></label><input id='index-8054495e-238c-4f9d-a581-cd558f39e47f' class='xr-index-data-in' type='checkbox'/><label for='index-8054495e-238c-4f9d-a581-cd558f39e47f' title='Show/Hide index repr'><svg class='icon xr-icon-database'><use xlink:href='#icon-database'></use></svg></label><div class='xr-index-data'><pre>PandasIndex(Index([  0,   1,   2,   3,   4,   5,   6,   7,   8,   9,\n",
       "       ...\n",
       "       118, 119, 120, 121, 122, 123, 124, 125, 126, 127],\n",
       "      dtype=&#x27;int64&#x27;, name=&#x27;x_0&#x27;, length=128))</pre></div></li><li class='xr-var-item'><div class='xr-index-name'><div>band_0</div></div><div class='xr-index-preview'>PandasIndex</div><input type='checkbox' disabled/><label></label><input id='index-5f3d14b7-4074-4eb2-81b2-ba1c3ed09902' class='xr-index-data-in' type='checkbox'/><label for='index-5f3d14b7-4074-4eb2-81b2-ba1c3ed09902' title='Show/Hide index repr'><svg class='icon xr-icon-database'><use xlink:href='#icon-database'></use></svg></label><div class='xr-index-data'><pre>PandasIndex(Index([0, 1, 2, 3], dtype=&#x27;int64&#x27;, name=&#x27;band_0&#x27;))</pre></div></li></ul></div></li><li class='xr-section-item'><input id='section-56accae4-31df-4f23-8fb2-ce31f3beebd6' class='xr-section-summary-in' type='checkbox' disabled ><label for='section-56accae4-31df-4f23-8fb2-ce31f3beebd6' class='xr-section-summary'  title='Expand/collapse section'>Attributes: <span>(0)</span></label><div class='xr-section-inline-details'></div><div class='xr-section-details'><dl class='xr-attrs'></dl></div></li></ul></div></div>"
      ],
      "text/plain": [
       "<xarray.DataArray 'images_0' (filename: 20, y_0: 128, x_0: 128, band_0: 4)> Size: 1MB\n",
       "array([[[[179, 189, 164, 255],\n",
       "         [178, 189, 165, 255],\n",
       "         [180, 190, 168, 255],\n",
       "         ...,\n",
       "         [209, 206, 161, 255],\n",
       "         [210, 205, 161, 255],\n",
       "         [210, 206, 164, 255]],\n",
       "\n",
       "        [[181, 190, 166, 255],\n",
       "         [180, 189, 165, 255],\n",
       "         [179, 190, 169, 255],\n",
       "         ...,\n",
       "         [210, 204, 159, 255],\n",
       "         [211, 206, 162, 255],\n",
       "         [212, 206, 161, 255]],\n",
       "\n",
       "        [[182, 190, 169, 255],\n",
       "         [180, 189, 169, 255],\n",
       "         [183, 190, 168, 255],\n",
       "         ...,\n",
       "...\n",
       "         ...,\n",
       "         [ 26,  62,  59, 255],\n",
       "         [ 20,  62,  57, 255],\n",
       "         [ 19,  57,  55, 255]],\n",
       "\n",
       "        [[ 16,  48,  46, 255],\n",
       "         [ 37,  51,  48, 255],\n",
       "         [150, 133, 124, 255],\n",
       "         ...,\n",
       "         [ 20,  59,  55, 255],\n",
       "         [ 23,  56,  55, 255],\n",
       "         [ 20,  59,  56, 255]],\n",
       "\n",
       "        [[ 10,  39,  39, 255],\n",
       "         [150, 126, 117, 255],\n",
       "         [160, 136, 125, 255],\n",
       "         ...,\n",
       "         [ 19,  55,  54, 255],\n",
       "         [ 17,  55,  52, 255],\n",
       "         [ 19,  55,  55, 255]]]], shape=(20, 128, 128, 4), dtype=uint8)\n",
       "Coordinates: (12/19)\n",
       "  * filename           (filename) <U18 1kB '20180611041421.png' ... '20180611...\n",
       "  * y_0                (y_0) int64 1kB 0 1 2 3 4 5 6 ... 122 123 124 125 126 127\n",
       "  * x_0                (x_0) int64 1kB 0 1 2 3 4 5 6 ... 122 123 124 125 126 127\n",
       "  * band_0             (band_0) int64 32B 0 1 2 3\n",
       "    original_height_0  (filename) int64 160B 128 128 128 128 ... 128 128 128 128\n",
       "    original_width_0   (filename) int64 160B 128 128 128 128 ... 128 128 128 128\n",
       "    ...                 ...\n",
       "    original_height_4  (filename) int64 160B 128 128 128 128 ... 128 128 128 128\n",
       "    original_width_4   (filename) int64 160B 128 128 128 128 ... 128 128 128 128\n",
       "    original_height_5  (filename) int64 160B 128 128 128 128 ... 128 128 128 128\n",
       "    original_width_5   (filename) int64 160B 128 128 128 128 ... 128 128 128 128\n",
       "    original_height_6  (filename) int64 160B 128 128 128 128 ... 128 128 128 128\n",
       "    original_width_6   (filename) int64 160B 128 128 128 128 ... 128 128 128 128"
      ]
     },
     "execution_count": 7,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "pipeline.images.images[\"images_0\"]"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 8,
   "id": "a5aa8ca4-9231-4769-8b12-b4f3d435a29a",
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/html": [
       "<div><svg style=\"position: absolute; width: 0; height: 0; overflow: hidden\">\n",
       "<defs>\n",
       "<symbol id=\"arrow-right\" viewBox=\"0 0 330 330\">\n",
       "  <path id=\"XMLID_222_\" d=\"M250.606,154.389l-150-149.996c-5.857-5.858-15.355-5.858-21.213,0.001\n",
       "\tc-5.857,5.858-5.857,15.355,0.001,21.213l139.393,139.39L79.393,304.394c-5.857,5.858-5.857,15.355,0.001,21.213\n",
       "\tC82.322,328.536,86.161,330,90,330s7.678-1.464,10.607-4.394l149.999-150.004c2.814-2.813,4.394-6.628,4.394-10.606\n",
       "\tC255,161.018,253.42,157.202,250.606,154.389z\"/>\n",
       "</defs>\n",
       "</svg>\n",
       "<style>/* CSS stylesheet for displaying Paidiverpy objects in jupyterlab.\n",
       " *\n",
       " */\n",
       "\n",
       ":root {\n",
       "  --ppy-font-color: var(--jp-content-font-color, rgba(0, 0, 0, 1));\n",
       "  --ppy-font-color-brown: var(--jp-content-font-color-brown, brown);\n",
       "  --ppy-font-color-olive: var(--jp-content-font-color-olive, olive);\n",
       "  --ppy-font-color-teal: var(--jp-content-font-color-teal, teal);\n",
       "  --ppy-font-color-blue: var(--jp-content-font-color-blue, blue);\n",
       "  --ppy-font-color-gray: var(--jp-content-font-color-gray, gray);\n",
       "  --ppy-border-color: var(--jp-border-color2, #e0e0e0);\n",
       "  --ppy-disabled-color: var(--jp-layout-color3, #bdbdbd);\n",
       "  --ppy-background-color: var(--jp-layout-color, white);\n",
       "  --ppy-background-color2: var(--jp-layout-color3, rgba(212, 212, 212, 0.15));\n",
       "}\n",
       "\n",
       "\n",
       "html[theme=\"dark\"],\n",
       "html[data-theme=\"dark\"],\n",
       "body[data-theme=\"dark\"],\n",
       "body.vscode-dark {\n",
       "  --ppy-font-color: rgba(255, 255, 255, 1);\n",
       "  --ppy-font-color-brown: brown;\n",
       "  --ppy-font-color-olive: olive;\n",
       "  --ppy-font-color-teal: teal;\n",
       "  --ppy-font-color-blue: blue;\n",
       "  --ppy-font-color-gray: gray;\n",
       "  --ppy-border-color: #1f1f1f;\n",
       "  --ppy-disabled-color: #515151;\n",
       "  --ppy-background-color: #111111;\n",
       "}\n",
       "\n",
       ".ppy-background-color {\n",
       "  background-color: var(--ppy-background-color) !important;\n",
       "}\n",
       "\n",
       ".ppy-font-color-brown {\n",
       "  color: var(--ppy-font-color-brown) !important;\n",
       "}\n",
       "\n",
       ".ppy-font-color {\n",
       "  color: var(--ppy-font-color) !important;\n",
       "}\n",
       ".ppy-h2 {\n",
       "  font-size: 20px !important;\n",
       "}\n",
       ".ppy-h3 {\n",
       "  font-size: 13px !important;\n",
       "}\n",
       ".ppy-p {\n",
       "  font-size: 10px;\n",
       "}\n",
       ".ppy-p-error {\n",
       "  color: var(--ppy-font-color-brown);\n",
       "  font-weight: bold;\n",
       "  display: block;\n",
       "}\n",
       "\n",
       ".ppy-text-repr-fallback {\n",
       "  /* fallback to plain text repr when CSS is not injected (untrusted notebook) */\n",
       "  display: none;\n",
       "}\n",
       "\n",
       ".ppy-pipeline-wrap{\n",
       "  display: flex;\n",
       "  flex-wrap: wrap;\n",
       "  align-items: center;\n",
       "}\n",
       "\n",
       ".ppy-pipeline {\n",
       "  float:left;\n",
       "  cursor: pointer;\n",
       "  padding: 10px;\n",
       "  width: max-content;\n",
       "  height: 150px;\n",
       "  margin: 10px;\n",
       "  border: 1px solid #000;\n",
       "  text-align: center;\n",
       "  /* line-height: 80px; */\n",
       "}\n",
       "\n",
       ".ppy-pipeline-clear-fix {\n",
       "  clear: both;\n",
       "}\n",
       "\n",
       ".ppy-pipeline-parameters-all {\n",
       "  padding: 10px;\n",
       "  margin: 10px;\n",
       "}\n",
       "\n",
       ".ppy-images-step-header {\n",
       "  cursor: pointer;\n",
       "  font-weight: bold;\n",
       "  margin-top: 10px;\n",
       "  margin-bottom: 5px;\n",
       "}\n",
       ".ppy-images-metadata {\n",
       "  margin-left: 20px;\n",
       "  margin-bottom: 10px;\n",
       "}\n",
       ".ppy-images {\n",
       "  display: flex;\n",
       "  flex-wrap: wrap;\n",
       "  gap: 10px;\n",
       "  margin-left: 20px;\n",
       "}\n",
       "\n",
       ".ppy-show-more-button, .ppy-hide-button {\n",
       "  margin-left: 20px;\n",
       "  background-color: #007bff;\n",
       "  color: white;\n",
       "  border: none;\n",
       "  padding: 5px 10px;\n",
       "  cursor: pointer;\n",
       "}\n",
       "\n",
       "\n",
       ".ppy-pipeline-arrow {\n",
       "  float:left;\n",
       "  width: 50px;\n",
       "  height: 80px;\n",
       "  margin: 10px;\n",
       "  text-align: center;\n",
       "  line-height: 80px;\n",
       "}\n",
       "\n",
       ".ppy-images-img{\n",
       "  display: block;\n",
       "  max-width: 200px;\n",
       "  margin: 10px;\n",
       "}\n",
       "\n",
       ".ppy-images-toggle-arrow {\n",
       "  cursor: pointer;\n",
       "  margin-left: 5px;\n",
       "}\n",
       "\n",
       ".ppy-images-image-p {\n",
       "  cursor: pointer;\n",
       "}\n",
       "\n",
       ".ppy-arrow-right {\n",
       "  display: inline-block;\n",
       "  vertical-align: middle;\n",
       "  width: 1em;\n",
       "  height: 1.5em !important;\n",
       "  stroke-width: 0;\n",
       "  stroke: currentColor;\n",
       "  fill: currentColor;\n",
       "}\n",
       "\n",
       "\n",
       ".ppy-json-block {\n",
       "  font-family: monospace;\n",
       "  background: var(--ppy-background-color);\n",
       "  padding: 1em;\n",
       "  border-radius: 6px;\n",
       "}\n",
       ".ppy-json-key {\n",
       "  color: var(--ppy-font-color-brown);\n",
       "}\n",
       ".ppy-json-string {\n",
       "  color: var(--ppy-font-color-olive);\n",
       "}\n",
       ".ppy-json-number {\n",
       "  color: var(--ppy-font-color-teal);\n",
       "}\n",
       ".ppy-json-bool {\n",
       "  color: var(--ppy-font-color-blue);\n",
       "}\n",
       ".ppy-json-null {\n",
       "  color: var(--ppy-font-color-gray);\n",
       "}\n",
       "\n",
       "\n",
       ".ppy-pn-title-0 {\n",
       "  font-size: 30px;\n",
       "}\n",
       "\n",
       ".ppy-pn-title-1 {\n",
       "  font-size: 20px;\n",
       "}\n",
       ".ppy-pn-title-2 {\n",
       "  font-size: 17px;\n",
       "}\n",
       ".ppy-pn-title-3 {\n",
       "  font-size: 14px;\n",
       "}\n",
       ".ppy-pn-title-4 {\n",
       "  font-size: 12px;\n",
       "}\n",
       "\n",
       ".ppy-pn-bold {\n",
       "  font-weight: bold;\n",
       "}\n",
       ".ppy-pn-italic {\n",
       "  font-style: italic;\n",
       "}\n",
       ".ppy-pn-description {\n",
       "  font-size: 14px;\n",
       "  margin-bottom: 1px;\n",
       "}\n",
       "\n",
       ".bk-root {\n",
       "  width: 100% !important;\n",
       "  max-width: 100% !important;\n",
       "  box-sizing: border-box;\n",
       "}\n",
       "\n",
       "input, .bk-input, .bk-input-group {\n",
       "  margin-top: 0px;\n",
       "  margin-bottom: 3px;\n",
       "  padding-top: 0px;\n",
       "  padding-bottom: 0px;\n",
       "}\n",
       "\n",
       ".ppy-pn-header-button .bk-btn {\n",
       "  background: none !important;\n",
       "  border: none !important;\n",
       "  font-weight: bold;\n",
       "  font-size: 16px;\n",
       "  text-align: left;\n",
       "  padding-left: 0;\n",
       "  cursor: pointer;\n",
       "  box-shadow: none !important;\n",
       "  color: black;\n",
       "}\n",
       "\n",
       ".ppy-pn-danger-modal{\n",
       "  border: 2px solid red;\n",
       "  border-radius: 10px;\n",
       "  box-shadow: 0px 0px 10px rgba(255, 0, 0, 0.5);\n",
       "}\n",
       "\n",
       ".ppy-pn-config-form{\n",
       "  padding: 10px;\n",
       "  margin-top: 10px;\n",
       "  margin-bottom: 10px;\n",
       "  background-color: var(--ppy-background-color2);\n",
       "  border-radius: 5px;\n",
       "  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);\n",
       "}\n",
       "\n",
       "\n",
       ".ppy-pn-align-right {\n",
       "  display: flex;\n",
       "  justify-content: flex-end;\n",
       "}\n",
       "</style><script>function toggleMetadata(stepIndex, randomId) {\n",
       "  var metadata = document.getElementById(\"ppy-images-metadata-\" + randomId + \"-\" + stepIndex);\n",
       "  var arrow = document.getElementById(\"ppy-images-arrow-\" + randomId + \"-\" + stepIndex);\n",
       "  if (metadata.style.display === \"none\") {\n",
       "      metadata.style.display = \"block\";\n",
       "      arrow.innerHTML = \"▼\";\n",
       "      arrow.classList.remove(\"ppy-font-color\");\n",
       "      arrow.classList.add(\"ppy-font-color-brown\");\n",
       "  } else {\n",
       "      metadata.style.display = \"none\";\n",
       "      arrow.innerHTML = \"►\";\n",
       "      arrow.classList.remove(\"ppy-font-color-brown\");\n",
       "      arrow.classList.add(\"ppy-font-color\");\n",
       "  }\n",
       "}\n",
       "function toggleImage(imageId, randomId) {\n",
       "  var img = document.getElementById(imageId);\n",
       "  var arrow = document.getElementById(\"ppy-images-arrow-\" + randomId + \"-\" + imageId);\n",
       "  if (img.style.display === \"none\") {\n",
       "      img.style.display = \"block\";\n",
       "      arrow.innerHTML = \"▼\";\n",
       "      arrow.classList.remove(\"ppy-font-color\");\n",
       "      arrow.classList.add(\"ppy-font-color-brown\");\n",
       "  } else {\n",
       "      img.style.display = \"none\";\n",
       "      arrow.innerHTML = \"►\";\n",
       "      arrow.classList.remove(\"ppy-font-color-brown\");\n",
       "      arrow.classList.add(\"ppy-font-color\");\n",
       "  }\n",
       "}\n",
       "function showMore(stepIndex) {\n",
       "  var moreImages = document.getElementById(\"ppy-more-images-\" + stepIndex);\n",
       "  var showMoreButton = document.getElementById(\"ppy-show-more-button-\" + stepIndex);\n",
       "  var hideButton = document.getElementById(\"ppy-hide-button-\" + stepIndex);\n",
       "  moreImages.style.display = \"flex\";\n",
       "  showMoreButton.style.display = \"none\";\n",
       "  hideButton.style.display = \"inline-block\";\n",
       "}\n",
       "function hide(stepIndex) {\n",
       "  var moreImages = document.getElementById(\"ppy-more-images-\" + stepIndex);\n",
       "  var showMoreButton = document.getElementById(\"ppy-show-more-button-\" + stepIndex);\n",
       "  var hideButton = document.getElementById(\"ppy-hide-button-\" + stepIndex);\n",
       "  moreImages.style.display = \"none\";\n",
       "  showMoreButton.style.display = \"inline-block\";\n",
       "  hideButton.style.display = \"none\";\n",
       "}\n",
       "\n",
       "\n",
       "function showParameters(id, randomId) {\n",
       "  var currentTarget = document.getElementById('ppy-pipeline-' + randomId + '-' + id);\n",
       "  var square = document.getElementsByClassName('ppy-pipeline-' + randomId);\n",
       "  var allParams = document.getElementsByClassName('ppy-pipeline-parameters-' + randomId);\n",
       "  var selectedParams = document.getElementById('ppy-pipeline-parameters-' + randomId + '-' + id);\n",
       "  var idWasVisible = false;\n",
       "  if (selectedParams) {\n",
       "      var idWasVisible = selectedParams.style.display === 'block';\n",
       "  }\n",
       "  for (var i = 0; i < square.length; i++) {\n",
       "      square[i].classList.remove('ppy-font-color-brown');\n",
       "      square[i].classList.add('ppy-font-color');\n",
       "  }\n",
       "  for (var i = 0; i < allParams.length; i++) {\n",
       "      allParams[i].style.display = 'none';\n",
       "  }\n",
       "  // Show the selected parameter section\n",
       "  if (selectedParams) {\n",
       "      if (idWasVisible) {\n",
       "          selectedParams.style.display = 'none';\n",
       "          currentTarget.classList.remove('ppy-font-color-brown');\n",
       "          currentTarget.classList.add('ppy-font-color');\n",
       "      } else {\n",
       "          selectedParams.style.display = 'block';\n",
       "          currentTarget.classList.remove('ppy-font-color');\n",
       "          currentTarget.classList.add('ppy-font-color-brown');\n",
       "      }\n",
       "  }\n",
       "}\n",
       "\n",
       "hljs.highlightAll();\n",
       "</script><link rel=\"stylesheet\" href=\"https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/github.min.css\"><script src=\"https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js\"></script><script>hljs.highlightAll();</script><pre class='ppy-text-repr-fallback'>&lt;paidiverpy.images_layer.ImagesLayer object at 0x71b84d1ebc70&gt;</pre><div>\n",
       "            <div class='ppy-h2 ppy-images-step-header' onclick='toggleMetadata(0, \"kos\")'>\n",
       "                Step 0: raw\n",
       "                <span id='ppy-images-arrow-kos-0'\n",
       "                    class='ppy-images-toggle-arrow ppy-font-color-brown'>▼\n",
       "                </span>\n",
       "            </div>\n",
       "            <div id='ppy-images-metadata-kos-0' class='ppy-images-metadata' style='display:block;'><div class='ppy-images'>\n",
       "        <div>\n",
       "            <p onclick='toggleImage(\"image-kos-0-0\", \"kos\")' class=\"ppy-images-image-p\" >\n",
       "                Image: 20180611041421.png\n",
       "                <span id='ppy-images-arrow-kos-image-kos-0-0' class='ppy-images-toggle-arrow ppy-font-color-brown'>▼</span>\n",
       "            </p>\n",
       "        \n",
       "            <img id='image-kos-0-0'\n",
       "                src='data:image/png;base64,[encoded data, 30684 characters]'\n",
       "                class='ppy-images-img'/></div>\n",
       "            \n",
       "        <div>\n",
       "            <p onclick='toggleImage(\"image-kos-0-1\", \"kos\")' class=\"ppy-images-image-p\" >\n",
       "                Image: 20180611041501.png\n",
       "                <span id='ppy-images-arrow-kos-image-kos-0-1' class='ppy-images-toggle-arrow ppy-font-color-brown'>▼</span>\n",
       "            </p>\n",
       "        \n",
       "            <img id='image-kos-0-1'\n",
       "                src='data:image/png;base64,[encoded data, 29720 characters]'\n",
       "                class='ppy-images-img'/></div>\n",
       "            \n",
       "        <div>\n",
       "            <p onclick='toggleImage(\"image-kos-0-2\", \"kos\")' class=\"ppy-images-image-p\" >\n",
       "                Image: 20180611041711.png\n",
       "                <span id='ppy-images-arrow-kos-image-kos-0-2' class='ppy-images-toggle-arrow ppy-font-color-brown'>▼</span>\n",
       "            </p>\n",
       "        \n",
       "            <img id='image-kos-0-2'\n",
       "                src='data:image/png;base64,[encoded data, 36376 characters]'\n",
       "                class='ppy-images-img'/></div>\n",
       "            \n",
       "        <div>\n",
       "            <p onclick='toggleImage(\"image-kos-0-3\", \"kos\")' class=\"ppy-images-image-p\" >\n",
       "                Image: 20180611041731.png\n",
       "                <span id='ppy-images-arrow-kos-image-kos-0-3' class='ppy-images-toggle-arrow ppy-font-color-brown'>▼</span>\n",
       "            </p>\n",
       "        \n",
       "            <img id='image-kos-0-3'\n",
       "                src='data:image/png;base64,[encoded data, 34864 characters]'\n",
       "                class='ppy-images-img'/></div>\n",
       "            \n",
       "        <div>\n",
       "            <p onclick='toggleImage(\"image-kos-0-4\", \"kos\")' class=\"ppy-images-image-p\" >\n",
       "                Image: 20180611041741.png\n",
       "                <span id='ppy-images-arrow-kos-image-kos-0-4' class='ppy-images-toggle-arrow ppy-font-color-brown'>▼</span>\n",
       "            </p>\n",
       "        \n",
       "            <img id='image-kos-0-4'\n",
       "                src='data:image/png;base64,[encoded data, 38268 characters]'\n",
       "                class='ppy-images-img'/></div>\n",
       "            \n",
       "        <div>\n",
       "            <p onclick='toggleImage(\"image-kos-0-5\", \"kos\")' class=\"ppy-images-image-p\" >\n",
       "                Image: 20180611041751.png\n",
       "                <span id='ppy-images-arrow-kos-image-kos-0-5' class='ppy-images-toggle-arrow ppy-font-color-brown'>▼</span>\n",
       "            </p>\n",
       "        \n",
       "            <img id='image-kos-0-5'\n",
       "                src='data:image/png;base64,[encoded data, 38584 characters]'\n",
       "                class='ppy-images-img'/></div>\n",
       "            \n",
       "        <div>\n",
       "            <p onclick='toggleImage(\"image-kos-0-6\", \"kos\")' class=\"ppy-images-image-p\" >\n",
       "                Image: 20180611041801.png\n",
       "                <span id='ppy-images-arrow-kos-image-kos-0-6' class='ppy-images-toggle-arrow ppy-font-color-brown'>▼</span>\n",
       "            </p>\n",
       "        \n",
       "            <img id='image-kos-0-6'\n",
       "                src='data:image/png;base64,[encoded data, 35600 characters]'\n",
       "                class='ppy-images-img'/></div>\n",
       "            \n",
       "        <div>\n",
       "            <p onclick='toggleImage(\"image-kos-0-7\", \"kos\")' class=\"ppy-images-image-p\" >\n",
       "                Image: 20180611041811.png\n",
       "                <span id='ppy-images-arrow-kos-image-kos-0-7' class='ppy-images-toggle-arrow ppy-font-color-brown'>▼</span>\n",
       "            </p>\n",
       "        \n",
       "            <img id='image-kos-0-7'\n",
       "                src='data:image/png;base64,[encoded data, 34804 characters]'\n",
       "                class='ppy-images-img'/></div>\n",
       "            \n",
       "        <div>\n",
       "            <p onclick='toggleImage(\"image-kos-0-8\", \"kos\")' class=\"ppy-images-image-p\" >\n",
       "                Image: 20180611041831.png\n",
       "                <span id='ppy-images-arrow-kos-image-kos-0-8' class='ppy-images-toggle-arrow ppy-font-color-brown'>▼</span>\n",
       "            </p>\n",
       "        \n",
       "            <img id='image-kos-0-8'\n",
       "                src='data:image/png;base64,[encoded data, 33664 characters]'\n",
       "                class='ppy-images-img'/></div>\n",
       "            \n",
       "        <div>\n",
       "            <p onclick='toggleImage(\"image-kos-0-9\", \"kos\")' class=\"ppy-images-image-p\" >\n",
       "                Image: 20180611041841.png\n",
       "                <span id='ppy-images-arrow-kos-image-kos-0-9' class='ppy-images-toggle-arrow ppy-font-color-brown'>▼</span>\n",
       "            </p>\n",
       "        \n",
       "            <img id='image-kos-0-9'\n",
       "                src='data:image/png;base64,[encoded data, 35896 characters]'\n",
       "                class='ppy-images-img'/></div>\n",
       "            \n",
       "        <div>\n",
       "            <p onclick='toggleImage(\"image-kos-0-10\", \"kos\")' class=\"ppy-images-image-p\" >\n",
       "                Image: 20180611041901.png\n",
       "                <span id='ppy-images-arrow-kos-image-kos-0-10' class='ppy-images-toggle-arrow ppy-font-color-brown'>▼</span>\n",
       "            </p>\n",
       "        \n",
       "            <img id='image-kos-0-10'\n",
       "                src='data:image/png;base64,[encoded data, 39464 characters]'\n",
       "                class='ppy-images-img'/></div>\n",
       "            \n",
       "        <div>\n",
       "            <p onclick='toggleImage(\"image-kos-0-11\", \"kos\")' class=\"ppy-images-image-p\" >\n",
       "                Image: 20180611042001.png\n",
       "                <span id='ppy-images-arrow-kos-image-kos-0-11' class='ppy-images-toggle-arrow ppy-font-color-brown'>▼</span>\n",
       "            </p>\n",
       "        \n",
       "            <img id='image-kos-0-11'\n",
       "                src='data:image/png;base64,[encoded data, 42456 characters]'\n",
       "                class='ppy-images-img'/></div>\n",
       "            </div></div>\n",
       "            <div class='ppy-h2 ppy-images-step-header' onclick='toggleMetadata(1, \"kos\")'>\n",
       "                Step 1: colour_correction\n",
       "                <span id='ppy-images-arrow-kos-1'\n",
       "                    class='ppy-images-toggle-arrow ppy-font-color-brown'>▼\n",
       "                </span>\n",
       "            </div>\n",
       "            <div id='ppy-images-metadata-kos-1' class='ppy-images-metadata' style='display:block;'><div class='ppy-images'>\n",
       "        <div>\n",
       "            <p onclick='toggleImage(\"image-kos-1-0\", \"kos\")' class=\"ppy-images-image-p\" >\n",
       "                Image: 20180611041421.png\n",
       "                <span id='ppy-images-arrow-kos-image-kos-1-0' class='ppy-images-toggle-arrow ppy-font-color-brown'>▼</span>\n",
       "            </p>\n",
       "        \n",
       "            <img id='image-kos-1-0'\n",
       "                src='data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDL/wAALCACAAIABAREA/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/9oACAEBAAA/AO6xikNMIphFMYVERzTWFNxminAc08DmplFTpU6ipVFSKKqYpjCoyKYRTGFMI5pjCmGgCngVKoqZBUqCp1qQVKKqEcVGwphFNIqNhTCKjbrTCKUCpAKlReKmUVKoqValUU8CqzVGwqM0hFMaoz0qFutJjinqOakVamQVIF5qRRUqipQKeBVVqjIpmOaaajao2qM0gFPAqVRUyDFSKMipAKkUVKBTwKqGmEcUzFRtUZ5phFMK4ajHNOAqZRxUg6VIoqVVqRRipVp4qmRTT1qJqic1HSe9NNIBTwKlXpUiiplFSqKkAqQCngVTIqM9ajfljULVGetJTactPFSKKeoqZamWpAKeKeKpkVE1Qsajaoj1pKMUqipAKkFPWpVqZalWninCqbGoHPNQscVGxpvWk707GaUU4U8U8VItTKalU1ItPFZ7VC3Wo2qJutNz60U4UtOFOFPFSKealU1KtSrUgrNc1ExqM1GelNop1GaUGpBTxTxUq1KtSr0qVTWWx4qM1GaYabRS0maVTUgNPWpF61KtSqalWpVNZLGmE8U0mmZpCOM0lBNNpQakBqRTUi1KDUimpQealU1ksajJpCeKbSUhNJmjNIDUgNPU1KpqRTmplp461KprLOMVG+O1MJ4oB4pppCaTNFFPU08GpFNSoamU09TUqmv/2Q=='\n",
       "                class='ppy-images-img'/></div>\n",
       "            \n",
       "        <div>\n",
       "            <p onclick='toggleImage(\"image-kos-1-1\", \"kos\")' class=\"ppy-images-image-p\" >\n",
       "                Image: 20180611041501.png\n",
       "                <span id='ppy-images-arrow-kos-image-kos-1-1' class='ppy-images-toggle-arrow ppy-font-color-brown'>▼</span>\n",
       "            </p>\n",
       "        \n",
       "            <img id='image-kos-1-1'\n",
       "                src='data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDL/wAALCACAAIABAREA/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/9oACAEBAAA/APQmFRkU0imEVGRTSKMUoFOAp6ipAKXFGKWnCnCnEVGwphHFMPQjtTCKaRSYpRTsVIop4FLS4oxxSinAU4imEUzFMYVGRTaMUuKcBUgFPApcUYopQKfTjUZphphFMNNIooxTlFSqKeBxS4xRSUop4pTTGFRmmGmmm0UoGaUDmplp4oo7UnagdakApajaozTTTDSUY5pcU4VKtOpcUUlKBUqikIqNqjamGkIppFFOpwpwqQUtJRinqOalUVGaiY0w0wmkpKKUU4U9acKWilpy1MtQtUTDnFMxSEUw0UUopRTwacKdmlpQKcKmWoWqM0w02mkU08UZozTgaUU+nA04Uop4qVagamGmGm0lMNJRSininA06lFPFPFSrVYmmmmmmmm02mminCnClzTgacDT1NPFSqaqk03NIaTFNpppKMUopSaM07NODU9TUq1ItUyc0lLnimk0hptJRS0ZpM0uaUGpVNSqamWqGaXNJnFGaaabmlzRRSZozSZ5p608GpVNTKapDHekJA6Um6jNNJpM0Zpc0E0hNJnmlpwNOBqRWqZG5r//Z'\n",
       "                class='ppy-images-img'/></div>\n",
       "            \n",
       "        <div>\n",
       "            <p onclick='toggleImage(\"image-kos-1-2\", \"kos\")' class=\"ppy-images-image-p\" >\n",
       "                Image: 20180611041711.png\n",
       "                <span id='ppy-images-arrow-kos-image-kos-1-2' class='ppy-images-toggle-arrow ppy-font-color-brown'>▼</span>\n",
       "            </p>\n",
       "        \n",
       "            <img id='image-kos-1-2'\n",
       "                src='data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDL/wAALCACAAIABAREA/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/9oACAEBAAA/AJcEH2qRevNSY59qUdOacCBzTwaeOuc0E801jx701TzzUo6UYycilC81KExzUgHFJ3rNeLGeKjAwcYNPBzk0pPFKoyOaVTzinlu9ODZxSMM9+aYFPHFTr0xTgpzUqr+NPK8c0hyBigA4qoV64qB48GmdKUc05jxxTAeKdu45NSKeKUE5p4HNPC8dKlRfWpVAFPOCKawpBwKrHjp1qFznIFVmyCaVe1Sbc49TSMmF6U0rgUoOWqZfapVXdUyjinKOakA4paaxGKYCSOagJGec/hUJpjr3xTNtPUDI9Kk60xk701VwM96kRSanXjFSjk08DmnDjil96jc44pvaq7Hiou9IT/DUa8HFSqOaeOacy/LUYHY1MijbS9DipFOKkTk08DJp3bpULAbjQF4qrjNMK+nWo2G3NJjGSSaevT1qRT9DTs8c9KbjnNSJwMU/bk8UoBHWnqcVMPWgnioj1pUI6VWIwaaeueahbBaomOcgU5DUg6jJpxYHilyNoqVfuinqPend6AKlU041E/akFRFc0xh35quw6nvUJYhqVfvHHTtTw3NPBxjrTuccVIh4xUoNP4xSgcU4HmnA0xxkUmPlzTWFNYAD/Cqr8ZqIrlugpdvIppX5h61Iq8dacvWpRUintUgPY0oJU88U4cEU8nioycjHWnHpTMio3OKrMATSYzjFAGRg0hXNPAyBmjpQHweM8VKpyARTwexpzHAyKFbin78img45pxORUIcHoc/SmMeOtMGDTioPIppGBmoy3JpynOMU4jIqMDBqWMkHFTe9GeKjLcehpQ3vTweDTw2RVKMYPB9jTy1IBzUgHyEUyQ8AVCetOU4FPBOOlIRge1OQ5H+FSZ470buDUbd6YpI5qVH5walHSqq8AAdqOpp604mo2OTUbd8UiZOBUq8UE80intTg1O/hzTC4xz1pNwzSqQT71MGyarEmkzyDUgbIp2CwyOfpTGU88Go8nPQinL146U/BxTWGaZjmpM5ApxOMg/SoH4XPekU7gDnNPOUIB7gHg1Kh6UsCQBN9w7DPRV61FeCKN18iTehGRnqPaoVk3LgYqzbojq5aQDavA55qFlcuFGST0GKSZXt0QneHbOQw7e1Kk0vCn09KsmUKq5AJI546UwzL02VHM6oqHaCGGcj64/pTUmAXJXIz9KlMyhASnB4HFV3nTaQUOe3NMDhHKbCrKSG54qc4HXH1FODYPFf/2Q=='\n",
       "                class='ppy-images-img'/></div>\n",
       "            \n",
       "        <div>\n",
       "            <p onclick='toggleImage(\"image-kos-1-3\", \"kos\")' class=\"ppy-images-image-p\" >\n",
       "                Image: 20180611041731.png\n",
       "                <span id='ppy-images-arrow-kos-image-kos-1-3' class='ppy-images-toggle-arrow ppy-font-color-brown'>▼</span>\n",
       "            </p>\n",
       "        \n",
       "            <img id='image-kos-1-3'\n",
       "                src='data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDL/wAALCACAAIABAREA/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/9oACAEBAAA/ANt03UgQj3oZKFWnheKjdcE0gGadjPGKcBjinLTxTqTtSe1LTWHanmPNN2YNNxQBTgOKY49qjIFKOadjNOUU/pSgZFKRUZ6gU7tSAZNWCvXioyOSDSFQaNvFJtxTWGaYV5o20Uo4pQamUDHTmhgMVGQKTNOWrDDPNMIpuOcU4dMUjCmlaYR+NNxRjmlx6U5VzzUyrikfoaiIpCAMe9OFWnGKYQKTbkZpBwaU80080wikI9ab3pyr3qRRTqRuTUZHOaQgd6UDirjDg1Ewpop2KQimGmkCgkdKjbilVh0qRTT8cUhphHNNIzTh92rh5qNhxTAMU76UGmMKjLcVH05pcZAoAwacDyKkByKXOKYaULgZpCOKuGo2HOabijGKSmnpUTCm9qM54FLSgYpwOO9LmjFPI6VGw4q6aYw5pgPNITTc4phNNJzxTOp6UdPelBzQxxTVOak9+9PB6UvekYjFXMZph61GfvUhphNMY8Go1PNOzxTD0pRjOaCDTcfMO1Sg5NPHPWgtimM2TV7NNbrzTMUwnmmHpUTnANMzzxS5pfrSDjjtS5xSd6XPNP3YprPTA3NaGc9DSZzSE1E9NzxUMh5+tRjg5zS5x9KAacp596dTc/Nik3Ubu1NY55pqnBrRXrTvxpjVEx70wtgcVGxzUecUE0q/pThkcmnBwTTSeTzTfTignmjNIBhq0AeKUtims1QsajPSmd6axGc00+9AbGMU8kHFNIIPHFLnmhSM0jdaRc5zTwMtV0nPSmk0hP6Uw8nNRkH0phyO1N689qYTyeKbuxzUinoP0NBbmgYwfWk3cn1oJp69qeOBVtAgALkj0Apsu0EbDkGomamxqGD7nC4GQDnmoiDuCjOT04pzq0ar94E9QwpglcHBoknCBchWyOeOnNVxdIzbfKxz2NSSShVUhRhhn6c//WqJLj5vmGVzmphKuwMU4NM8xQSNvP1pdw3EEEEdaep5qTOOK//Z'\n",
       "                class='ppy-images-img'/></div>\n",
       "            \n",
       "        <div>\n",
       "            <p onclick='toggleImage(\"image-kos-1-4\", \"kos\")' class=\"ppy-images-image-p\" >\n",
       "                Image: 20180611041741.png\n",
       "                <span id='ppy-images-arrow-kos-image-kos-1-4' class='ppy-images-toggle-arrow ppy-font-color-brown'>▼</span>\n",
       "            </p>\n",
       "        \n",
       "            <img id='image-kos-1-4'\n",
       "                src='data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDL/wAALCACAAIABAREA/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/9oACAEBAAA/AG7McAcU8LgA4pDGOtKFxxg8U4DIFMdagZNx9qglXg47CoUTIJI6VPDFhskVcZfkBzUMmAp71CI8DpzSldpA7npTipHWomGc1rMvcCmkfMCf1NPC8UhTjpxS7PkqNgcn6VCU+U+tQsgPTrSCLnHT6VNEmAalZfl/WoXTJyRg1Ecrx2oChpBkcVI4OOAKh244PNbG000rk9/xpVUc8U/bxTStRleeRUbDnpmmCLnNO8vv60uzjtQR8v8AWo24qCUdD/KlhwRUhFRMvFbIXmjZg0gXFGO2KQjHSmECkZOc4pBHke1NIw3rRjJ56fWmkdaikX5TVR2GOTzSQ8c571Y7imHjNb23jjk0wrzRjHakK5FAFRlcn0FBQ9CKTAwcVGc9+abgdhg009BUcnKnt6VTkQE5FNVtvfHeplYGh1z0roTHimsvTNMK/lRnt2pvT3oxTTwMVHg5NDrxmmkd6iI4xgUxkyPSqrpgmoZEzzTkI4GOKmPb+ldIx9BmomINRsc00enOaCD+FKOlIw4pmOtNPQ0w4ximEd8Uh5PNVnUgmoWBxTVTHapdv0roGOKjPJ4pcZqNl56YoIPSjp3pCaYRleKCB7UwjnjrRt4HrUbL+tRMuRioHWmH0qRB7ittuaAuadt9KayAVD0JpevNITSfWmt3pBRn/wDXTTg5qLAFQMRnmqrtggnpUiSDkg1vHkinrj0pw7Cmv0qsclulKAc+tOI600rgUxj6mo2yKTdxSbs4GKjdufwqCTnNV2APWo+j10vWngetOA9KH6VCRzR2z6UnbNNJGDUTVFnLY70Hk5prHioZDmo25qJlO0nPAOOtV5QNtdQMYzT+cUoJ5obpUZ6mmE44ppNNLCmNUYHeg/pTGI4BHHeqzH5uaYW5qNuD/wDWqGU8AcV0SEAcVMrGpMZprE4qNjgVCWyaaTjmk3UhPWmZzSE9faoXYk1XZietNOKaT06ECoZduepx6V0C8KMVIGz/APXqVW+Wkc/LUBbJPNRk88mms3vTdwPFIxNM54p3sagkIxx+FVjnqKcOnX8ahLDnPaoJOWOOgrolbipFOfanB8GlYll/wqFg3YGoXJB5qJjn/wDVSjOMjpTzjGCKaBxzS56EdqicDpVd1APWoixyQO1MK55OKay5BOK6C3SLy1aZiM9AvWpJVRCPLfcpGeag3fN/Kpo1Vo33OAQOKrEHcFGd3YAdaSZWhjUksGOeGGKh8+YMo/TAqZrjZs3Kjbhz8vTk/wBKa91GTjyxj60k0qoiEIPnXd9Ocf0qNJQoyyZB96JLhAgZoiAeAfXH41Qe8hJwUJOOMH+dK7KkhTaVdDhvT0p55A6801lx9DX/2Q=='\n",
       "                class='ppy-images-img'/></div>\n",
       "            \n",
       "        <div>\n",
       "            <p onclick='toggleImage(\"image-kos-1-5\", \"kos\")' class=\"ppy-images-image-p\" >\n",
       "                Image: 20180611041751.png\n",
       "                <span id='ppy-images-arrow-kos-image-kos-1-5' class='ppy-images-toggle-arrow ppy-font-color-brown'>▼</span>\n",
       "            </p>\n",
       "        \n",
       "            <img id='image-kos-1-5'\n",
       "                src='data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDL/wAALCACAAIABAREA/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/9oACAEBAAA/AHbBj3pQMnH60jdTxSe+Kmj+btQ64NJgkVCyHPA+tJtHcge1Tw4wVzUqjPFMkUYqAphTVcjk00rj6U3AxxWkq7qftA4qN04qEnBxU8fAz3qQgMaXbxUEq8nGahKkU8ICRg4NTB9p5NOPzYpjAEe9VzH82SaQxgd6hcenWtHGOlOAJpX6c1VdBkVNGAPSrCJmn7feoJEquUxSDjr0ofnBBNPDEAfSnEblyPyqI564qJuvWoyO9a3l5NAQqeh5odOMVXaMnIAzzUkcRHWrAG1aQnvUTYxyeagkODURORSBhikEoBIJ4p4mGMU0yfN7GmycEU0jNdD5WOaQx4zxUTRnNM8vBpGOzrSZLDPSopCcVCSQcg004YVC5CjNVXuFHIFV3ut/OMEVPFIGGM1KzArjPIoV+NpP0oyc11YwaGXFQuMcmoXYCq8hBpo4NJJ93NV+1NfgYHaoJcnvVGVcZNVJOB60iOV5Bq9EWMfJOetTEZHHWngbhuHUda6lSeTTt4IqGQ8Y7VVkPNQk5IxRmmscrUDDFNY/LULH1qpOMKD0rPlPrSwKCegzV+MdSe1HmZzToHIYmunDe9OZufemluuaruf1qMjk4qMnHXNGeKY3SoX4JqFsbqrXAwtZ0nJqWBemKuqu3iq8isj5xkehqZFwvuT1rpwRijPvTWPAqLqTxQVIqFgBSZ96Yx/Ooj0qtJw1VbhstjtVMn5hxwKuQqCMjvVpV4GagmGMHBNOVhgcdK6DJA4oX1J5NKcUi96azcH0qBuWpp+XGKY3fNRPkA4qpNnGe/rVJmyeelQuCTkdqswEqMZ5q+p4yDUTjOc+tRMCj4A610BalzleKAwxTl5GRTGGO1MKjNRsaj700j0FV5VBGO1UJIcE4qudwPIwPepYyC+ARV2NsAZ4OKHYEcGo3IH19K1lmD8qQR9amD+/FITmpEbIxSk55qOTjNVyefSozweaax596aRnqKa0AKk4+lVGjPmDsRUBRlIIHT2qVH3Ken4UrE44qHccEN1rRtVCcqScDBz61cDfnT93HJ6Uqmnh+1Mdsrmq78+ue1MJx159aYASR9elSY5608jjFVnXnjg+9RSpleOtUTlJCPXkU8MT7U1+2K1YQUiVfQdalHOKlBBNIGGT2pQ5xwaCxPFIUJ7cVE6c0EcA0o4+lAPBqBjg0wnjFUJh+/PHB9KYDjkZppYnrj8K2Y2H51Kpweaaz7egznrT1VmXcOc+9SKjDPyn8aftIycUnSoyMjNMbjFN78mnnpnFVpOtQlwDioZBk1GqhT8w/AUhXJzgc+lblnDapEsl5I67uVSPr9adeRwR4NtKZI2XIz1HsazjIWkCDj1q9ZwxyJKXkVdq/KCDyfwoMb7woyWPQVO6vDEm7crnOQwPSovPlXg9enSla4CBdwRtwyePunNRtdRkf6ofnTJ5lRUIRRvXd16c4x+lQm6VOWTcM9M017yIRLI8BCsSFOODj8apfbrdmIMTFsYGG4J96klkVZXjKFZEO1+eBjj/ADzTdh5OaY2VFf/Z'\n",
       "                class='ppy-images-img'/></div>\n",
       "            \n",
       "        <div>\n",
       "            <p onclick='toggleImage(\"image-kos-1-6\", \"kos\")' class=\"ppy-images-image-p\" >\n",
       "                Image: 20180611041801.png\n",
       "                <span id='ppy-images-arrow-kos-image-kos-1-6' class='ppy-images-toggle-arrow ppy-font-color-brown'>▼</span>\n",
       "            </p>\n",
       "        \n",
       "            <img id='image-kos-1-6'\n",
       "                src='data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDL/wAALCACAAIABAREA/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/9oACAEBAAA/AIreIAZIq8nAAFWIzzz2qyoqUDIpCOKYwNMIwKaBTwOelLtprCo8HPFWI1OBkVNto28Vz8IIQVYQGp0yPerCHFTA0pppphHFMUc1IBzSkU1hQqY5NSJ6VMKRulc5Efkz3BqzGSw561YjPapRz0qRTjvUooIphFIBzThS4xQFpr8cU6NT1qTdSFs1hRxjb7VLEPmxjirCDHSpehp68mphjFLSEcVGeKcDT8cUHpTduTzT+gpMZ4qQAYrCiIZdpzUuMAU+Pr1qbOTmpFqUflUmBSHvUZ6mgc08UE4+lApfehfWguAcViqhViKkLHafWnwgnkg1ZVPWpRwKeKeOlIxqE5LU4dcU5etI3Wnr0xR2ppOBUTMc1AYRuJAqNox61Yjj2qDUqjjHeggk04Gng9qH+7UQ60o5NKDilxznuKcOBmgnjOcVG7cYFQjk1PtGKiZBuqRRUm2mkU3oPenLSseMUwCnY5oIpGOKN4ABpuSxpxUY5qPvwOakAyKNuOaVacRSnpUTHFKDTu1B5xwB9KXFB96hkPpUZPanI3NSB88U1xxQpOafnPSnrycmlxmhjxUL/wA6cg5p/fFLRTWPeoic1G2AaYQcipo8EDtRIcU0KcVKvoTUmeKQZFKx4qFutKrAU8HjtmlzijdnNRufSmDrTWHNRSHbjpRHNngdBUpO4ipcDjHSnAfNUhPFJ29qY3Soz0pB1qQH5aPxoLVGeaTvQ3TPeqd2/AUd6igJ5yatxsDVtF+bjmnHOelKfTFBBNNYfLj9ajIyaTpQDUmaaaMYpjUhaqM/zuAaaCFqZZAPxrRUYNPAyadjI6dKae9RE9qaaaTQKfkU0tzijOeO1MY/zpG5HHWqcjbSe5qhcTkdO1PgmLx5z+ddGtOXgUHpSbSR61HtPcGmN16UygHHFNMm2kLjv1poehn5prvxxVSU8H9KpOvqKWIlEOPU8V1kccYG5yeewpXCqflORUVKuCrEkDAquc5AAOTRIGRASWBOeCKiMrggZ/SnGYKoJAOR6dOaiMyH/ln0pssgVVIUDcM/TnH9Ki80A5ZcilaZQoYpweAajNwndeR71HKw3lSpVlJB9KheMnBxTAmAa//Z'\n",
       "                class='ppy-images-img'/></div>\n",
       "            \n",
       "        <div>\n",
       "            <p onclick='toggleImage(\"image-kos-1-7\", \"kos\")' class=\"ppy-images-image-p\" >\n",
       "                Image: 20180611041811.png\n",
       "                <span id='ppy-images-arrow-kos-image-kos-1-7' class='ppy-images-toggle-arrow ppy-font-color-brown'>▼</span>\n",
       "            </p>\n",
       "        \n",
       "            <img id='image-kos-1-7'\n",
       "                src='data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDL/wAALCACAAIABAREA/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/9oACAEBAAA/ANZeRTlHPFSqKGHNIBRjrTaUU+lpy1KtSCnAUuKUCsVDmpU5NTLQaaR7UY4pppR1p4FOoWpVqVRTh0pcULWHGe2OKmTrU69KcaaaSkI70AVKooIoAqVRxUo6U7pS0oFYK4BzU4xxUy04nikakxxSGnKOKeOvpQaUelSDpT1NSCnAUuOK59elTqeBjtUqmpOpzTTwc0nagU9RgU/FIaB0qQU4GpFPanin9RXNqce9TocjJp6k5qdDkc0h9qQdKUU9etOPQUGinCnCpVp608CuYXO30qwh4qVSBU6kbelBHOab3pwODTlp4opKUdaeDk09alXipBXKxnjrVlACOtPHUVKrVIDnrTgPam45p4p/al/GikpVqQcVKp7VItcmp4B6VMj4xnGDU46ipQeMipF4WnqaWlWnZpc8UA8UHnilQ81IPSnpUork16U/PTr0qxE25c98VMhHANSjp6UoOKkBpRQetL2pAeaUmnrTgakHFSqa5EH160u/sTU0D9QOtWUfODU6nIFOVucVIKd3pO9LntSClp604VItSjpXHgg//Wo6mpYzjOKsRH3qyjcVIDUy06kNJ3opR1p4NOFSrUgPFceoAJIzxxS84xT068danjPI7VYQk1OnWplNPFBphzR1GaUdaeDinrT84pymuVC7QOfqaMf/AK6eoqdFPU1KAVI+lTxmrApwpe9IeabjBoHWlBJ61Kpp2aA2K5tRuFCrzzxT04PSrsceV/wpzRsDwpp6KR1FTqT/APrpxGTSk0nWkNJ2pM81IpyKdmkJway7WGBYwbh2APRV60y7SKN1MEm9GHU9R9arr97rWlbKrRsWcDA4BzzSlTkAA5PtUrI0arnIJ7EVIrN0p5bGCQDn2pjSDH3aGfCrxweaQOM8ilLDGSvHamgj05p4OD05FKetNfjiv//Z'\n",
       "                class='ppy-images-img'/></div>\n",
       "            \n",
       "        <div>\n",
       "            <p onclick='toggleImage(\"image-kos-1-8\", \"kos\")' class=\"ppy-images-image-p\" >\n",
       "                Image: 20180611041831.png\n",
       "                <span id='ppy-images-arrow-kos-image-kos-1-8' class='ppy-images-toggle-arrow ppy-font-color-brown'>▼</span>\n",
       "            </p>\n",
       "        \n",
       "            <img id='image-kos-1-8'\n",
       "                src='data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDL/wAALCACAAIABAREA/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/9oACAEBAAA/ANRh3qN1xioSBmm4Gf5VMoA7VKF3DIppQ1IgGKlwOtPAzinbBijZxSqvNSYwKTbTwOKzgeeeKjJJYimOMHgVCTz7VNGC1TqCBjvT9ueKcFCjFPVM05V5FSgUu3ApQtBFKB+dOxWPyDT1XJJ71HIpz0poU7uOODUsan0zUqKec1IFOadtyacgPIqVVGDT1HrTitG3FIRQBTgOlZO3kU/7opoGeTRsbNWIoTipRFg0vl0pTAoxUgHFOA4p2MGgim0CngVkrnr1+tLjJ5/lT1XLVKF56VOi808LzTivFMYYpoHNPA46Yp+OKBRTT1pQKcKy41zUojzyalSLBzUgjGakRcU/b3pCKYRmkAxTxS0goNJTgKcBWXFknFXEQdTUgXNSBeKAKWmk0gXNGMUhoP8AOgCgik71IKdWdCmMMQDxVleTUyrxmn44xTaGpMUAYFI3SkpMc0tFFOFKDVMCpkFTqOBTjTDSYpfxozTDSUcZpaKKcKMc1VXBNTrxxipVNKaKQ02kOMUlNJoBpQaWilpcnNQINp4qROTmpe1JnmlzxSU00maaTTTQDTs0tLS0gNQqwJx+eakQ4b2qTdikznml3dqQmkzTSaTNIaSnZ4pw6Uo46UZpBUSALk+1OXk+1O60bsUBs0FuKQGg9abn86OcU0dKdmnZpwNGaBUI5HWlzjpS7qZvOcU4NRnnNLn0pAaAc0E8UzNKDT88UuaUHFJk4qPv0ozjmmM2elNXcTkfpTxn0NPA4oxxRg0injmlPSmUvanA0pNGaQninxomNzk/QUkqoD8pyKquRnGaWNFZXYsFwOAc80xdxfHOewxVoAqoBznHenZNOPC5qMkDtQWwucdaYDzzS5HXFAYUbucHqKN1N3c1/9k='\n",
       "                class='ppy-images-img'/></div>\n",
       "            \n",
       "        <div>\n",
       "            <p onclick='toggleImage(\"image-kos-1-9\", \"kos\")' class=\"ppy-images-image-p\" >\n",
       "                Image: 20180611041841.png\n",
       "                <span id='ppy-images-arrow-kos-image-kos-1-9' class='ppy-images-toggle-arrow ppy-font-color-brown'>▼</span>\n",
       "            </p>\n",
       "        \n",
       "            <img id='image-kos-1-9'\n",
       "                src='data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDL/wAALCACAAIABAREA/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/9oACAEBAAA/AOfCevWlHLf4VKi/NzUzDANNjGWyKvwk9+PSrS84/pVlM5qyp+WmsoIx3qMrioplAUHvWbJFvlB96fLGoxkVX2Z4/WnFSGGOlZxxj3pVGfrUyDj3qULlcUqR8ircanipkOGAq5HgjNTL0objnNRkZFNkQdx2qt5Xf370kqZHIqsVGSopFjyelZmwhfWlC8gEYqdVwOlTLHwMVKEFTIMdakCc59KsxcVZXpTJKaMfiKJORgVCBgmlKHPNV/LGc9aQHkjFZITNSiJQM96eiAmrMaZFP24FKoqeNeKmUcVKp45pWGRURbbQeeaYFPU9KclNZATkCkMQPUVkjb26UoQE8DinouKnjwKmC7hT0TJxUm3bxUiinA447UZzxTZORjjAOelMHBBp+AykcUm3gYpFHHJprferEjqdOeKfjjpU6rwMVYVakUU8qAKBTiMDigCmtTe1M3FeRTlbPPWlYbj7UYFYSoR7VOilealA3HPUirCLk+nep0HFSJ16UrcCmr15p27kCgmg8mo264qI8ZPOacP0NSLyaeE5yKyNmakKDHqKcq+lTKCMGphUiD1pWORUZbGKFPzAipcZpCCKjcHNMPNO28U/aVOQKkVh3rNIGMY6U4LuB47UqgDtzUwwRSgcVIh9qH/KoScnpTwQBmpY2yKV2ycelNIzSLH3xTwlOx2prjA96zwOR6U8vjpTcksTycnvUobA5qRQMZzTsgdaa54FRE8UobNSo1S9eRTlAxTgppGzSAUhHassv29aFILDNTLjtSng0AkDjingkjrQ3HGKRlynAxURypFSRt+lWEPBxUiZBqdT602TpTFpwAJrB84HoRQsmTipkfFPDZPtT+pqRR2HWnYHelXGeRSTR5OR2qNQemKkRuc1bXkZFOFI/NNHJpwrk4egOTwOeKsxDDZNTA85NOV+eKsIeASOoqaMj86lKhunalVQoyaRmB5pPlHNRBwWPHU1ciJPGKmC4PNNcdxUZ4xihXArlIWCqFzz39asq3FO3GpVTkDtVlY37dKlVG4A/OrcagLTWxgimbQoz2pjp8uc8elRxbScYq7GwAzUwcGmvIBnNVpJgpzniohMM1zyJg8d6lBO/HNWoxuxuGKtCBsDGKvRptQU7bx0pjvspc5XJpGAZcE01uEIqFEAJOTVgPj1NSbuM96YSDx1NRPj7p71BnaSMZxVext7NbdJb6V038qifex6/SnXlvbxyqbSbzI3XOT1HsaWCJd3JzWjEilWJIGBxTctuxg5PQU+RvLQZBBPqKqTXDKeuPwpGvVjWMHaxYZPtzUiXAYAhcD606aVViGB94Z/pVZJShO4bgO1W0kUoGK8GkE6nsc01nAYjGGzg00/M3JpduMV/9k='\n",
       "                class='ppy-images-img'/></div>\n",
       "            \n",
       "        <div>\n",
       "            <p onclick='toggleImage(\"image-kos-1-10\", \"kos\")' class=\"ppy-images-image-p\" >\n",
       "                Image: 20180611041901.png\n",
       "                <span id='ppy-images-arrow-kos-image-kos-1-10' class='ppy-images-toggle-arrow ppy-font-color-brown'>▼</span>\n",
       "            </p>\n",
       "        \n",
       "            <img id='image-kos-1-10'\n",
       "                src='data:image/jpeg;base64,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'\n",
       "                class='ppy-images-img'/></div>\n",
       "            \n",
       "        <div>\n",
       "            <p onclick='toggleImage(\"image-kos-1-11\", \"kos\")' class=\"ppy-images-image-p\" >\n",
       "                Image: 20180611042001.png\n",
       "                <span id='ppy-images-arrow-kos-image-kos-1-11' class='ppy-images-toggle-arrow ppy-font-color-brown'>▼</span>\n",
       "            </p>\n",
       "        \n",
       "            <img id='image-kos-1-11'\n",
       "                src='data:image/jpeg;base64,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'\n",
       "                class='ppy-images-img'/></div>\n",
       "            </div></div>\n",
       "            <div class='ppy-h2 ppy-images-step-header' onclick='toggleMetadata(2, \"kos\")'>\n",
       "                Step 2: datetime\n",
       "                <span id='ppy-images-arrow-kos-2'\n",
       "                    class='ppy-images-toggle-arrow ppy-font-color-brown'>▼\n",
       "                </span>\n",
       "            </div>\n",
       "            <div id='ppy-images-metadata-kos-2' class='ppy-images-metadata' style='display:block;'><div class='ppy-images'>\n",
       "        <div>\n",
       "            <p onclick='toggleImage(\"image-kos-2-0\", \"kos\")' class=\"ppy-images-image-p\" >\n",
       "                Image: 20180611041421.png\n",
       "                <span id='ppy-images-arrow-kos-image-kos-2-0' class='ppy-images-toggle-arrow ppy-font-color-brown'>▼</span>\n",
       "            </p>\n",
       "        \n",
       "            <img id='image-kos-2-0'\n",
       "                src='data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDL/wAALCACAAIABAREA/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/9oACAEBAAA/AO6xikNMIphFMYVERzTWFNxminAc08DmplFTpU6ipVFSKKqYpjCoyKYRTGFMI5pjCmGgCngVKoqZBUqCp1qQVKKqEcVGwphFNIqNhTCKjbrTCKUCpAKlReKmUVKoqValUU8CqzVGwqM0hFMaoz0qFutJjinqOakVamQVIF5qRRUqipQKeBVVqjIpmOaaajao2qM0gFPAqVRUyDFSKMipAKkUVKBTwKqGmEcUzFRtUZ5phFMK4ajHNOAqZRxUg6VIoqVVqRRipVp4qmRTT1qJqic1HSe9NNIBTwKlXpUiiplFSqKkAqQCngVTIqM9ajfljULVGetJTactPFSKKeoqZamWpAKeKeKpkVE1Qsajaoj1pKMUqipAKkFPWpVqZalWninCqbGoHPNQscVGxpvWk707GaUU4U8U8VItTKalU1ItPFZ7VC3Wo2qJutNz60U4UtOFOFPFSKealU1KtSrUgrNc1ExqM1GelNop1GaUGpBTxTxUq1KtSr0qVTWWx4qM1GaYabRS0maVTUgNPWpF61KtSqalWpVNZLGmE8U0mmZpCOM0lBNNpQakBqRTUi1KDUimpQealU1ksajJpCeKbSUhNJmjNIDUgNPU1KpqRTmplp461KprLOMVG+O1MJ4oB4pppCaTNFFPU08GpFNSoamU09TUqmv/2Q=='\n",
       "                class='ppy-images-img'/></div>\n",
       "            \n",
       "        <div>\n",
       "            <p onclick='toggleImage(\"image-kos-2-1\", \"kos\")' class=\"ppy-images-image-p\" >\n",
       "                Image: 20180611041501.png\n",
       "                <span id='ppy-images-arrow-kos-image-kos-2-1' class='ppy-images-toggle-arrow ppy-font-color-brown'>▼</span>\n",
       "            </p>\n",
       "        \n",
       "            <img id='image-kos-2-1'\n",
       "                src='data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDL/wAALCACAAIABAREA/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/9oACAEBAAA/APQmFRkU0imEVGRTSKMUoFOAp6ipAKXFGKWnCnCnEVGwphHFMPQjtTCKaRSYpRTsVIop4FLS4oxxSinAU4imEUzFMYVGRTaMUuKcBUgFPApcUYopQKfTjUZphphFMNNIooxTlFSqKeBxS4xRSUop4pTTGFRmmGmmm0UoGaUDmplp4oo7UnagdakApajaozTTTDSUY5pcU4VKtOpcUUlKBUqikIqNqjamGkIppFFOpwpwqQUtJRinqOalUVGaiY0w0wmkpKKUU4U9acKWilpy1MtQtUTDnFMxSEUw0UUopRTwacKdmlpQKcKmWoWqM0w02mkU08UZozTgaUU+nA04Uop4qVagamGmGm0lMNJRSininA06lFPFPFSrVYmmmmmmmm02mminCnClzTgacDT1NPFSqaqk03NIaTFNpppKMUopSaM07NODU9TUq1ItUyc0lLnimk0hptJRS0ZpM0uaUGpVNSqamWqGaXNJnFGaaabmlzRRSZozSZ5p608GpVNTKapDHekJA6Um6jNNJpM0Zpc0E0hNJnmlpwNOBqRWqZG5r//Z'\n",
       "                class='ppy-images-img'/></div>\n",
       "            \n",
       "        <div>\n",
       "            <p onclick='toggleImage(\"image-kos-2-2\", \"kos\")' class=\"ppy-images-image-p\" >\n",
       "                Image: 20180611041711.png\n",
       "                <span id='ppy-images-arrow-kos-image-kos-2-2' class='ppy-images-toggle-arrow ppy-font-color-brown'>▼</span>\n",
       "            </p>\n",
       "        \n",
       "            <img id='image-kos-2-2'\n",
       "                src='data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDL/wAALCACAAIABAREA/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/9oACAEBAAA/AJcEH2qRevNSY59qUdOacCBzTwaeOuc0E801jx701TzzUo6UYycilC81KExzUgHFJ3rNeLGeKjAwcYNPBzk0pPFKoyOaVTzinlu9ODZxSMM9+aYFPHFTr0xTgpzUqr+NPK8c0hyBigA4qoV64qB48GmdKUc05jxxTAeKdu45NSKeKUE5p4HNPC8dKlRfWpVAFPOCKawpBwKrHjp1qFznIFVmyCaVe1Sbc49TSMmF6U0rgUoOWqZfapVXdUyjinKOakA4paaxGKYCSOagJGec/hUJpjr3xTNtPUDI9Kk60xk701VwM96kRSanXjFSjk08DmnDjil96jc44pvaq7Hiou9IT/DUa8HFSqOaeOacy/LUYHY1MijbS9DipFOKkTk08DJp3bpULAbjQF4qrjNMK+nWo2G3NJjGSSaevT1qRT9DTs8c9KbjnNSJwMU/bk8UoBHWnqcVMPWgnioj1pUI6VWIwaaeueahbBaomOcgU5DUg6jJpxYHilyNoqVfuinqPend6AKlU041E/akFRFc0xh35quw6nvUJYhqVfvHHTtTw3NPBxjrTuccVIh4xUoNP4xSgcU4HmnA0xxkUmPlzTWFNYAD/Cqr8ZqIrlugpdvIppX5h61Iq8dacvWpRUintUgPY0oJU88U4cEU8nioycjHWnHpTMio3OKrMATSYzjFAGRg0hXNPAyBmjpQHweM8VKpyARTwexpzHAyKFbin78img45pxORUIcHoc/SmMeOtMGDTioPIppGBmoy3JpynOMU4jIqMDBqWMkHFTe9GeKjLcehpQ3vTweDTw2RVKMYPB9jTy1IBzUgHyEUyQ8AVCetOU4FPBOOlIRge1OQ5H+FSZ470buDUbd6YpI5qVH5walHSqq8AAdqOpp604mo2OTUbd8UiZOBUq8UE80intTg1O/hzTC4xz1pNwzSqQT71MGyarEmkzyDUgbIp2CwyOfpTGU88Go8nPQinL146U/BxTWGaZjmpM5ApxOMg/SoH4XPekU7gDnNPOUIB7gHg1Kh6UsCQBN9w7DPRV61FeCKN18iTehGRnqPaoVk3LgYqzbojq5aQDavA55qFlcuFGST0GKSZXt0QneHbOQw7e1Kk0vCn09KsmUKq5AJI546UwzL02VHM6oqHaCGGcj64/pTUmAXJXIz9KlMyhASnB4HFV3nTaQUOe3NMDhHKbCrKSG54qc4HXH1FODYPFf/2Q=='\n",
       "                class='ppy-images-img'/></div>\n",
       "            \n",
       "        <div>\n",
       "            <p onclick='toggleImage(\"image-kos-2-3\", \"kos\")' class=\"ppy-images-image-p\" >\n",
       "                Image: 20180611041731.png\n",
       "                <span id='ppy-images-arrow-kos-image-kos-2-3' class='ppy-images-toggle-arrow ppy-font-color-brown'>▼</span>\n",
       "            </p>\n",
       "        \n",
       "            <img id='image-kos-2-3'\n",
       "                src='data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDL/wAALCACAAIABAREA/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/9oACAEBAAA/ANt03UgQj3oZKFWnheKjdcE0gGadjPGKcBjinLTxTqTtSe1LTWHanmPNN2YNNxQBTgOKY49qjIFKOadjNOUU/pSgZFKRUZ6gU7tSAZNWCvXioyOSDSFQaNvFJtxTWGaYV5o20Uo4pQamUDHTmhgMVGQKTNOWrDDPNMIpuOcU4dMUjCmlaYR+NNxRjmlx6U5VzzUyrikfoaiIpCAMe9OFWnGKYQKTbkZpBwaU80080wikI9ab3pyr3qRRTqRuTUZHOaQgd6UDirjDg1Ewpop2KQimGmkCgkdKjbilVh0qRTT8cUhphHNNIzTh92rh5qNhxTAMU76UGmMKjLcVH05pcZAoAwacDyKkByKXOKYaULgZpCOKuGo2HOabijGKSmnpUTCm9qM54FLSgYpwOO9LmjFPI6VGw4q6aYw5pgPNITTc4phNNJzxTOp6UdPelBzQxxTVOak9+9PB6UvekYjFXMZph61GfvUhphNMY8Go1PNOzxTD0pRjOaCDTcfMO1Sg5NPHPWgtimM2TV7NNbrzTMUwnmmHpUTnANMzzxS5pfrSDjjtS5xSd6XPNP3YprPTA3NaGc9DSZzSE1E9NzxUMh5+tRjg5zS5x9KAacp596dTc/Nik3Ubu1NY55pqnBrRXrTvxpjVEx70wtgcVGxzUecUE0q/pThkcmnBwTTSeTzTfTignmjNIBhq0AeKUtims1QsajPSmd6axGc00+9AbGMU8kHFNIIPHFLnmhSM0jdaRc5zTwMtV0nPSmk0hP6Uw8nNRkH0phyO1N689qYTyeKbuxzUinoP0NBbmgYwfWk3cn1oJp69qeOBVtAgALkj0Apsu0EbDkGomamxqGD7nC4GQDnmoiDuCjOT04pzq0ar94E9QwpglcHBoknCBchWyOeOnNVxdIzbfKxz2NSSShVUhRhhn6c//WqJLj5vmGVzmphKuwMU4NM8xQSNvP1pdw3EEEEdaep5qTOOK//Z'\n",
       "                class='ppy-images-img'/></div>\n",
       "            \n",
       "        <div>\n",
       "            <p onclick='toggleImage(\"image-kos-2-4\", \"kos\")' class=\"ppy-images-image-p\" >\n",
       "                Image: 20180611041741.png\n",
       "                <span id='ppy-images-arrow-kos-image-kos-2-4' class='ppy-images-toggle-arrow ppy-font-color-brown'>▼</span>\n",
       "            </p>\n",
       "        \n",
       "            <img id='image-kos-2-4'\n",
       "                src='data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDL/wAALCACAAIABAREA/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/9oACAEBAAA/AG7McAcU8LgA4pDGOtKFxxg8U4DIFMdagZNx9qglXg47CoUTIJI6VPDFhskVcZfkBzUMmAp71CI8DpzSldpA7npTipHWomGc1rMvcCmkfMCf1NPC8UhTjpxS7PkqNgcn6VCU+U+tQsgPTrSCLnHT6VNEmAalZfl/WoXTJyRg1Ecrx2oChpBkcVI4OOAKh244PNbG000rk9/xpVUc8U/bxTStRleeRUbDnpmmCLnNO8vv60uzjtQR8v8AWo24qCUdD/KlhwRUhFRMvFbIXmjZg0gXFGO2KQjHSmECkZOc4pBHke1NIw3rRjJ56fWmkdaikX5TVR2GOTzSQ8c571Y7imHjNb23jjk0wrzRjHakK5FAFRlcn0FBQ9CKTAwcVGc9+abgdhg009BUcnKnt6VTkQE5FNVtvfHeplYGh1z0roTHimsvTNMK/lRnt2pvT3oxTTwMVHg5NDrxmmkd6iI4xgUxkyPSqrpgmoZEzzTkI4GOKmPb+ldIx9BmomINRsc00enOaCD+FKOlIw4pmOtNPQ0w4ximEd8Uh5PNVnUgmoWBxTVTHapdv0roGOKjPJ4pcZqNl56YoIPSjp3pCaYRleKCB7UwjnjrRt4HrUbL+tRMuRioHWmH0qRB7ittuaAuadt9KayAVD0JpevNITSfWmt3pBRn/wDXTTg5qLAFQMRnmqrtggnpUiSDkg1vHkinrj0pw7Cmv0qsclulKAc+tOI600rgUxj6mo2yKTdxSbs4GKjdufwqCTnNV2APWo+j10vWngetOA9KH6VCRzR2z6UnbNNJGDUTVFnLY70Hk5prHioZDmo25qJlO0nPAOOtV5QNtdQMYzT+cUoJ5obpUZ6mmE44ppNNLCmNUYHeg/pTGI4BHHeqzH5uaYW5qNuD/wDWqGU8AcV0SEAcVMrGpMZprE4qNjgVCWyaaTjmk3UhPWmZzSE9faoXYk1XZietNOKaT06ECoZduepx6V0C8KMVIGz/APXqVW+Wkc/LUBbJPNRk88mms3vTdwPFIxNM54p3sagkIxx+FVjnqKcOnX8ahLDnPaoJOWOOgrolbipFOfanB8GlYll/wqFg3YGoXJB5qJjn/wDVSjOMjpTzjGCKaBxzS56EdqicDpVd1APWoixyQO1MK55OKay5BOK6C3SLy1aZiM9AvWpJVRCPLfcpGeag3fN/Kpo1Vo33OAQOKrEHcFGd3YAdaSZWhjUksGOeGGKh8+YMo/TAqZrjZs3Kjbhz8vTk/wBKa91GTjyxj60k0qoiEIPnXd9Ocf0qNJQoyyZB96JLhAgZoiAeAfXH41Qe8hJwUJOOMH+dK7KkhTaVdDhvT0p55A6801lx9DX/2Q=='\n",
       "                class='ppy-images-img'/></div>\n",
       "            \n",
       "        <div>\n",
       "            <p onclick='toggleImage(\"image-kos-2-5\", \"kos\")' class=\"ppy-images-image-p\" >\n",
       "                Image: 20180611041751.png\n",
       "                <span id='ppy-images-arrow-kos-image-kos-2-5' class='ppy-images-toggle-arrow ppy-font-color-brown'>▼</span>\n",
       "            </p>\n",
       "        \n",
       "            <img id='image-kos-2-5'\n",
       "                src='data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDL/wAALCACAAIABAREA/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/9oACAEBAAA/AHbBj3pQMnH60jdTxSe+Kmj+btQ64NJgkVCyHPA+tJtHcge1Tw4wVzUqjPFMkUYqAphTVcjk00rj6U3AxxWkq7qftA4qN04qEnBxU8fAz3qQgMaXbxUEq8nGahKkU8ICRg4NTB9p5NOPzYpjAEe9VzH82SaQxgd6hcenWtHGOlOAJpX6c1VdBkVNGAPSrCJmn7feoJEquUxSDjr0ofnBBNPDEAfSnEblyPyqI564qJuvWoyO9a3l5NAQqeh5odOMVXaMnIAzzUkcRHWrAG1aQnvUTYxyeagkODURORSBhikEoBIJ4p4mGMU0yfN7GmycEU0jNdD5WOaQx4zxUTRnNM8vBpGOzrSZLDPSopCcVCSQcg004YVC5CjNVXuFHIFV3ut/OMEVPFIGGM1KzArjPIoV+NpP0oyc11YwaGXFQuMcmoXYCq8hBpo4NJJ93NV+1NfgYHaoJcnvVGVcZNVJOB60iOV5Bq9EWMfJOetTEZHHWngbhuHUda6lSeTTt4IqGQ8Y7VVkPNQk5IxRmmscrUDDFNY/LULH1qpOMKD0rPlPrSwKCegzV+MdSe1HmZzToHIYmunDe9OZufemluuaruf1qMjk4qMnHXNGeKY3SoX4JqFsbqrXAwtZ0nJqWBemKuqu3iq8isj5xkehqZFwvuT1rpwRijPvTWPAqLqTxQVIqFgBSZ96Yx/Ooj0qtJw1VbhstjtVMn5hxwKuQqCMjvVpV4GagmGMHBNOVhgcdK6DJA4oX1J5NKcUi96azcH0qBuWpp+XGKY3fNRPkA4qpNnGe/rVJmyeelQuCTkdqswEqMZ5q+p4yDUTjOc+tRMCj4A610BalzleKAwxTl5GRTGGO1MKjNRsaj700j0FV5VBGO1UJIcE4qudwPIwPepYyC+ARV2NsAZ4OKHYEcGo3IH19K1lmD8qQR9amD+/FITmpEbIxSk55qOTjNVyefSozweaax596aRnqKa0AKk4+lVGjPmDsRUBRlIIHT2qVH3Ken4UrE44qHccEN1rRtVCcqScDBz61cDfnT93HJ6Uqmnh+1Mdsrmq78+ue1MJx159aYASR9elSY5608jjFVnXnjg+9RSpleOtUTlJCPXkU8MT7U1+2K1YQUiVfQdalHOKlBBNIGGT2pQ5xwaCxPFIUJ7cVE6c0EcA0o4+lAPBqBjg0wnjFUJh+/PHB9KYDjkZppYnrj8K2Y2H51Kpweaaz7egznrT1VmXcOc+9SKjDPyn8aftIycUnSoyMjNMbjFN78mnnpnFVpOtQlwDioZBk1GqhT8w/AUhXJzgc+lblnDapEsl5I67uVSPr9adeRwR4NtKZI2XIz1HsazjIWkCDj1q9ZwxyJKXkVdq/KCDyfwoMb7woyWPQVO6vDEm7crnOQwPSovPlXg9enSla4CBdwRtwyePunNRtdRkf6ofnTJ5lRUIRRvXd16c4x+lQm6VOWTcM9M017yIRLI8BCsSFOODj8apfbrdmIMTFsYGG4J96klkVZXjKFZEO1+eBjj/ADzTdh5OaY2VFf/Z'\n",
       "                class='ppy-images-img'/></div>\n",
       "            \n",
       "        <div>\n",
       "            <p onclick='toggleImage(\"image-kos-2-6\", \"kos\")' class=\"ppy-images-image-p\" >\n",
       "                Image: 20180611041801.png\n",
       "                <span id='ppy-images-arrow-kos-image-kos-2-6' class='ppy-images-toggle-arrow ppy-font-color-brown'>▼</span>\n",
       "            </p>\n",
       "        \n",
       "            <img id='image-kos-2-6'\n",
       "                src='data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDL/wAALCACAAIABAREA/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/9oACAEBAAA/AIreIAZIq8nAAFWIzzz2qyoqUDIpCOKYwNMIwKaBTwOelLtprCo8HPFWI1OBkVNto28Vz8IIQVYQGp0yPerCHFTA0pppphHFMUc1IBzSkU1hQqY5NSJ6VMKRulc5Efkz3BqzGSw561YjPapRz0qRTjvUooIphFIBzThS4xQFpr8cU6NT1qTdSFs1hRxjb7VLEPmxjirCDHSpehp68mphjFLSEcVGeKcDT8cUHpTduTzT+gpMZ4qQAYrCiIZdpzUuMAU+Pr1qbOTmpFqUflUmBSHvUZ6mgc08UE4+lApfehfWguAcViqhViKkLHafWnwgnkg1ZVPWpRwKeKeOlIxqE5LU4dcU5etI3Wnr0xR2ppOBUTMc1AYRuJAqNox61Yjj2qDUqjjHeggk04Gng9qH+7UQ60o5NKDilxznuKcOBmgnjOcVG7cYFQjk1PtGKiZBuqRRUm2mkU3oPenLSseMUwCnY5oIpGOKN4ABpuSxpxUY5qPvwOakAyKNuOaVacRSnpUTHFKDTu1B5xwB9KXFB96hkPpUZPanI3NSB88U1xxQpOafnPSnrycmlxmhjxUL/wA6cg5p/fFLRTWPeoic1G2AaYQcipo8EDtRIcU0KcVKvoTUmeKQZFKx4qFutKrAU8HjtmlzijdnNRufSmDrTWHNRSHbjpRHNngdBUpO4ipcDjHSnAfNUhPFJ29qY3Soz0pB1qQH5aPxoLVGeaTvQ3TPeqd2/AUd6igJ5yatxsDVtF+bjmnHOelKfTFBBNNYfLj9ajIyaTpQDUmaaaMYpjUhaqM/zuAaaCFqZZAPxrRUYNPAyadjI6dKae9RE9qaaaTQKfkU0tzijOeO1MY/zpG5HHWqcjbSe5qhcTkdO1PgmLx5z+ddGtOXgUHpSbSR61HtPcGmN16UygHHFNMm2kLjv1poehn5prvxxVSU8H9KpOvqKWIlEOPU8V1kccYG5yeewpXCqflORUVKuCrEkDAquc5AAOTRIGRASWBOeCKiMrggZ/SnGYKoJAOR6dOaiMyH/ln0pssgVVIUDcM/TnH9Ki80A5ZcilaZQoYpweAajNwndeR71HKw3lSpVlJB9KheMnBxTAmAa//Z'\n",
       "                class='ppy-images-img'/></div>\n",
       "            \n",
       "        <div>\n",
       "            <p onclick='toggleImage(\"image-kos-2-7\", \"kos\")' class=\"ppy-images-image-p\" >\n",
       "                Image: 20180611041811.png\n",
       "                <span id='ppy-images-arrow-kos-image-kos-2-7' class='ppy-images-toggle-arrow ppy-font-color-brown'>▼</span>\n",
       "            </p>\n",
       "        \n",
       "            <img id='image-kos-2-7'\n",
       "                src='data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDL/wAALCACAAIABAREA/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/9oACAEBAAA/ANZeRTlHPFSqKGHNIBRjrTaUU+lpy1KtSCnAUuKUCsVDmpU5NTLQaaR7UY4pppR1p4FOoWpVqVRTh0pcULWHGe2OKmTrU69KcaaaSkI70AVKooIoAqVRxUo6U7pS0oFYK4BzU4xxUy04nikakxxSGnKOKeOvpQaUelSDpT1NSCnAUuOK59elTqeBjtUqmpOpzTTwc0nagU9RgU/FIaB0qQU4GpFPanin9RXNqce9TocjJp6k5qdDkc0h9qQdKUU9etOPQUGinCnCpVp608CuYXO30qwh4qVSBU6kbelBHOab3pwODTlp4opKUdaeDk09alXipBXKxnjrVlACOtPHUVKrVIDnrTgPam45p4p/al/GikpVqQcVKp7VItcmp4B6VMj4xnGDU46ipQeMipF4WnqaWlWnZpc8UA8UHnilQ81IPSnpUork16U/PTr0qxE25c98VMhHANSjp6UoOKkBpRQetL2pAeaUmnrTgakHFSqa5EH160u/sTU0D9QOtWUfODU6nIFOVucVIKd3pO9LntSClp604VItSjpXHgg//Wo6mpYzjOKsRH3qyjcVIDUy06kNJ3opR1p4NOFSrUgPFceoAJIzxxS84xT068danjPI7VYQk1OnWplNPFBphzR1GaUdaeDinrT84pymuVC7QOfqaMf/AK6eoqdFPU1KAVI+lTxmrApwpe9IeabjBoHWlBJ61Kpp2aA2K5tRuFCrzzxT04PSrsceV/wpzRsDwpp6KR1FTqT/APrpxGTSk0nWkNJ2pM81IpyKdmkJway7WGBYwbh2APRV60y7SKN1MEm9GHU9R9arr97rWlbKrRsWcDA4BzzSlTkAA5PtUrI0arnIJ7EVIrN0p5bGCQDn2pjSDH3aGfCrxweaQOM8ilLDGSvHamgj05p4OD05FKetNfjiv//Z'\n",
       "                class='ppy-images-img'/></div>\n",
       "            \n",
       "        <div>\n",
       "            <p onclick='toggleImage(\"image-kos-2-8\", \"kos\")' class=\"ppy-images-image-p\" >\n",
       "                Image: 20180611041831.png\n",
       "                <span id='ppy-images-arrow-kos-image-kos-2-8' class='ppy-images-toggle-arrow ppy-font-color-brown'>▼</span>\n",
       "            </p>\n",
       "        \n",
       "            <img id='image-kos-2-8'\n",
       "                src='data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDL/wAALCACAAIABAREA/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/9oACAEBAAA/ANRh3qN1xioSBmm4Gf5VMoA7VKF3DIppQ1IgGKlwOtPAzinbBijZxSqvNSYwKTbTwOKzgeeeKjJJYimOMHgVCTz7VNGC1TqCBjvT9ueKcFCjFPVM05V5FSgUu3ApQtBFKB+dOxWPyDT1XJJ71HIpz0poU7uOODUsan0zUqKec1IFOadtyacgPIqVVGDT1HrTitG3FIRQBTgOlZO3kU/7opoGeTRsbNWIoTipRFg0vl0pTAoxUgHFOA4p2MGgim0CngVkrnr1+tLjJ5/lT1XLVKF56VOi808LzTivFMYYpoHNPA46Yp+OKBRTT1pQKcKy41zUojzyalSLBzUgjGakRcU/b3pCKYRmkAxTxS0goNJTgKcBWXFknFXEQdTUgXNSBeKAKWmk0gXNGMUhoP8AOgCgik71IKdWdCmMMQDxVleTUyrxmn44xTaGpMUAYFI3SkpMc0tFFOFKDVMCpkFTqOBTjTDSYpfxozTDSUcZpaKKcKMc1VXBNTrxxipVNKaKQ02kOMUlNJoBpQaWilpcnNQINp4qROTmpe1JnmlzxSU00maaTTTQDTs0tLS0gNQqwJx+eakQ4b2qTdikznml3dqQmkzTSaTNIaSnZ4pw6Uo46UZpBUSALk+1OXk+1O60bsUBs0FuKQGg9abn86OcU0dKdmnZpwNGaBUI5HWlzjpS7qZvOcU4NRnnNLn0pAaAc0E8UzNKDT88UuaUHFJk4qPv0ozjmmM2elNXcTkfpTxn0NPA4oxxRg0injmlPSmUvanA0pNGaQninxomNzk/QUkqoD8pyKquRnGaWNFZXYsFwOAc80xdxfHOewxVoAqoBznHenZNOPC5qMkDtQWwucdaYDzzS5HXFAYUbucHqKN1N3c1/9k='\n",
       "                class='ppy-images-img'/></div>\n",
       "            \n",
       "        <div>\n",
       "            <p onclick='toggleImage(\"image-kos-2-9\", \"kos\")' class=\"ppy-images-image-p\" >\n",
       "                Image: 20180611041841.png\n",
       "                <span id='ppy-images-arrow-kos-image-kos-2-9' class='ppy-images-toggle-arrow ppy-font-color-brown'>▼</span>\n",
       "            </p>\n",
       "        \n",
       "            <img id='image-kos-2-9'\n",
       "                src='data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDL/wAALCACAAIABAREA/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/9oACAEBAAA/AOfCevWlHLf4VKi/NzUzDANNjGWyKvwk9+PSrS84/pVlM5qyp+WmsoIx3qMrioplAUHvWbJFvlB96fLGoxkVX2Z4/WnFSGGOlZxxj3pVGfrUyDj3qULlcUqR8ircanipkOGAq5HgjNTL0objnNRkZFNkQdx2qt5Xf370kqZHIqsVGSopFjyelZmwhfWlC8gEYqdVwOlTLHwMVKEFTIMdakCc59KsxcVZXpTJKaMfiKJORgVCBgmlKHPNV/LGc9aQHkjFZITNSiJQM96eiAmrMaZFP24FKoqeNeKmUcVKp45pWGRURbbQeeaYFPU9KclNZATkCkMQPUVkjb26UoQE8DinouKnjwKmC7hT0TJxUm3bxUiinA447UZzxTZORjjAOelMHBBp+AykcUm3gYpFHHJprferEjqdOeKfjjpU6rwMVYVakUU8qAKBTiMDigCmtTe1M3FeRTlbPPWlYbj7UYFYSoR7VOilealA3HPUirCLk+nep0HFSJ16UrcCmr15p27kCgmg8mo264qI8ZPOacP0NSLyaeE5yKyNmakKDHqKcq+lTKCMGphUiD1pWORUZbGKFPzAipcZpCCKjcHNMPNO28U/aVOQKkVh3rNIGMY6U4LuB47UqgDtzUwwRSgcVIh9qH/KoScnpTwQBmpY2yKV2ycelNIzSLH3xTwlOx2prjA96zwOR6U8vjpTcksTycnvUobA5qRQMZzTsgdaa54FRE8UobNSo1S9eRTlAxTgppGzSAUhHassv29aFILDNTLjtSng0AkDjingkjrQ3HGKRlynAxURypFSRt+lWEPBxUiZBqdT602TpTFpwAJrB84HoRQsmTipkfFPDZPtT+pqRR2HWnYHelXGeRSTR5OR2qNQemKkRuc1bXkZFOFI/NNHJpwrk4egOTwOeKsxDDZNTA85NOV+eKsIeASOoqaMj86lKhunalVQoyaRmB5pPlHNRBwWPHU1ciJPGKmC4PNNcdxUZ4xihXArlIWCqFzz39asq3FO3GpVTkDtVlY37dKlVG4A/OrcagLTWxgimbQoz2pjp8uc8elRxbScYq7GwAzUwcGmvIBnNVpJgpzniohMM1zyJg8d6lBO/HNWoxuxuGKtCBsDGKvRptQU7bx0pjvspc5XJpGAZcE01uEIqFEAJOTVgPj1NSbuM96YSDx1NRPj7p71BnaSMZxVext7NbdJb6V038qifex6/SnXlvbxyqbSbzI3XOT1HsaWCJd3JzWjEilWJIGBxTctuxg5PQU+RvLQZBBPqKqTXDKeuPwpGvVjWMHaxYZPtzUiXAYAhcD606aVViGB94Z/pVZJShO4bgO1W0kUoGK8GkE6nsc01nAYjGGzg00/M3JpduMV/9k='\n",
       "                class='ppy-images-img'/></div>\n",
       "            \n",
       "        <div>\n",
       "            <p onclick='toggleImage(\"image-kos-2-10\", \"kos\")' class=\"ppy-images-image-p\" >\n",
       "                Image: 20180611041901.png\n",
       "                <span id='ppy-images-arrow-kos-image-kos-2-10' class='ppy-images-toggle-arrow ppy-font-color-brown'>▼</span>\n",
       "            </p>\n",
       "        \n",
       "            <img id='image-kos-2-10'\n",
       "                src='data:image/jpeg;base64,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'\n",
       "                class='ppy-images-img'/></div>\n",
       "            </div></div>\n",
       "            <div class='ppy-h2 ppy-images-step-header' onclick='toggleMetadata(3, \"kos\")'>\n",
       "                Step 3: overlapping\n",
       "                <span id='ppy-images-arrow-kos-3'\n",
       "                    class='ppy-images-toggle-arrow ppy-font-color-brown'>▼\n",
       "                </span>\n",
       "            </div>\n",
       "            <div id='ppy-images-metadata-kos-3' class='ppy-images-metadata' style='display:block;'><div class='ppy-images'>\n",
       "        <div>\n",
       "            <p onclick='toggleImage(\"image-kos-3-0\", \"kos\")' class=\"ppy-images-image-p\" >\n",
       "                Image: 20180611041421.png\n",
       "                <span id='ppy-images-arrow-kos-image-kos-3-0' class='ppy-images-toggle-arrow ppy-font-color-brown'>▼</span>\n",
       "            </p>\n",
       "        \n",
       "            <img id='image-kos-3-0'\n",
       "                src='data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDL/wAALCACAAIABAREA/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/9oACAEBAAA/AO6xikNMIphFMYVERzTWFNxminAc08DmplFTpU6ipVFSKKqYpjCoyKYRTGFMI5pjCmGgCngVKoqZBUqCp1qQVKKqEcVGwphFNIqNhTCKjbrTCKUCpAKlReKmUVKoqValUU8CqzVGwqM0hFMaoz0qFutJjinqOakVamQVIF5qRRUqipQKeBVVqjIpmOaaajao2qM0gFPAqVRUyDFSKMipAKkUVKBTwKqGmEcUzFRtUZ5phFMK4ajHNOAqZRxUg6VIoqVVqRRipVp4qmRTT1qJqic1HSe9NNIBTwKlXpUiiplFSqKkAqQCngVTIqM9ajfljULVGetJTactPFSKKeoqZamWpAKeKeKpkVE1Qsajaoj1pKMUqipAKkFPWpVqZalWninCqbGoHPNQscVGxpvWk707GaUU4U8U8VItTKalU1ItPFZ7VC3Wo2qJutNz60U4UtOFOFPFSKealU1KtSrUgrNc1ExqM1GelNop1GaUGpBTxTxUq1KtSr0qVTWWx4qM1GaYabRS0maVTUgNPWpF61KtSqalWpVNZLGmE8U0mmZpCOM0lBNNpQakBqRTUi1KDUimpQealU1ksajJpCeKbSUhNJmjNIDUgNPU1KpqRTmplp461KprLOMVG+O1MJ4oB4pppCaTNFFPU08GpFNSoamU09TUqmv/2Q=='\n",
       "                class='ppy-images-img'/></div>\n",
       "            \n",
       "        <div>\n",
       "            <p onclick='toggleImage(\"image-kos-3-1\", \"kos\")' class=\"ppy-images-image-p\" >\n",
       "                Image: 20180611041501.png\n",
       "                <span id='ppy-images-arrow-kos-image-kos-3-1' class='ppy-images-toggle-arrow ppy-font-color-brown'>▼</span>\n",
       "            </p>\n",
       "        \n",
       "            <img id='image-kos-3-1'\n",
       "                src='data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDL/wAALCACAAIABAREA/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/9oACAEBAAA/APQmFRkU0imEVGRTSKMUoFOAp6ipAKXFGKWnCnCnEVGwphHFMPQjtTCKaRSYpRTsVIop4FLS4oxxSinAU4imEUzFMYVGRTaMUuKcBUgFPApcUYopQKfTjUZphphFMNNIooxTlFSqKeBxS4xRSUop4pTTGFRmmGmmm0UoGaUDmplp4oo7UnagdakApajaozTTTDSUY5pcU4VKtOpcUUlKBUqikIqNqjamGkIppFFOpwpwqQUtJRinqOalUVGaiY0w0wmkpKKUU4U9acKWilpy1MtQtUTDnFMxSEUw0UUopRTwacKdmlpQKcKmWoWqM0w02mkU08UZozTgaUU+nA04Uop4qVagamGmGm0lMNJRSininA06lFPFPFSrVYmmmmmmmm02mminCnClzTgacDT1NPFSqaqk03NIaTFNpppKMUopSaM07NODU9TUq1ItUyc0lLnimk0hptJRS0ZpM0uaUGpVNSqamWqGaXNJnFGaaabmlzRRSZozSZ5p608GpVNTKapDHekJA6Um6jNNJpM0Zpc0E0hNJnmlpwNOBqRWqZG5r//Z'\n",
       "                class='ppy-images-img'/></div>\n",
       "            \n",
       "        <div>\n",
       "            <p onclick='toggleImage(\"image-kos-3-2\", \"kos\")' class=\"ppy-images-image-p\" >\n",
       "                Image: 20180611041711.png\n",
       "                <span id='ppy-images-arrow-kos-image-kos-3-2' class='ppy-images-toggle-arrow ppy-font-color-brown'>▼</span>\n",
       "            </p>\n",
       "        \n",
       "            <img id='image-kos-3-2'\n",
       "                src='data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDL/wAALCACAAIABAREA/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/9oACAEBAAA/AJcEH2qRevNSY59qUdOacCBzTwaeOuc0E801jx701TzzUo6UYycilC81KExzUgHFJ3rNeLGeKjAwcYNPBzk0pPFKoyOaVTzinlu9ODZxSMM9+aYFPHFTr0xTgpzUqr+NPK8c0hyBigA4qoV64qB48GmdKUc05jxxTAeKdu45NSKeKUE5p4HNPC8dKlRfWpVAFPOCKawpBwKrHjp1qFznIFVmyCaVe1Sbc49TSMmF6U0rgUoOWqZfapVXdUyjinKOakA4paaxGKYCSOagJGec/hUJpjr3xTNtPUDI9Kk60xk701VwM96kRSanXjFSjk08DmnDjil96jc44pvaq7Hiou9IT/DUa8HFSqOaeOacy/LUYHY1MijbS9DipFOKkTk08DJp3bpULAbjQF4qrjNMK+nWo2G3NJjGSSaevT1qRT9DTs8c9KbjnNSJwMU/bk8UoBHWnqcVMPWgnioj1pUI6VWIwaaeueahbBaomOcgU5DUg6jJpxYHilyNoqVfuinqPend6AKlU041E/akFRFc0xh35quw6nvUJYhqVfvHHTtTw3NPBxjrTuccVIh4xUoNP4xSgcU4HmnA0xxkUmPlzTWFNYAD/Cqr8ZqIrlugpdvIppX5h61Iq8dacvWpRUintUgPY0oJU88U4cEU8nioycjHWnHpTMio3OKrMATSYzjFAGRg0hXNPAyBmjpQHweM8VKpyARTwexpzHAyKFbin78img45pxORUIcHoc/SmMeOtMGDTioPIppGBmoy3JpynOMU4jIqMDBqWMkHFTe9GeKjLcehpQ3vTweDTw2RVKMYPB9jTy1IBzUgHyEUyQ8AVCetOU4FPBOOlIRge1OQ5H+FSZ470buDUbd6YpI5qVH5walHSqq8AAdqOpp604mo2OTUbd8UiZOBUq8UE80intTg1O/hzTC4xz1pNwzSqQT71MGyarEmkzyDUgbIp2CwyOfpTGU88Go8nPQinL146U/BxTWGaZjmpM5ApxOMg/SoH4XPekU7gDnNPOUIB7gHg1Kh6UsCQBN9w7DPRV61FeCKN18iTehGRnqPaoVk3LgYqzbojq5aQDavA55qFlcuFGST0GKSZXt0QneHbOQw7e1Kk0vCn09KsmUKq5AJI546UwzL02VHM6oqHaCGGcj64/pTUmAXJXIz9KlMyhASnB4HFV3nTaQUOe3NMDhHKbCrKSG54qc4HXH1FODYPFf/2Q=='\n",
       "                class='ppy-images-img'/></div>\n",
       "            \n",
       "        <div>\n",
       "            <p onclick='toggleImage(\"image-kos-3-3\", \"kos\")' class=\"ppy-images-image-p\" >\n",
       "                Image: 20180611041751.png\n",
       "                <span id='ppy-images-arrow-kos-image-kos-3-3' class='ppy-images-toggle-arrow ppy-font-color-brown'>▼</span>\n",
       "            </p>\n",
       "        \n",
       "            <img id='image-kos-3-3'\n",
       "                src='data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDL/wAALCACAAIABAREA/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/9oACAEBAAA/AHbBj3pQMnH60jdTxSe+Kmj+btQ64NJgkVCyHPA+tJtHcge1Tw4wVzUqjPFMkUYqAphTVcjk00rj6U3AxxWkq7qftA4qN04qEnBxU8fAz3qQgMaXbxUEq8nGahKkU8ICRg4NTB9p5NOPzYpjAEe9VzH82SaQxgd6hcenWtHGOlOAJpX6c1VdBkVNGAPSrCJmn7feoJEquUxSDjr0ofnBBNPDEAfSnEblyPyqI564qJuvWoyO9a3l5NAQqeh5odOMVXaMnIAzzUkcRHWrAG1aQnvUTYxyeagkODURORSBhikEoBIJ4p4mGMU0yfN7GmycEU0jNdD5WOaQx4zxUTRnNM8vBpGOzrSZLDPSopCcVCSQcg004YVC5CjNVXuFHIFV3ut/OMEVPFIGGM1KzArjPIoV+NpP0oyc11YwaGXFQuMcmoXYCq8hBpo4NJJ93NV+1NfgYHaoJcnvVGVcZNVJOB60iOV5Bq9EWMfJOetTEZHHWngbhuHUda6lSeTTt4IqGQ8Y7VVkPNQk5IxRmmscrUDDFNY/LULH1qpOMKD0rPlPrSwKCegzV+MdSe1HmZzToHIYmunDe9OZufemluuaruf1qMjk4qMnHXNGeKY3SoX4JqFsbqrXAwtZ0nJqWBemKuqu3iq8isj5xkehqZFwvuT1rpwRijPvTWPAqLqTxQVIqFgBSZ96Yx/Ooj0qtJw1VbhstjtVMn5hxwKuQqCMjvVpV4GagmGMHBNOVhgcdK6DJA4oX1J5NKcUi96azcH0qBuWpp+XGKY3fNRPkA4qpNnGe/rVJmyeelQuCTkdqswEqMZ5q+p4yDUTjOc+tRMCj4A610BalzleKAwxTl5GRTGGO1MKjNRsaj700j0FV5VBGO1UJIcE4qudwPIwPepYyC+ARV2NsAZ4OKHYEcGo3IH19K1lmD8qQR9amD+/FITmpEbIxSk55qOTjNVyefSozweaax596aRnqKa0AKk4+lVGjPmDsRUBRlIIHT2qVH3Ken4UrE44qHccEN1rRtVCcqScDBz61cDfnT93HJ6Uqmnh+1Mdsrmq78+ue1MJx159aYASR9elSY5608jjFVnXnjg+9RSpleOtUTlJCPXkU8MT7U1+2K1YQUiVfQdalHOKlBBNIGGT2pQ5xwaCxPFIUJ7cVE6c0EcA0o4+lAPBqBjg0wnjFUJh+/PHB9KYDjkZppYnrj8K2Y2H51Kpweaaz7egznrT1VmXcOc+9SKjDPyn8aftIycUnSoyMjNMbjFN78mnnpnFVpOtQlwDioZBk1GqhT8w/AUhXJzgc+lblnDapEsl5I67uVSPr9adeRwR4NtKZI2XIz1HsazjIWkCDj1q9ZwxyJKXkVdq/KCDyfwoMb7woyWPQVO6vDEm7crnOQwPSovPlXg9enSla4CBdwRtwyePunNRtdRkf6ofnTJ5lRUIRRvXd16c4x+lQm6VOWTcM9M017yIRLI8BCsSFOODj8apfbrdmIMTFsYGG4J96klkVZXjKFZEO1+eBjj/ADzTdh5OaY2VFf/Z'\n",
       "                class='ppy-images-img'/></div>\n",
       "            \n",
       "        <div>\n",
       "            <p onclick='toggleImage(\"image-kos-3-4\", \"kos\")' class=\"ppy-images-image-p\" >\n",
       "                Image: 20180611041811.png\n",
       "                <span id='ppy-images-arrow-kos-image-kos-3-4' class='ppy-images-toggle-arrow ppy-font-color-brown'>▼</span>\n",
       "            </p>\n",
       "        \n",
       "            <img id='image-kos-3-4'\n",
       "                src='data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDL/wAALCACAAIABAREA/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/9oACAEBAAA/ANZeRTlHPFSqKGHNIBRjrTaUU+lpy1KtSCnAUuKUCsVDmpU5NTLQaaR7UY4pppR1p4FOoWpVqVRTh0pcULWHGe2OKmTrU69KcaaaSkI70AVKooIoAqVRxUo6U7pS0oFYK4BzU4xxUy04nikakxxSGnKOKeOvpQaUelSDpT1NSCnAUuOK59elTqeBjtUqmpOpzTTwc0nagU9RgU/FIaB0qQU4GpFPanin9RXNqce9TocjJp6k5qdDkc0h9qQdKUU9etOPQUGinCnCpVp608CuYXO30qwh4qVSBU6kbelBHOab3pwODTlp4opKUdaeDk09alXipBXKxnjrVlACOtPHUVKrVIDnrTgPam45p4p/al/GikpVqQcVKp7VItcmp4B6VMj4xnGDU46ipQeMipF4WnqaWlWnZpc8UA8UHnilQ81IPSnpUork16U/PTr0qxE25c98VMhHANSjp6UoOKkBpRQetL2pAeaUmnrTgakHFSqa5EH160u/sTU0D9QOtWUfODU6nIFOVucVIKd3pO9LntSClp604VItSjpXHgg//Wo6mpYzjOKsRH3qyjcVIDUy06kNJ3opR1p4NOFSrUgPFceoAJIzxxS84xT068danjPI7VYQk1OnWplNPFBphzR1GaUdaeDinrT84pymuVC7QOfqaMf/AK6eoqdFPU1KAVI+lTxmrApwpe9IeabjBoHWlBJ61Kpp2aA2K5tRuFCrzzxT04PSrsceV/wpzRsDwpp6KR1FTqT/APrpxGTSk0nWkNJ2pM81IpyKdmkJway7WGBYwbh2APRV60y7SKN1MEm9GHU9R9arr97rWlbKrRsWcDA4BzzSlTkAA5PtUrI0arnIJ7EVIrN0p5bGCQDn2pjSDH3aGfCrxweaQOM8ilLDGSvHamgj05p4OD05FKetNfjiv//Z'\n",
       "                class='ppy-images-img'/></div>\n",
       "            \n",
       "        <div>\n",
       "            <p onclick='toggleImage(\"image-kos-3-5\", \"kos\")' class=\"ppy-images-image-p\" >\n",
       "                Image: 20180611041831.png\n",
       "                <span id='ppy-images-arrow-kos-image-kos-3-5' class='ppy-images-toggle-arrow ppy-font-color-brown'>▼</span>\n",
       "            </p>\n",
       "        \n",
       "            <img id='image-kos-3-5'\n",
       "                src='data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDL/wAALCACAAIABAREA/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/9oACAEBAAA/ANRh3qN1xioSBmm4Gf5VMoA7VKF3DIppQ1IgGKlwOtPAzinbBijZxSqvNSYwKTbTwOKzgeeeKjJJYimOMHgVCTz7VNGC1TqCBjvT9ueKcFCjFPVM05V5FSgUu3ApQtBFKB+dOxWPyDT1XJJ71HIpz0poU7uOODUsan0zUqKec1IFOadtyacgPIqVVGDT1HrTitG3FIRQBTgOlZO3kU/7opoGeTRsbNWIoTipRFg0vl0pTAoxUgHFOA4p2MGgim0CngVkrnr1+tLjJ5/lT1XLVKF56VOi808LzTivFMYYpoHNPA46Yp+OKBRTT1pQKcKy41zUojzyalSLBzUgjGakRcU/b3pCKYRmkAxTxS0goNJTgKcBWXFknFXEQdTUgXNSBeKAKWmk0gXNGMUhoP8AOgCgik71IKdWdCmMMQDxVleTUyrxmn44xTaGpMUAYFI3SkpMc0tFFOFKDVMCpkFTqOBTjTDSYpfxozTDSUcZpaKKcKMc1VXBNTrxxipVNKaKQ02kOMUlNJoBpQaWilpcnNQINp4qROTmpe1JnmlzxSU00maaTTTQDTs0tLS0gNQqwJx+eakQ4b2qTdikznml3dqQmkzTSaTNIaSnZ4pw6Uo46UZpBUSALk+1OXk+1O60bsUBs0FuKQGg9abn86OcU0dKdmnZpwNGaBUI5HWlzjpS7qZvOcU4NRnnNLn0pAaAc0E8UzNKDT88UuaUHFJk4qPv0ozjmmM2elNXcTkfpTxn0NPA4oxxRg0injmlPSmUvanA0pNGaQninxomNzk/QUkqoD8pyKquRnGaWNFZXYsFwOAc80xdxfHOewxVoAqoBznHenZNOPC5qMkDtQWwucdaYDzzS5HXFAYUbucHqKN1N3c1/9k='\n",
       "                class='ppy-images-img'/></div>\n",
       "            \n",
       "        <div>\n",
       "            <p onclick='toggleImage(\"image-kos-3-6\", \"kos\")' class=\"ppy-images-image-p\" >\n",
       "                Image: 20180611041841.png\n",
       "                <span id='ppy-images-arrow-kos-image-kos-3-6' class='ppy-images-toggle-arrow ppy-font-color-brown'>▼</span>\n",
       "            </p>\n",
       "        \n",
       "            <img id='image-kos-3-6'\n",
       "                src='data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDL/wAALCACAAIABAREA/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/9oACAEBAAA/AOfCevWlHLf4VKi/NzUzDANNjGWyKvwk9+PSrS84/pVlM5qyp+WmsoIx3qMrioplAUHvWbJFvlB96fLGoxkVX2Z4/WnFSGGOlZxxj3pVGfrUyDj3qULlcUqR8ircanipkOGAq5HgjNTL0objnNRkZFNkQdx2qt5Xf370kqZHIqsVGSopFjyelZmwhfWlC8gEYqdVwOlTLHwMVKEFTIMdakCc59KsxcVZXpTJKaMfiKJORgVCBgmlKHPNV/LGc9aQHkjFZITNSiJQM96eiAmrMaZFP24FKoqeNeKmUcVKp45pWGRURbbQeeaYFPU9KclNZATkCkMQPUVkjb26UoQE8DinouKnjwKmC7hT0TJxUm3bxUiinA447UZzxTZORjjAOelMHBBp+AykcUm3gYpFHHJprferEjqdOeKfjjpU6rwMVYVakUU8qAKBTiMDigCmtTe1M3FeRTlbPPWlYbj7UYFYSoR7VOilealA3HPUirCLk+nep0HFSJ16UrcCmr15p27kCgmg8mo264qI8ZPOacP0NSLyaeE5yKyNmakKDHqKcq+lTKCMGphUiD1pWORUZbGKFPzAipcZpCCKjcHNMPNO28U/aVOQKkVh3rNIGMY6U4LuB47UqgDtzUwwRSgcVIh9qH/KoScnpTwQBmpY2yKV2ycelNIzSLH3xTwlOx2prjA96zwOR6U8vjpTcksTycnvUobA5qRQMZzTsgdaa54FRE8UobNSo1S9eRTlAxTgppGzSAUhHassv29aFILDNTLjtSng0AkDjingkjrQ3HGKRlynAxURypFSRt+lWEPBxUiZBqdT602TpTFpwAJrB84HoRQsmTipkfFPDZPtT+pqRR2HWnYHelXGeRSTR5OR2qNQemKkRuc1bXkZFOFI/NNHJpwrk4egOTwOeKsxDDZNTA85NOV+eKsIeASOoqaMj86lKhunalVQoyaRmB5pPlHNRBwWPHU1ciJPGKmC4PNNcdxUZ4xihXArlIWCqFzz39asq3FO3GpVTkDtVlY37dKlVG4A/OrcagLTWxgimbQoz2pjp8uc8elRxbScYq7GwAzUwcGmvIBnNVpJgpzniohMM1zyJg8d6lBO/HNWoxuxuGKtCBsDGKvRptQU7bx0pjvspc5XJpGAZcE01uEIqFEAJOTVgPj1NSbuM96YSDx1NRPj7p71BnaSMZxVext7NbdJb6V038qifex6/SnXlvbxyqbSbzI3XOT1HsaWCJd3JzWjEilWJIGBxTctuxg5PQU+RvLQZBBPqKqTXDKeuPwpGvVjWMHaxYZPtzUiXAYAhcD606aVViGB94Z/pVZJShO4bgO1W0kUoGK8GkE6nsc01nAYjGGzg00/M3JpduMV/9k='\n",
       "                class='ppy-images-img'/></div>\n",
       "            \n",
       "        <div>\n",
       "            <p onclick='toggleImage(\"image-kos-3-7\", \"kos\")' class=\"ppy-images-image-p\" >\n",
       "                Image: 20180611041901.png\n",
       "                <span id='ppy-images-arrow-kos-image-kos-3-7' class='ppy-images-toggle-arrow ppy-font-color-brown'>▼</span>\n",
       "            </p>\n",
       "        \n",
       "            <img id='image-kos-3-7'\n",
       "                src='data:image/jpeg;base64,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'\n",
       "                class='ppy-images-img'/></div>\n",
       "            </div></div>\n",
       "            <div class='ppy-h2 ppy-images-step-header' onclick='toggleMetadata(4, \"kos\")'>\n",
       "                Step 4: colour_correction\n",
       "                <span id='ppy-images-arrow-kos-4'\n",
       "                    class='ppy-images-toggle-arrow ppy-font-color-brown'>▼\n",
       "                </span>\n",
       "            </div>\n",
       "            <div id='ppy-images-metadata-kos-4' class='ppy-images-metadata' style='display:block;'><div class='ppy-images'>\n",
       "        <div>\n",
       "            <p onclick='toggleImage(\"image-kos-4-0\", \"kos\")' class=\"ppy-images-image-p\" >\n",
       "                Image: 20180611041421.png\n",
       "                <span id='ppy-images-arrow-kos-image-kos-4-0' class='ppy-images-toggle-arrow ppy-font-color-brown'>▼</span>\n",
       "            </p>\n",
       "        \n",
       "            <img id='image-kos-4-0'\n",
       "                src='data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDL/wAALCACAAIABAREA/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/9oACAEBAAA/AO6xikNMNMIqNhTCOaYRTcUU4CngVMgqdKnUVKBUiiqmKYwqMimkVG1MIpjCmGgCngVKoqZBUqCp1qQVIKqkVGwphFNIqNhTCKjbrTCKUCpAKlReKmUVKoqVRUoFPAqsajYVGaQimNUZqJutNxTlFSqtTIKkC1IoqVRUoFPAqq1RkUzHNNNRtUbVGaQCngVKoqZBUijNSAVIoqUCngVUNMIpmKjaozzTCKYRzRinAVMoqQdKkUVKq1IoqVaeKpkU01G1QvUdJTTQBTgKlXpUiiplFSqKkAqQCngVTIqM8Go361C1RmkptKtSAVIBT1qZamWpAKeKeKpkVE1QsajaojSUYpVFSCpBT1qVamWpRTxThVNjUDmoWNRsabSd6djNKKcKeKeKkWplNSqakFPFZ7VC1RtUTdabminClpwpwNPFSLUqmpVqVakFZrmomNRmozTaKdRmlBqQU4VIKlWpVqZakWstjUZqM0w02ilpM0qmpAaetSLUq1KpqVTUqmsljTCaaTTM0h6UlJmkpQakU1IpqRalU1IpqUGpVNZLGoyaQnim0lITSZpKAakBp6mpVNSKamWng1KprMOKiemZoB4ppNITSZozRT1NPBqRTUqGplNSA1Ipr//Z'\n",
       "                class='ppy-images-img'/></div>\n",
       "            \n",
       "        <div>\n",
       "            <p onclick='toggleImage(\"image-kos-4-1\", \"kos\")' class=\"ppy-images-image-p\" >\n",
       "                Image: 20180611041501.png\n",
       "                <span id='ppy-images-arrow-kos-image-kos-4-1' class='ppy-images-toggle-arrow ppy-font-color-brown'>▼</span>\n",
       "            </p>\n",
       "        \n",
       "            <img id='image-kos-4-1'\n",
       "                src='data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDL/wAALCACAAIABAREA/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/9oACAEBAAA/APQmFRkU0imEUwimEUYpcU4CnqKkApcUYpcU4U4U41GwphFMPTFMIppFJilApwFSKKeBS4pcUYpRTgKcRTGFMxTGFRkU2jFLTgKkAp4FLijFFKBT6cajNMNMIphpuKKMU5RUqingUvSikpRTxSmmMKjNMNNNNopQM05RzUqinClopKB1qQClqNqjNNNMNJRilxThUq06lxRSUoFSqKQio2qNqYaQimkUUopwp4qQUtJRinqKkUUwmomNMNMJpKSilFOFOWnilopactTKKhaompmKQimGiilFKKeDThTs0U4CnCplqFqjIphptNIpp4ozRmnA0op4pwpwpRTxUq1A1MNMNNpKYaSilFPFOzTqUU8U8VKtViaaaaaaaaabTTRThThS5pwNOBp6mnipVNVSabmkNIabTTSUYpRS5ozTs04NT1NSLUq1TJpM0uaaTSGm0lFLRmkzS5pQalU1KpqZTVDNLmkzRmmk03NLmiikzRmkzTwaeDUqmplNUhjvSE4pN1GaaTSZozS5oJpM0maWnA04GpFNTK1f/9k='\n",
       "                class='ppy-images-img'/></div>\n",
       "            \n",
       "        <div>\n",
       "            <p onclick='toggleImage(\"image-kos-4-2\", \"kos\")' class=\"ppy-images-image-p\" >\n",
       "                Image: 20180611041711.png\n",
       "                <span id='ppy-images-arrow-kos-image-kos-4-2' class='ppy-images-toggle-arrow ppy-font-color-brown'>▼</span>\n",
       "            </p>\n",
       "        \n",
       "            <img id='image-kos-4-2'\n",
       "                src='data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDL/wAALCACAAIABAREA/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/9oACAEBAAA/AJcEGpF61JilHvTgQKeDTx1zQTzTWPFNU81KOlGMmlC81KFxUgHFJ3rNeLFRgYOKeDS54pVHFKp5p+6nBs0jDNMCmp16YpwXmpVWnleKQ0AVUK5qB0waZ0pRzTieKZmnbuKepp4OTTsU8LUqrUqjFPODTWFIOlVjxUL85qs2Qacvan4zSMmBTSMUqnmplqVVzUqjinqOakApaax4pgNQHHeoT1pjr3pm2nqKk60xkpqrjmpEBNTrxUq8mngc04UtRue1N7VXY8VF3pCe1MXripFHNPFOZeKjA9amReKXvUinFSLzTwKdjioWHNAXiquKYVqNhg03GOTUi9Kepp+eOabipE6U/bmlAIp6mph0oJ4qI0qntVYjBppqFsE1GxpUNSA807dS5GKkXpUiinUoFSKacelRvTRURFMYcVAw6moC2DSqeafu5p4NO7VIh4qUGn0oHFOHWnZ4pjjIpMcU0imsOKrP3qErk0u3mmkfNUqjinLUgqRTUgNKDinDg089KjJpT0puRUbniqzcmkxRikK5p4GRR0oD81KpzzTwfWnMeKFen78img04nIqEOD3pjHimDk0pXuKQjAqMtzTlPFOIyKYBzUkZqagnioy1KGp4PFPDcVSTg8Gnk0gHNSAfLTHPGKhPWnKcCng8UhGKch4qQHijdxUbd6YCRzUqP2NSiqo4FHeninE1Gxyajb2pEyalHFDGkVqcGp2eM0wuMUm6lUjNTK1ViaTPIqQNS9aawqPNOUc1Jg4phGaZ0NSA5FKTxUL8DNIpyOtP+6alQ06GOLbulJ59KhuwkbDy2ypqFZMjAqzAgdWJbGBULBt2AabKDEqnJyackz8CrJlCqMjOaYZl6bajmcIAcdaakoxyOKkMq7c4qF5lIxjmo1kAbbjBqc4pwav/2Q=='\n",
       "                class='ppy-images-img'/></div>\n",
       "            \n",
       "        <div>\n",
       "            <p onclick='toggleImage(\"image-kos-4-3\", \"kos\")' class=\"ppy-images-image-p\" >\n",
       "                Image: 20180611041751.png\n",
       "                <span id='ppy-images-arrow-kos-image-kos-4-3' class='ppy-images-toggle-arrow ppy-font-color-brown'>▼</span>\n",
       "            </p>\n",
       "        \n",
       "            <img id='image-kos-4-3'\n",
       "                src='data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDL/wAALCACAAIABAREA/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/9oACAEBAAA/AH7BigDJxSN1pPepo+aHXFJgkVCynNJt9TU8JGMZqUDNMkXioGTAquRzTSuKbitJVzT9oFRulQk84qePgVJjJpdvFQSL6VDtNSBeetSh8HmnH5qYwBFVzHzSGMVC49K0cYpwGaG6VWdeamjGKsIuadtqGRarlcUg4ofnpUisQKU8rmojn0qJutMI71q+XmgIRQ6cVXaMnoKkjiI61YA2ikJqJsY5qBzioieKQMMUglA4NPEwxTS/NNfqDTTzXQ+UB2pDH7VE0dM8vBpCdvWkzuFROTioST6004IqFyFFVXuAOlQNc7j6VNFKGHWpS2V60K+RgmjJzXVgA0MtQuMVC5Aqu5zTRxSSfdquelNaoJcmqMq4qpJxSI5HQ1eiJKDJqbt709RuGR1rqVNOLgioZDxVWQ81CTk0ZprcrUDDFNY8VCx9apzjjNUJDSwKCavxjAzR5nWnQuQTXUBvelLU0t61XeoiKYaO1MYVC3FQt1qtcD5aznGTUsK9KuquBiq8isr57VMgwv1rp8jFGaax4qPqaQrioWHNJmmMaibpVZzhqqztk4qofvVbhUEcVaC8VDMMUKwwK6HJFApTSCms3FQNyaaeOlMbmonyBVSbOKpM2TzUTAk8VYgO3vV9fu1E4z1qIgq3FdAWpc5FG7inLyKawxUZWo2NR96awqvKoIxVGSLBNVjuDdOKljI3YFXUbA5ocg9KidgPrWuswfoc1KHozUiNxSnmopOKgY81GetNJ5ppGaa0AIJqm8WWqFkKnNSo+RQxOOKj3HnPWtG2XbyDkVbDU/dxzSqaeGpjnIqu/NMJxTQCTmngU8jiqzqM1FKmV4qico5FPDZprmtWIbExUoNSgg0m4ZNLv9KCxPFIUJqJ05oI6UoozxUDHmmE9qoTD96aYDSFietbCMKkBwaQvt6U5RkZqRVI7U8LjmjmoyM0xsim9+acelV5OtQl+ahkG41GFCnkUhXnOK3bSGBUD3DEZ6AU67jij5hYspFZpkLPtq9aRK6sWbGBwKCrBgAeamYNHGuTyaj85xxStOEAyAc1G1yhH3KZNKFCkL1Gah+0hRlhkU2S7j2BinXpVMXkLvt2Hd2pzyLv24ww60mwnmmNla//2Q=='\n",
       "                class='ppy-images-img'/></div>\n",
       "            \n",
       "        <div>\n",
       "            <p onclick='toggleImage(\"image-kos-4-4\", \"kos\")' class=\"ppy-images-image-p\" >\n",
       "                Image: 20180611041811.png\n",
       "                <span id='ppy-images-arrow-kos-image-kos-4-4' class='ppy-images-toggle-arrow ppy-font-color-brown'>▼</span>\n",
       "            </p>\n",
       "        \n",
       "            <img id='image-kos-4-4'\n",
       "                src='data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDL/wAALCACAAIABAREA/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/9oACAEBAAA/ANYcinKKlUUMKQCjFNxSin0tOWpVqQU4UuKUCsVDmpU61MtBFNIoxxTaUdaeBTqVakWpRThS4oFYcZ7VMnWp1pxFNIpKQigCpVFBFAFSr0qUU6lpQKwV4NTr2qZacTSGkpDTlHFPFBpRUgp61IKdilxxXPrU6ngVKpqSmmkoxT1FPxSGgVIKcDUimpBS9q5xTip0ORUik5qZeRSGkHSlFPXrTjQaKcKcKlWningVzCk4qwh4qVSKnUjFBpvenA04U8UUlKKeDT1qVakHSuVQ1ZTGOtPB5qVWp4OaeBSY5pwp9LRSUq1IKlU1ItcmDUyPjrU4PNSj2qRelPU0tKtOzRnilBpOtOXrUgp6VKK5NelPzViJty1Mh7VKOlOBxTwaUUHrS0maXNPWng09TUqmuRBpd9TQPVlGzU4PFOBqQU6k70uaSlp604VItSjpXHg5o71LGcVYiNWVbipAamWnUhpKKUdaeDThUq1IDXHKAOlO7U9OtToeasI2anSplNPFBphopRTwaetPBxTlNcqF2iinqKnRTUoGDU8ZqwKcKWkIpvQ0UoNSqadmjdiubAyKAvNPThquxx5FOZCDT0Uip1zTiOaUmkpDSUmakU5p2aQtisy2hiCZmJ59Kju4442BiOVNV1+9WlbKChy2MU7BzjvUhUoo9akRjTy2KY0g9KGbAHHWkDj0pSwx0poI9KeDzTieaY1f/9k='\n",
       "                class='ppy-images-img'/></div>\n",
       "            \n",
       "        <div>\n",
       "            <p onclick='toggleImage(\"image-kos-4-5\", \"kos\")' class=\"ppy-images-image-p\" >\n",
       "                Image: 20180611041831.png\n",
       "                <span id='ppy-images-arrow-kos-image-kos-4-5' class='ppy-images-toggle-arrow ppy-font-color-brown'>▼</span>\n",
       "            </p>\n",
       "        \n",
       "            <img id='image-kos-4-5'\n",
       "                src='data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDL/wAALCACAAIABAREA/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/9oACAEBAAA/ANRhUbrUJAzTcc1MvFS7cim7TUiCpcU8DNO20bacq80/HFJtp4FZwNRk5amOMVCc5qaME1OoOKftzTguBinKuaeq81KFpdvFKFoIpQKcBWPzmnquaY6nNMCHNSxr7VKqGpApp22nKDUqrxTwKdto24pCKUClxWTt5p/QU0Lnk0uwk1PFFxUoixS+XS7MCjFSAcU4CnYoIppoAp4FZIpcZp6rzUoXnpU6LTwvNO28Uxhimgc08Cn44oFFNPWlApwrLRc1KsealSLmpPLGakVcU/bSEUwjNIBinilpBQaSnAU4CsuPk4q2id6lC5qQLxQBS000gGaMYpKDQBQRSd6kFOrOiTHJqyvWplHFPptBpMUAYpDSUlLRRThSg1TAqZBU6jinGmGkxS0E0w0lHelopaUUY5qsvJqZeOKlWlNFIabSGkppNANKDS0UtLmq6DbUqcmpaTNLnikpDTc00mmmgGnZpRTqKQGoVYE1Ipwak3YpAc0u6kJpM00mkzSGkp2aUU6jNIKiUAZNOXrTqN2KM0FqQGg03NBpM0oNOzTgaM0CoRzS5xS7qbv5pQ1GaM0ZozmgnimZpQaeDS5pQeKTdUfejOKYzZpoyTmngmnDpS44owaRTSnpTKWnA0pNGaQnipERcZY02VVB4PFVXPOKdGgZWJOMUxSS2M1ZHAGetOyaceFqMnFBOBTAeaXIoDUbucUZpu7mv//Z'\n",
       "                class='ppy-images-img'/></div>\n",
       "            \n",
       "        <div>\n",
       "            <p onclick='toggleImage(\"image-kos-4-6\", \"kos\")' class=\"ppy-images-image-p\" >\n",
       "                Image: 20180611041841.png\n",
       "                <span id='ppy-images-arrow-kos-image-kos-4-6' class='ppy-images-toggle-arrow ppy-font-color-brown'>▼</span>\n",
       "            </p>\n",
       "        \n",
       "            <img id='image-kos-4-6'\n",
       "                src='data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDL/wAALCACAAIABAREA/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/9oACAEBAAA/AOfC+vWlGS1SovzVKwwKSMfNmr8JPerac4qwnWrIPFNZc1GVxUUoAXNZzxFpQadLGABVfZzinFeazj0pVFTIOKlC5GKVI+atxrUyHDCrkfIqZelDVGeabInFVvL5zSSJkdKrFecUixnNZmwgUoXmp1XiplTpipQlTIMVIF5zVmKrK9KY9NFJJyKiApSmagMYzTR1xisoJmniNQKkRMmrMaZFP24pVWp414qZRipVPFK3IqMnFIeaYFPU9KctNZATxSeWDWSAtLsBNPVcVPHxUwXNPRMmpNuKkUU4GjPamvyMU0DpTsAjFJjjigD1pjferESp05p+KnVeBU6LUqinkACgU7GBQBTWpvambsdKcrZ5pTyaNorDVTUyKV5qVRk1YRc1OgqRaVulNXrTt3OKCaDzUbcVGfWlWpF5NPC81k7M0/ZxTlFTKMVMDUiClY1EWxSqcnNS4zSEEVG45pnWn7acFK81IrDvWaQKcFyKVQBUwxilAqRTQ9Qk808HAqWNsilY5NNIzSCOnhcU7FNYYFZ4HNPLY6U0Els1KDgVIuOuadkCmueKiJpQ1So1S8EU5RTgtI2aQCkIrLLYoUgnmplx2pTQCRTwSaGpGGV4qI5U1JG1WEOakXINTqabJTBTgATWB5wPSlWTJqZXxTw2TT+pqRRTsUqgZpsseeaYoPpUqHBq0vIzThSPTR1pwrlIjkZqxGMHNTA805X5qwp4yamQipCu4cUqjaMmhmBpvA5qMOC1XIicVMFprCozxQrCuUiYBcVZVqdk1Ki8irKxsenSpVRulWo1AWg4xUZAApjr8uc1HFjOKuxtgVMHBprSAVWklAOe1RCbmueROalBIbFWoxu61aEJ4xV2NNqc0/bx0prOVoByM0hAYdaa3CkVEiANmpw2Kk3cUwkGoXx0qHocVBZW1usQe5YjPQClu7aGOQGBsow70sEYzzWjEilSfSm5OcU522KM9aqyzkUNdhFXPOaek4YZxxTppAI+nWqySlSc8iraSApnFIJgeO9NZwD700/MaNuK/9k='\n",
       "                class='ppy-images-img'/></div>\n",
       "            \n",
       "        <div>\n",
       "            <p onclick='toggleImage(\"image-kos-4-7\", \"kos\")' class=\"ppy-images-image-p\" >\n",
       "                Image: 20180611041901.png\n",
       "                <span id='ppy-images-arrow-kos-image-kos-4-7' class='ppy-images-toggle-arrow ppy-font-color-brown'>▼</span>\n",
       "            </p>\n",
       "        \n",
       "            <img id='image-kos-4-7'\n",
       "                src='data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDL/wAALCACAAIABAREA/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/9oACAEBAAA/APPo1Jq0i4FP7U4LkU3bTwtSBeKeE4FLjFKwB5qNkpjJmmhcZxUTKaYVqFxzU0ABGam6GlC5qVBhcUhXmlAqUCnZ4o+8DTkHrTXX5uKaUyKaYiM4qFk55qNlHrUEoxU1vHwKt+TkU5bdjSmIqKFQntTvLwaNvNO2UoSkIINP8vIpmDuxUoXK1DLFxVB1IOKrPyTWrDBtXJqfGMAVIoAGKa68URjmniIsabswelHSgDceKlFsSc1IIDjpUTQ89KaUIpjKSOaozpk5qi69RW2Wx0FID+dPHXpTu9OReatovy4xULRHPFRPHg4NOhT5var6qMCnmP5aj8sc8VXlX5sVWcYyKryJ7VQnjwc4rSQ5Wg4DAmrCBWxT9g9KAMHOOKsIwIoYFhxTPLB608KB0FTx/eqVh6VGRUTpk1Vnj61TbpiqsyZFTRN8tIz5arUJ+XNTZyakIyABT0QgU8KacFJ7U9Y8U9VC80/HGajYc4pnOcVFMuRVGWPHaqzoSKjXgcUqLk1aQYGKmWp0PSp1pRwaceDxTwwGM088im7sDFIcU1sdRUTc1CyBqYYFx0rMC1Mi4GRS81ZQ8DNTBe9TJwM0uR1pS1OBFO3elKelNJxUZbJpDUZpAc8VnbefalBwMU4DNTR9KsocinjpSdTTuaUKc04fepzHAqLfng01jjpTSc9aaTmpEFZjEYFAOeMVKnHWnbuamjbtUxB20i5qVOtKxwKjV+aR35pgIPU0p9qaTgUnFOV8DrWUHDDg5qRO1WCQKYT81TxcEZqyXGBTdwqVM9TUcr84qEOQ1I7VGJMHrT/M70M/FM30bu1Y9vGQSVJIq5HkGrAPNNc4OaVZySAT0qwp3LS7sVJ5pC8VEzZOTSA0jHNV3OJKercU0v2phc09Gx1pFgEQwKTbg8U+NGpsowCKroCDmr0THZTlGTk09umBULEhsGjIUU0vnpUT9KVOlMZsGmFqdu4q433qaE+apBgdabJAzruXBqH7NIP4amSNlUgijaw7Gn5IXFMYDOaaSvenhVbGKGtwaiaEjgVTkyrHNMYnNKjnOK6S1trURh7tiM9AKrapDDAytbuWjYcZrNMhb5QavWECyxymSTBUcCq7xyFwqsc1NOGtbdCWO89QarDUpwdpx+VXmv1iSMsituGTx0qtLqkDEj7PxTrmaNYEZYgN4zVW3vER/mXIrSN5EYwxjwD0pgmicfd5PSqd0EMmzbhh1qsI+xpfLC1//9k='\n",
       "                class='ppy-images-img'/></div>\n",
       "            </div></div>\n",
       "            <div class='ppy-h2 ppy-images-step-header' onclick='toggleMetadata(5, \"kos\")'>\n",
       "                Step 5: sharpen\n",
       "                <span id='ppy-images-arrow-kos-5'\n",
       "                    class='ppy-images-toggle-arrow ppy-font-color-brown'>▼\n",
       "                </span>\n",
       "            </div>\n",
       "            <div id='ppy-images-metadata-kos-5' class='ppy-images-metadata' style='display:block;'><div class='ppy-images'>\n",
       "        <div>\n",
       "            <p onclick='toggleImage(\"image-kos-5-0\", \"kos\")' class=\"ppy-images-image-p\" >\n",
       "                Image: 20180611041421.png\n",
       "                <span id='ppy-images-arrow-kos-image-kos-5-0' class='ppy-images-toggle-arrow ppy-font-color-brown'>▼</span>\n",
       "            </p>\n",
       "        \n",
       "            <img id='image-kos-5-0'\n",
       "                src='data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDL/wAALCACAAIABAREA/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/9oACAEBAAA/AO6xTTTDTCKYwqMimEUmKKcBTwKmQVOgqdRUiipVFU8UxhUZppFRtTCKYwppoAp4FSKKmQVMoqZalFSCqhFMYVGRTSKYwqMimNTCKUCngVMi1KoqVRUyipAKeBVY1GwphppFMaozUTCkxTlFSKtTIKlC1IoqVRUoFOAqq1RkUzFNNRtUZphpAKeBUiiplFSgU8CpVFSgU8CqZphFMIqNqjNMIppHNGKcBUqipRUiipFFSqKkUVIKpkUw1G1RNUZptIaQCngVIoqVRUqiplFSAU8CngVTIphqJ+tRNUZptJSingVIBUi1KtTLUgFSCniqZqJqhY1E1RmkpMU4CpBTxUi1ItTLUop4p4qkxqFzULGoiaaaSnYpRTxTxThUqmpVNSqakWniqDVC1RNURpKKcKKcKeKcKkWplNSrUi1KKzWNQsajaozTTS0tLmlBp4p4p4qVamWpVqRazGNRGmGmGm0lLSZpwNSA08VItSrUimpVNSqaymNMJphNMoPSkpKSlBp6mpFNSKalU1KpqRTUqmspjUZNNJpKTNNJpM0UA08GpFNSKalU1KpqQGpVNZZqNqZmimk00mjNGaKcpqQGnqalU1MpqQGpVNf/2Q=='\n",
       "                class='ppy-images-img'/></div>\n",
       "            \n",
       "        <div>\n",
       "            <p onclick='toggleImage(\"image-kos-5-1\", \"kos\")' class=\"ppy-images-image-p\" >\n",
       "                Image: 20180611041501.png\n",
       "                <span id='ppy-images-arrow-kos-image-kos-5-1' class='ppy-images-toggle-arrow ppy-font-color-brown'>▼</span>\n",
       "            </p>\n",
       "        \n",
       "            <img id='image-kos-5-1'\n",
       "                src='data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDL/wAALCACAAIABAREA/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/9oACAEBAAA/APQiKjIphFMIphFNIoxSgU4CnqKeBTsUYpcU4U4UpFRsKYRTT0qMimkUYpQKUCpFFPAp2KMUuKUU4CnEVGRTMUxhTCKbRijFOAqQCngU7FGKKUU6nGozTDTCKaaYRRS4pyipFFSAUuKMUlAp4FONRtTDTDTTTTSUoFOUVKop4paSigDmpAKDTGqM0w000lGKUCnCpFp4paSjFKBUiikIpjVG1MNNxSEUUopwp608UtFGKcoqVRUZNRsajNMJpKKMUCnCninilopRTlqVaiaomphFNIptFFFOFOBp4NKKWlAp4qVahaoyKYaQ00immkopwNOFPFKKcKcKetSLUJqM000w0hppptFOFOFPzS04U4VIKlXpVYmmGmmmmkNNNNNFKKeKXNOBpwNOBqQVItViabmkNNNNNNoNJThS5ozSg04GnqalWpVqkTRmjNITTTSUlFFGaM0ZpwNSKalU1MpqjmjNGaTNITTc0ZpaSkzRmjNOBp4NSqamU1TFITik3UZppNJmjNLmkJpM0ZpaUGng1IpqZTX/2Q=='\n",
       "                class='ppy-images-img'/></div>\n",
       "            \n",
       "        <div>\n",
       "            <p onclick='toggleImage(\"image-kos-5-2\", \"kos\")' class=\"ppy-images-image-p\" >\n",
       "                Image: 20180611041711.png\n",
       "                <span id='ppy-images-arrow-kos-image-kos-5-2' class='ppy-images-toggle-arrow ppy-font-color-brown'>▼</span>\n",
       "            </p>\n",
       "        \n",
       "            <img id='image-kos-5-2'\n",
       "                src='data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDL/wAALCACAAIABAREA/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/9oACAEBAAA/AJMEGpF61JinClBp4NPHWlJprGmg81IOlLjmlC1KFxTwOKKzHjxTAMGnA07NA6U4Hmn7qUNmkYZpoHNTL0p4XmpVWn7eKaaUCqZXNQsnNM6UCnE8U3NLuqRTTgeacBUirUqrUqinGmkUgqseKhfmq7ZzSrT8ZoZMCmYxTlPNSrUqrmplHFPUc08U6msaYDVc471EetRuvem4p6in4zTGSkC4qRBmpl4qVaeBT6KY55ptVmPFR96aT2pg61Kop4pWXimAVKi8UvepFqVeaeBSkcVEw5pAtVcU0rUTDFJjHNPU1Ipp2eKTFPSn7c0oGKepqYdKUniojQpqsRimmoWwTUbGlU1IDzTt1OzxUi9KetOpRUqmlNRvSCoiKjYVAwqEnmlU80/dTgadUqGpQadThSinU1hmkxxTSKYw4qs9Qlcml20hHNSKOKcKkFSKakBpQcU8U49KZmlPSmZqNzVdhk0mKMUhWnAcUdKUPzUqnNPBpSeKA1P35FIDSk5FQhwe9NZqjHJpxWkIwKjJ5pymlI4pmOaljNSignimFqA9SA04NxVNOD1pxNA61IOlMc8VAetOU1IDSHilU1IDS54qNjTATUiv2qUdKrDgUnenrTiaYxzUbUi5NSjihjTQ1PBpc8U0sKbkU5SM1KGqtmkzzUgandaYwpmaco5p+DimkUzoaeDTieKhfgUitkU/7pqRTToUjxmQ1FdBUI2Hg1AsmRVqFQykk9KhcNuwKbKDGB6mlSVuBVkyAKOKYZR6UyVwoBx1pqSjFSGUbc4qB5VPGKYrgNjHNT0oav/Z'\n",
       "                class='ppy-images-img'/></div>\n",
       "            \n",
       "        <div>\n",
       "            <p onclick='toggleImage(\"image-kos-5-3\", \"kos\")' class=\"ppy-images-image-p\" >\n",
       "                Image: 20180611041751.png\n",
       "                <span id='ppy-images-arrow-kos-image-kos-5-3' class='ppy-images-toggle-arrow ppy-font-color-brown'>▼</span>\n",
       "            </p>\n",
       "        \n",
       "            <img id='image-kos-5-3'\n",
       "                src='data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDL/wAALCACAAIABAREA/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/9oACAEBAAA/AHbRSgc0jdaSpY+aVlpu3ioWU5pNtTxEYxUwpki8VAyYFVyOaaVxTcVoquaftAqNkqInnFTx9KkxmjbxUMi1Dtp6rz1qUNinn5qjYAioCnNNKComFaOMU4ChhxVZ15qWMVYVc0/aKgkWoCuKTpSN7VIrYFKeRmojmo2qMitby80BCKR04qBoyT0qSOIjrU4G0UhNRtjFV3NRE0m6kEoHBp4mGKQvzTHptdF5VNMftUbR1H5eDSE7aTORUbk4qAk+tNOCKhchRVV5wOlQNc5NTRShu9TFsigPxg0Zrqxg0jLUTioGOKgc5popsnSoDTGqCXJFUpVqo/FIjkdKvRElRk1L296eo3CupVqcXGKhc1WkNQE5NGaRuRUBGKYx4qFjVSccVQkNLCMmr0YwM0b6dC5ya6gNSlqaW4qB6iIphpO1MaoWqFutVp+lZ7jJqWFelXFXAqB1ZXqVB8tdPmjNIx4qLqaQrUTCm0xqjbpVZzg1UnbJqofvVbhUEcVaC8VDKMUqkYroSaBQaQUjNxUDcmmnimNzUT9Kpy5xVNmyeahYZNWYDiry9KjcZqIja1dAWozxS7qUcimsKjIqNqjprVXlXIqjJFgmq5BDdKljPzVcRsClcg1ExArWWYN0NTB6M09W4pTzUb8VXY1GTzSE00jNMaEEZqo8XzVCyFTmpEfIpWJxxURY960rcY5Bq0Gp+6lDU8NTXPFV25qMnFNAJNSAU4jiq7qM1DKmRVI5V8U8NmmOa1ohtXFSg1ICKNwzS76QkmkKZqNk5pCOlKKXPFQOeajY8VRmH7w1GDSEk9a2ENSg4ppfFPUZGaeq1IFxRzUZGaYwxTe9OPSq8nWoC3NQyDcajCgHmgr3rctYYgoaYnn0p13HGnMZyDWcXJfbV21jDqSW6UpVg2AalYFEGetR+cw4pWmCgZAOaY1wh/hpksoUAgdahNyF6imSXSbMlaqfa42fG3mleRd23GDSbM80xsiv/9k='\n",
       "                class='ppy-images-img'/></div>\n",
       "            \n",
       "        <div>\n",
       "            <p onclick='toggleImage(\"image-kos-5-4\", \"kos\")' class=\"ppy-images-image-p\" >\n",
       "                Image: 20180611041811.png\n",
       "                <span id='ppy-images-arrow-kos-image-kos-5-4' class='ppy-images-toggle-arrow ppy-font-color-brown'>▼</span>\n",
       "            </p>\n",
       "        \n",
       "            <img id='image-kos-5-4'\n",
       "                src='data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDL/wAALCACAAIABAREA/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/9oACAEBAAA/ANYc0oHNSqKGFJijFJSinilpy1KtPFOFLinAViIalXrUy0pFNIpMUhoFSAUtKKlWpBThS4pRWGhqZetTLTjTTSUEUAVIooIpQKlWpBThTqMVhL1qZamWn000lBpVFSCkNKKkFSLTxTsUuKwFqZTUymn0hpKMU9RTsUhpRTxTwakU08U6ucU1MhyKkU81MvSg0lKKctPooFOFOFSLUgp4Fcwp4qdDxUqkVOpGKDSd6UGnCniiilFOBqRakWpRXKoasJjFPB5qZWp4OadikxzTxTxRRSUq1KKkU1ItcopqZHqdTUoqRelPBopwpc0uaAaKVakFSLUgrkxT81YibIqdTUoNKDTweKUUpoozS5py08GnqalU1yINLuqeF6sq2amU8U8GpBSiijNJS5p608U9alHSuQBzRUkZxViM1ZVqkU1OtOpDTaKUdakBpwqRakBrj1FOp6danQ1OhqdKnU04UGmmigU8GnrUgOKUGuVC4pcU9RU6KalHFTxmpxThTqQim96M0oNSKadmjdXNgZpQvNPTrVyNMinFCKeikVYWnYpaSmmikzT1NPzTSazLeGMLmQ0y6REYFDkGq69a0bdcocmnEHOKk27QKkVjUhOKYzj0pC2AKQNTiwx0poIp4NKaa1f/2Q=='\n",
       "                class='ppy-images-img'/></div>\n",
       "            \n",
       "        <div>\n",
       "            <p onclick='toggleImage(\"image-kos-5-5\", \"kos\")' class=\"ppy-images-image-p\" >\n",
       "                Image: 20180611041831.png\n",
       "                <span id='ppy-images-arrow-kos-image-kos-5-5' class='ppy-images-toggle-arrow ppy-font-color-brown'>▼</span>\n",
       "            </p>\n",
       "        \n",
       "            <img id='image-kos-5-5'\n",
       "                src='data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDL/wAALCACAAIABAREA/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/9oACAEBAAA/ANQio3FQkDNNxzUq8VLtyKTbUiCpAKeBmnbaXbSqtPxRinAVnA1GeTTGGKiPWpUBNTqOKftzTguKeq5p6rzUgWnbaAtLigCnAVkc5pwXNMdTmmBOalRamVDTwpp22nqDUoXinAU7bS7aaRSgU7FZO3mndBSbc0eWc1PFFUoixTvLpdmKAKeBTwKcBQRTcUAU4CskU7Gacq81MFqZFqQLS7aYRSAU8CnYpaKaaAKeKykWpVjzUqR81KI6kVcU7bSEUwigCnClpKDSU4CngVlx8nFW0SpAtSBeKUCimmjGaMUlIaWkop4p1Z8SY5qwtTqOKdSUhpMUuKQ02kpaWilFLmqgFSoKsKOKU000mKKCaaaSiloopwoxVVeamXiploNFIaSkNNNNJoBp2aWilozUCjFSp1qTtSZp1JTTTc0hpppBTgadS0UA1ArZNSqeafuozRuoJpuaQmm5pDRS5pwpwozSVCoApynmnZozijNKWpAaQ0maQ0maUGng0uaM0oqAU7OKN1N380oajNLmkzRmgnim5pQaeDRmlBozUdJmms1NBJNOBp4pcUmKBQelMpacDS5ozQTT0RerU2VQOlVnPOKVFypOaYpO7FWRwBThTjwKYTikJ4pgPNLmgNRu5pc03dX/2Q=='\n",
       "                class='ppy-images-img'/></div>\n",
       "            \n",
       "        <div>\n",
       "            <p onclick='toggleImage(\"image-kos-5-6\", \"kos\")' class=\"ppy-images-image-p\" >\n",
       "                Image: 20180611041841.png\n",
       "                <span id='ppy-images-arrow-kos-image-kos-5-6' class='ppy-images-toggle-arrow ppy-font-color-brown'>▼</span>\n",
       "            </p>\n",
       "        \n",
       "            <img id='image-kos-5-6'\n",
       "                src='data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDL/wAALCACAAIABAREA/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/9oACAEBAAA/AOfC0oBJqVBzUpHFJGPmq9CTVtOasJ1qyvSkYZqMrioZRxWe8RaTNLJHgVBs5pStZxpVFTKKlC5FOSPmrUa1Ohwatx8iploamHmmSJxVfy+abImR0quV5xSCM1l7eKcq81Mq8VMqVMqVKgqVV5qzHVhelNemikkORUQHNBTNQGMZpMc9KyQmakEYAp6JmrKJkU/binKtTItTqMVKvShuRUZOKQ800KetOWmsgJpvliskAUoXNSKuKnSpQuaeqVIFxUiinijNMfkYpoFOwCKTHFAHrTW61iIanXmn4qZF6VYRalUU7FKKXFAFI1Mpu7FODZ5oPNLgVhKhqdFxUqjJqdFqwop60rU0dadu5pc0h5qNuKjNOWnryakC1kbKfsp6rUyjFSg1KtDGoy2KVTk1LjNIRiomFM6mn7aeFIp6sKzcU8LkUqgA1KMYpQKlU0jmoieacDgVMjZFKxzTCM0BKcFp2KawqgOtO3Y6U0ZJzUoNSLT84prnioiaA1So1S9RTlFOC0NSCkIrLLUKcmpVxSmlBIp4OaGppGRUZypqRGqdTmpVyKmWmvTBTgM1gecD0pVkyamV8VIGyad1qRRT8Uqjmmyx55qNRjtUqHBq0vIp4pGpopRXKRHNWY+DmpQacrc1YU8ZqZCKl27hSgbeTQxBpnAGaYGBarcR4qbFIwqI8UBhXKRMAMVZVqfk1Ki5NWFjY/SplQ1aRQFpGphGBUbr8tMjxmrkbYFThwaY0gFVpJcGoxLzXPInNSjIbFWYhu61bWE8Yq5Gm1aftprNtoByKCARTW4XFQooDZqcNipN3FNYg1C+OlQ9DUFnbQiMNOcZpbq3jRwYjlTSwRjPNaESAqaTJzinO21feqss5FIboKBnvT0n3c4p8sgCfWqySlTzVpZAVzik80HikL80w/MaXbX/2Q=='\n",
       "                class='ppy-images-img'/></div>\n",
       "            \n",
       "        <div>\n",
       "            <p onclick='toggleImage(\"image-kos-5-7\", \"kos\")' class=\"ppy-images-image-p\" >\n",
       "                Image: 20180611041901.png\n",
       "                <span id='ppy-images-arrow-kos-image-kos-5-7' class='ppy-images-toggle-arrow ppy-font-color-brown'>▼</span>\n",
       "            </p>\n",
       "        \n",
       "            <img id='image-kos-5-7'\n",
       "                src='data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDL/wAALCACAAIABAREA/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/9oACAEBAAA/APPkUmrSLgU+lC5FJtpwWpAvFPCcU7GKUjPNRslMZKaFxnFRMtMK1C45qWEA1NjFKFzUqjAxQV5pQtSAU/PFJ1FOUetI6800pkU0xEVCyc81Gyiq8oxU8EfSrYiyKVbcmlMRUUqoT2pfLxRtp2ylCUhBBqTZkUzHzVKFBWoJYuKoyKQaqvya1YYNo5qfGOKkUYGKa60IKkERambMHpRjFKF3HipBbknNSiDjpUTQ89KaUIqNlJFUp0qi681tE46CgGnDrT6VF5q2i/LUTxHPFRPHinRJ81XkUYFSGPio/LFV5U5xVZxiq0iVQnjwa0kORRwGFWUAan7BSAYNWEIIoYZHFN8vPWnhQOgqaPrUrCmEVCyZNVZ4+tU36VWlTIqaNuKQtlqtRH5alzmpMZAFPRCBUgU0oXNSLHTwu3mnY4zUbUznNRSrkVRljx2qu8ZIqNeBSouTVpBgYqZanQ1MtOHWnU8EDFOPIpM4GKacU1sVG3NQsgNMMIIrMC1Mq4GRS85qwnQVMFqZeBS5FOLU4GnbvSjtTScUwtk0hNRE0A5rN2804HjFOAzU0fSrCHing8Ud6dSgHNOHWlY4FRb89aaTikJzTSc09BWaxGKQHPFSpx1p27mp42qYg4pFzUidaVjgUxX5pHemBge9BpCcCkzSh8CssOG6GpE61OSKYTzViLjGasFxik3CpE9ajlfnFQhjmh2qISYNPElBfimb6XdWPboQSQTirkeQanBpHODQsxJAzVlWyKXdipPNIWoWbJ5pAaRjmq7nD08NxSF+1RlzUiPjrSLAIxgUm3B4p8ammy8A1XUEHNXY2+WnKMnNSN04qAk5xS5xTS2aiehelMZqbupwbirjcmmhPmp4wKbJCXGRUXkMO1SpGQMGl2MOxp/OOlMZec0w471IFVsYoa3zUTREdKpyZVqjJpVc10ttbQbN1wSM+lVtSijhYGFsqazTIW4FXrKESRuXfBA4qu6P5m0E1LMGtoFJJ3Gqy38u7acVeN6saKWUHIqvJqMLHHlUtxNGsKsExuGarQXaq/zDNaP2uMxg7etMEsb9uap3QUvtxg1XEfY0eWBX/9k='\n",
       "                class='ppy-images-img'/></div>\n",
       "            </div></div>\n",
       "            <div class='ppy-h2 ppy-images-step-header' onclick='toggleMetadata(6, \"kos\")'>\n",
       "                Step 6: contrast\n",
       "                <span id='ppy-images-arrow-kos-6'\n",
       "                    class='ppy-images-toggle-arrow ppy-font-color-brown'>▼\n",
       "                </span>\n",
       "            </div>\n",
       "            <div id='ppy-images-metadata-kos-6' class='ppy-images-metadata' style='display:block;'><div class='ppy-images'>\n",
       "        <div>\n",
       "            <p onclick='toggleImage(\"image-kos-6-0\", \"kos\")' class=\"ppy-images-image-p\" >\n",
       "                Image: 20180611041421.png\n",
       "                <span id='ppy-images-arrow-kos-image-kos-6-0' class='ppy-images-toggle-arrow ppy-font-color-brown'>▼</span>\n",
       "            </p>\n",
       "        \n",
       "            <img id='image-kos-6-0'\n",
       "                src='data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDL/wAALCACAAIABAREA/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/9oACAEBAAA/AMzyNo71DKCBWfMuSTVCaLPNZ1zGRWVNHljVCdNpqsU3EmhVANWoo8kcVpW0BDDiuisYScZrpbBDuAFdLaw8CtSCPpWxaRZWuBaAGqFzHjOKy5V54qm6HBGKzbhcE1nSx/NxVC5jFZ8gx+dJFHubNaUEOWFbVrb5xgV0Nlb4UcVvWcWCOK6G1XgVpwjkcVr27ADFcRKhUdKzLlMg1lyx5JqvJDxWZcwd8VmyxcHisu6HNZ7xknp+lT28OWrTihIIwK6CwtyVBxW5bQ4xxWzaRHity1TgVqwRZrRhjrkLheOlZN0lZsi9cdRVeRM81QuVAFZU4ABrDu1O446VAkZNXrWHBHFbFtahsNjiui0+BehFa0dvyCK1LWLHati1j6VsQxcCr8MfHSuMuVGOKyLhMgms9o/m6VVuBgHHWsm571l3HOay5lyeBUaRHPStCCLpkVt2sR2gVv2Ue1QTWxBHuGa0YI8YFa1rHkitmFOBWjBFkdK4Odcis6ePjis94sZ9ayrs7SfQVlTENms+aPc2BzVOWDbJ81IqANxVy3jyw4rdtkAUGtmAcDFatqpIArXt7csRWxbQ7McVq26dOK04lwAK4CZMDmqMi+1Zd2cEisK+bORWS54NV2GDmq0gySe+aakZZuK0IYsYwK2bZcqK1rZOlbtogwK3LSPpxWrFFnFaMEWMcVoxR8dK4K4hytZcoCmsa/ILkjpWHdkcg1kTEBjVctuqA/eNTW4y1akKDIyK1YIwBwK0bdeRW9ZjGPat+0XpWtAnStCFcVfjIK1wtwmFrCvWABrnrqQ5JrHumBzWPPkt7VFTBGxHSrFvEwNa0K8DNaUGdtaVr15ratDyK6CzYVs25Bq/GKuRqfzrg72cAVzF/LuY4NYN05GaxbhzuxVWQDioVHzYNWljDc9qmjUCrsI+atCI4Aq9AcVr2b8it61fpzWzbv0rVgIOK0Ih8ua8yu2yp55rnbtvmJrGumBzWHcEh+KgZu5NA559asx/dp6nBq3A3P0q/G9XImPStWzfaa3bSTJFbVs3Q1s254Fa0X3BXkt+5VTXP3Dk5rKuDwayJ+9VH+9T1+6KsK2PpT9wqaCTmtOE5Wr0J54rRg61t2bYrdtmzitq0OFFbEByleM3swK9axpmzms2ckk1my9fzqsR6imbiGx2qQMQvB4qMyc9qs2znIzWtBJ0rRgPNadufmFbVselbFq+MVt2znIrZtX4rxG7mAHWsuSQYNUp34JqgzbjTHT5N3FQMo696YzbVqANuJqxDJyOa1LeXGMmtW2l4Fa1s2SK2YJOgrWtH5ArZt5lBAratZQRXh9y24VkTzYNVZJMr1qAkbSaiZ8cZqCSTHSoS5INMyB3pY5MMOa0oJc4rVtpcYzWzbTDjmte1l3EVtWrYxWnE3zDFbVlISK8akZWXJrFv2AbIrNaUninIxK4zVSVzuxmq7y8dTUfmnHGaTePSnAg9Ku20uMVpwy9MVq2s5IArcsX5Fb9vIQBWlBMMjPUVs2kowMV/9k='\n",
       "                class='ppy-images-img'/></div>\n",
       "            \n",
       "        <div>\n",
       "            <p onclick='toggleImage(\"image-kos-6-1\", \"kos\")' class=\"ppy-images-image-p\" >\n",
       "                Image: 20180611041501.png\n",
       "                <span id='ppy-images-arrow-kos-image-kos-6-1' class='ppy-images-toggle-arrow ppy-font-color-brown'>▼</span>\n",
       "            </p>\n",
       "        \n",
       "            <img id='image-kos-6-1'\n",
       "                src='data:image/jpeg;base64,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'\n",
       "                class='ppy-images-img'/></div>\n",
       "            \n",
       "        <div>\n",
       "            <p onclick='toggleImage(\"image-kos-6-2\", \"kos\")' class=\"ppy-images-image-p\" >\n",
       "                Image: 20180611041711.png\n",
       "                <span id='ppy-images-arrow-kos-image-kos-6-2' class='ppy-images-toggle-arrow ppy-font-color-brown'>▼</span>\n",
       "            </p>\n",
       "        \n",
       "            <img id='image-kos-6-2'\n",
       "                src='data:image/jpeg;base64,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'\n",
       "                class='ppy-images-img'/></div>\n",
       "            \n",
       "        <div>\n",
       "            <p onclick='toggleImage(\"image-kos-6-3\", \"kos\")' class=\"ppy-images-image-p\" >\n",
       "                Image: 20180611041751.png\n",
       "                <span id='ppy-images-arrow-kos-image-kos-6-3' class='ppy-images-toggle-arrow ppy-font-color-brown'>▼</span>\n",
       "            </p>\n",
       "        \n",
       "            <img id='image-kos-6-3'\n",
       "                src='data:image/jpeg;base64,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'\n",
       "                class='ppy-images-img'/></div>\n",
       "            \n",
       "        <div>\n",
       "            <p onclick='toggleImage(\"image-kos-6-4\", \"kos\")' class=\"ppy-images-image-p\" >\n",
       "                Image: 20180611041811.png\n",
       "                <span id='ppy-images-arrow-kos-image-kos-6-4' class='ppy-images-toggle-arrow ppy-font-color-brown'>▼</span>\n",
       "            </p>\n",
       "        \n",
       "            <img id='image-kos-6-4'\n",
       "                src='data:image/jpeg;base64,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'\n",
       "                class='ppy-images-img'/></div>\n",
       "            \n",
       "        <div>\n",
       "            <p onclick='toggleImage(\"image-kos-6-5\", \"kos\")' class=\"ppy-images-image-p\" >\n",
       "                Image: 20180611041831.png\n",
       "                <span id='ppy-images-arrow-kos-image-kos-6-5' class='ppy-images-toggle-arrow ppy-font-color-brown'>▼</span>\n",
       "            </p>\n",
       "        \n",
       "            <img id='image-kos-6-5'\n",
       "                src='data:image/jpeg;base64,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'\n",
       "                class='ppy-images-img'/></div>\n",
       "            \n",
       "        <div>\n",
       "            <p onclick='toggleImage(\"image-kos-6-6\", \"kos\")' class=\"ppy-images-image-p\" >\n",
       "                Image: 20180611041841.png\n",
       "                <span id='ppy-images-arrow-kos-image-kos-6-6' class='ppy-images-toggle-arrow ppy-font-color-brown'>▼</span>\n",
       "            </p>\n",
       "        \n",
       "            <img id='image-kos-6-6'\n",
       "                src='data:image/jpeg;base64,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'\n",
       "                class='ppy-images-img'/></div>\n",
       "            \n",
       "        <div>\n",
       "            <p onclick='toggleImage(\"image-kos-6-7\", \"kos\")' class=\"ppy-images-image-p\" >\n",
       "                Image: 20180611041901.png\n",
       "                <span id='ppy-images-arrow-kos-image-kos-6-7' class='ppy-images-toggle-arrow ppy-font-color-brown'>▼</span>\n",
       "            </p>\n",
       "        \n",
       "            <img id='image-kos-6-7'\n",
       "                src='data:image/jpeg;base64,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'\n",
       "                class='ppy-images-img'/></div>\n",
       "            </div></div></div></div>"
      ],
      "text/plain": [
       "<paidiverpy.images_layer.ImagesLayer at 0x71b84d1ebc70>"
      ]
     },
     "execution_count": 8,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "# See the images output\n",
    "pipeline.images"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 9,
   "id": "98dd8244-f298-4bff-81d8-1287f5d7c3ae",
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/html": [
       "<div>\n",
       "<style scoped>\n",
       "    .dataframe tbody tr th:only-of-type {\n",
       "        vertical-align: middle;\n",
       "    }\n",
       "\n",
       "    .dataframe tbody tr th {\n",
       "        vertical-align: top;\n",
       "    }\n",
       "\n",
       "    .dataframe thead th {\n",
       "        text-align: right;\n",
       "    }\n",
       "</style>\n",
       "<table border=\"1\" class=\"dataframe\">\n",
       "  <thead>\n",
       "    <tr style=\"text-align: right;\">\n",
       "      <th></th>\n",
       "      <th>filename</th>\n",
       "      <th>ID</th>\n",
       "      <th>XResolution</th>\n",
       "      <th>YResolution</th>\n",
       "      <th>ExposureTime</th>\n",
       "      <th>FNumber</th>\n",
       "      <th>ISO</th>\n",
       "      <th>image-datetime</th>\n",
       "      <th>MaxApertureValue</th>\n",
       "      <th>WhiteBalance</th>\n",
       "      <th>...</th>\n",
       "      <th>TRcornerlong</th>\n",
       "      <th>TRcornerlat</th>\n",
       "      <th>TLcornerlong</th>\n",
       "      <th>TLcornerlat</th>\n",
       "      <th>BLcornerlong</th>\n",
       "      <th>BLcornerlat</th>\n",
       "      <th>BRcornerlong</th>\n",
       "      <th>BRcornerlat</th>\n",
       "      <th>overlap</th>\n",
       "      <th>polygon_m</th>\n",
       "    </tr>\n",
       "  </thead>\n",
       "  <tbody>\n",
       "    <tr>\n",
       "      <th>0</th>\n",
       "      <td>20180611041421.png</td>\n",
       "      <td>430</td>\n",
       "      <td>300</td>\n",
       "      <td>300</td>\n",
       "      <td>0.016667</td>\n",
       "      <td>8</td>\n",
       "      <td>200</td>\n",
       "      <td>2018-06-11 04:14:21</td>\n",
       "      <td>2.828427</td>\n",
       "      <td>FLASH</td>\n",
       "      <td>...</td>\n",
       "      <td>-153.605307</td>\n",
       "      <td>11.251713</td>\n",
       "      <td>-153.605307</td>\n",
       "      <td>11.251738</td>\n",
       "      <td>-153.605324</td>\n",
       "      <td>11.251739</td>\n",
       "      <td>-153.605325</td>\n",
       "      <td>11.251713</td>\n",
       "      <td>0.0</td>\n",
       "      <td>POLYGON ((-153.60530730838863 11.2517125679763...</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>1</th>\n",
       "      <td>20180611041501.png</td>\n",
       "      <td>434</td>\n",
       "      <td>300</td>\n",
       "      <td>300</td>\n",
       "      <td>0.016667</td>\n",
       "      <td>8</td>\n",
       "      <td>200</td>\n",
       "      <td>2018-06-11 04:15:01</td>\n",
       "      <td>2.828427</td>\n",
       "      <td>FLASH</td>\n",
       "      <td>...</td>\n",
       "      <td>-153.605305</td>\n",
       "      <td>11.251690</td>\n",
       "      <td>-153.605305</td>\n",
       "      <td>11.251716</td>\n",
       "      <td>-153.605323</td>\n",
       "      <td>11.251716</td>\n",
       "      <td>-153.605323</td>\n",
       "      <td>11.251690</td>\n",
       "      <td>0.0</td>\n",
       "      <td>POLYGON ((-153.60532287038686 11.2516901280594...</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>2</th>\n",
       "      <td>20180611041711.png</td>\n",
       "      <td>447</td>\n",
       "      <td>300</td>\n",
       "      <td>300</td>\n",
       "      <td>0.016667</td>\n",
       "      <td>8</td>\n",
       "      <td>200</td>\n",
       "      <td>2018-06-11 04:17:11</td>\n",
       "      <td>2.828427</td>\n",
       "      <td>FLASH</td>\n",
       "      <td>...</td>\n",
       "      <td>-153.605312</td>\n",
       "      <td>11.251618</td>\n",
       "      <td>-153.605312</td>\n",
       "      <td>11.251645</td>\n",
       "      <td>-153.605330</td>\n",
       "      <td>11.251645</td>\n",
       "      <td>-153.605330</td>\n",
       "      <td>11.251618</td>\n",
       "      <td>0.0</td>\n",
       "      <td>POLYGON ((-153.60531182829246 11.2516181498626...</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>3</th>\n",
       "      <td>20180611041731.png</td>\n",
       "      <td>449</td>\n",
       "      <td>300</td>\n",
       "      <td>300</td>\n",
       "      <td>0.016667</td>\n",
       "      <td>8</td>\n",
       "      <td>200</td>\n",
       "      <td>2018-06-11 04:17:31</td>\n",
       "      <td>2.828427</td>\n",
       "      <td>FLASH</td>\n",
       "      <td>...</td>\n",
       "      <td>-153.605309</td>\n",
       "      <td>11.251616</td>\n",
       "      <td>-153.605309</td>\n",
       "      <td>11.251642</td>\n",
       "      <td>-153.605327</td>\n",
       "      <td>11.251643</td>\n",
       "      <td>-153.605328</td>\n",
       "      <td>11.251616</td>\n",
       "      <td>1.0</td>\n",
       "      <td>POLYGON ((-153.60530948504496 11.2516156522718...</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>4</th>\n",
       "      <td>20180611041741.png</td>\n",
       "      <td>450</td>\n",
       "      <td>300</td>\n",
       "      <td>300</td>\n",
       "      <td>0.016667</td>\n",
       "      <td>8</td>\n",
       "      <td>200</td>\n",
       "      <td>2018-06-11 04:17:41</td>\n",
       "      <td>2.828427</td>\n",
       "      <td>FLASH</td>\n",
       "      <td>...</td>\n",
       "      <td>-153.605306</td>\n",
       "      <td>11.251616</td>\n",
       "      <td>-153.605306</td>\n",
       "      <td>11.251642</td>\n",
       "      <td>-153.605323</td>\n",
       "      <td>11.251642</td>\n",
       "      <td>-153.605324</td>\n",
       "      <td>11.251616</td>\n",
       "      <td>1.0</td>\n",
       "      <td>POLYGON ((-153.60530610784394 11.2516157947657...</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>5</th>\n",
       "      <td>20180611041751.png</td>\n",
       "      <td>451</td>\n",
       "      <td>300</td>\n",
       "      <td>300</td>\n",
       "      <td>0.016667</td>\n",
       "      <td>8</td>\n",
       "      <td>200</td>\n",
       "      <td>2018-06-11 04:17:51</td>\n",
       "      <td>2.828427</td>\n",
       "      <td>FLASH</td>\n",
       "      <td>...</td>\n",
       "      <td>-153.605302</td>\n",
       "      <td>11.251615</td>\n",
       "      <td>-153.605302</td>\n",
       "      <td>11.251642</td>\n",
       "      <td>-153.605320</td>\n",
       "      <td>11.251642</td>\n",
       "      <td>-153.605320</td>\n",
       "      <td>11.251615</td>\n",
       "      <td>0.0</td>\n",
       "      <td>POLYGON ((-153.6053015951501 11.25161483159092...</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>6</th>\n",
       "      <td>20180611041801.png</td>\n",
       "      <td>452</td>\n",
       "      <td>300</td>\n",
       "      <td>300</td>\n",
       "      <td>0.016667</td>\n",
       "      <td>8</td>\n",
       "      <td>200</td>\n",
       "      <td>2018-06-11 04:18:01</td>\n",
       "      <td>2.828427</td>\n",
       "      <td>FLASH</td>\n",
       "      <td>...</td>\n",
       "      <td>-153.605299</td>\n",
       "      <td>11.251615</td>\n",
       "      <td>-153.605299</td>\n",
       "      <td>11.251641</td>\n",
       "      <td>-153.605316</td>\n",
       "      <td>11.251641</td>\n",
       "      <td>-153.605317</td>\n",
       "      <td>11.251615</td>\n",
       "      <td>1.0</td>\n",
       "      <td>POLYGON ((-153.60529932432337 11.2516151158048...</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>7</th>\n",
       "      <td>20180611041811.png</td>\n",
       "      <td>453</td>\n",
       "      <td>300</td>\n",
       "      <td>300</td>\n",
       "      <td>0.016667</td>\n",
       "      <td>8</td>\n",
       "      <td>200</td>\n",
       "      <td>2018-06-11 04:18:11</td>\n",
       "      <td>2.828427</td>\n",
       "      <td>FLASH</td>\n",
       "      <td>...</td>\n",
       "      <td>-153.605289</td>\n",
       "      <td>11.251617</td>\n",
       "      <td>-153.605289</td>\n",
       "      <td>11.251647</td>\n",
       "      <td>-153.605309</td>\n",
       "      <td>11.251647</td>\n",
       "      <td>-153.605309</td>\n",
       "      <td>11.251617</td>\n",
       "      <td>0.0</td>\n",
       "      <td>POLYGON ((-153.6053089846491 11.25161735210587...</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>8</th>\n",
       "      <td>20180611041831.png</td>\n",
       "      <td>455</td>\n",
       "      <td>300</td>\n",
       "      <td>300</td>\n",
       "      <td>0.016667</td>\n",
       "      <td>8</td>\n",
       "      <td>200</td>\n",
       "      <td>2018-06-11 04:18:31</td>\n",
       "      <td>2.828427</td>\n",
       "      <td>FLASH</td>\n",
       "      <td>...</td>\n",
       "      <td>-153.605277</td>\n",
       "      <td>11.251621</td>\n",
       "      <td>-153.605277</td>\n",
       "      <td>11.251646</td>\n",
       "      <td>-153.605294</td>\n",
       "      <td>11.251646</td>\n",
       "      <td>-153.605294</td>\n",
       "      <td>11.251621</td>\n",
       "      <td>0.0</td>\n",
       "      <td>POLYGON ((-153.605277424527 11.251621334935358...</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>9</th>\n",
       "      <td>20180611041841.png</td>\n",
       "      <td>456</td>\n",
       "      <td>300</td>\n",
       "      <td>300</td>\n",
       "      <td>0.016667</td>\n",
       "      <td>8</td>\n",
       "      <td>200</td>\n",
       "      <td>2018-06-11 04:18:41</td>\n",
       "      <td>2.828427</td>\n",
       "      <td>FLASH</td>\n",
       "      <td>...</td>\n",
       "      <td>-153.605268</td>\n",
       "      <td>11.251624</td>\n",
       "      <td>-153.605268</td>\n",
       "      <td>11.251651</td>\n",
       "      <td>-153.605286</td>\n",
       "      <td>11.251652</td>\n",
       "      <td>-153.605287</td>\n",
       "      <td>11.251624</td>\n",
       "      <td>0.0</td>\n",
       "      <td>POLYGON ((-153.60526798471008 11.2516238013981...</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>10</th>\n",
       "      <td>20180611041901.png</td>\n",
       "      <td>458</td>\n",
       "      <td>300</td>\n",
       "      <td>300</td>\n",
       "      <td>0.016667</td>\n",
       "      <td>8</td>\n",
       "      <td>200</td>\n",
       "      <td>2018-06-11 04:19:01</td>\n",
       "      <td>2.828427</td>\n",
       "      <td>FLASH</td>\n",
       "      <td>...</td>\n",
       "      <td>-153.605253</td>\n",
       "      <td>11.251627</td>\n",
       "      <td>-153.605253</td>\n",
       "      <td>11.251655</td>\n",
       "      <td>-153.605272</td>\n",
       "      <td>11.251655</td>\n",
       "      <td>-153.605272</td>\n",
       "      <td>11.251627</td>\n",
       "      <td>0.0</td>\n",
       "      <td>POLYGON ((-153.60527176164203 11.2516273237340...</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>11</th>\n",
       "      <td>20180611042001.png</td>\n",
       "      <td>464</td>\n",
       "      <td>300</td>\n",
       "      <td>300</td>\n",
       "      <td>0.016667</td>\n",
       "      <td>8</td>\n",
       "      <td>200</td>\n",
       "      <td>2018-06-11 04:20:01</td>\n",
       "      <td>2.828427</td>\n",
       "      <td>FLASH</td>\n",
       "      <td>...</td>\n",
       "      <td>NaN</td>\n",
       "      <td>NaN</td>\n",
       "      <td>NaN</td>\n",
       "      <td>NaN</td>\n",
       "      <td>NaN</td>\n",
       "      <td>NaN</td>\n",
       "      <td>NaN</td>\n",
       "      <td>NaN</td>\n",
       "      <td>NaN</td>\n",
       "      <td>NaN</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>12</th>\n",
       "      <td>20180611042011.png</td>\n",
       "      <td>465</td>\n",
       "      <td>300</td>\n",
       "      <td>300</td>\n",
       "      <td>0.016667</td>\n",
       "      <td>8</td>\n",
       "      <td>200</td>\n",
       "      <td>2018-06-11 04:20:11</td>\n",
       "      <td>2.828427</td>\n",
       "      <td>FLASH</td>\n",
       "      <td>...</td>\n",
       "      <td>NaN</td>\n",
       "      <td>NaN</td>\n",
       "      <td>NaN</td>\n",
       "      <td>NaN</td>\n",
       "      <td>NaN</td>\n",
       "      <td>NaN</td>\n",
       "      <td>NaN</td>\n",
       "      <td>NaN</td>\n",
       "      <td>NaN</td>\n",
       "      <td>NaN</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>13</th>\n",
       "      <td>20180611042031.png</td>\n",
       "      <td>467</td>\n",
       "      <td>300</td>\n",
       "      <td>300</td>\n",
       "      <td>0.016667</td>\n",
       "      <td>8</td>\n",
       "      <td>200</td>\n",
       "      <td>2018-06-11 04:20:31</td>\n",
       "      <td>2.828427</td>\n",
       "      <td>FLASH</td>\n",
       "      <td>...</td>\n",
       "      <td>NaN</td>\n",
       "      <td>NaN</td>\n",
       "      <td>NaN</td>\n",
       "      <td>NaN</td>\n",
       "      <td>NaN</td>\n",
       "      <td>NaN</td>\n",
       "      <td>NaN</td>\n",
       "      <td>NaN</td>\n",
       "      <td>NaN</td>\n",
       "      <td>NaN</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>14</th>\n",
       "      <td>20180611042121.png</td>\n",
       "      <td>472</td>\n",
       "      <td>300</td>\n",
       "      <td>300</td>\n",
       "      <td>0.016667</td>\n",
       "      <td>8</td>\n",
       "      <td>200</td>\n",
       "      <td>2018-06-11 04:21:21</td>\n",
       "      <td>2.828427</td>\n",
       "      <td>FLASH</td>\n",
       "      <td>...</td>\n",
       "      <td>NaN</td>\n",
       "      <td>NaN</td>\n",
       "      <td>NaN</td>\n",
       "      <td>NaN</td>\n",
       "      <td>NaN</td>\n",
       "      <td>NaN</td>\n",
       "      <td>NaN</td>\n",
       "      <td>NaN</td>\n",
       "      <td>NaN</td>\n",
       "      <td>NaN</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>15</th>\n",
       "      <td>20180611042131.png</td>\n",
       "      <td>473</td>\n",
       "      <td>300</td>\n",
       "      <td>300</td>\n",
       "      <td>0.016667</td>\n",
       "      <td>8</td>\n",
       "      <td>200</td>\n",
       "      <td>2018-06-11 04:21:31</td>\n",
       "      <td>2.828427</td>\n",
       "      <td>FLASH</td>\n",
       "      <td>...</td>\n",
       "      <td>NaN</td>\n",
       "      <td>NaN</td>\n",
       "      <td>NaN</td>\n",
       "      <td>NaN</td>\n",
       "      <td>NaN</td>\n",
       "      <td>NaN</td>\n",
       "      <td>NaN</td>\n",
       "      <td>NaN</td>\n",
       "      <td>NaN</td>\n",
       "      <td>NaN</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>16</th>\n",
       "      <td>20180611042141.png</td>\n",
       "      <td>474</td>\n",
       "      <td>300</td>\n",
       "      <td>300</td>\n",
       "      <td>0.016667</td>\n",
       "      <td>8</td>\n",
       "      <td>200</td>\n",
       "      <td>2018-06-11 04:21:41</td>\n",
       "      <td>2.828427</td>\n",
       "      <td>FLASH</td>\n",
       "      <td>...</td>\n",
       "      <td>NaN</td>\n",
       "      <td>NaN</td>\n",
       "      <td>NaN</td>\n",
       "      <td>NaN</td>\n",
       "      <td>NaN</td>\n",
       "      <td>NaN</td>\n",
       "      <td>NaN</td>\n",
       "      <td>NaN</td>\n",
       "      <td>NaN</td>\n",
       "      <td>NaN</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>17</th>\n",
       "      <td>20180611042201.png</td>\n",
       "      <td>476</td>\n",
       "      <td>300</td>\n",
       "      <td>300</td>\n",
       "      <td>0.016667</td>\n",
       "      <td>8</td>\n",
       "      <td>200</td>\n",
       "      <td>2018-06-11 04:22:01</td>\n",
       "      <td>2.828427</td>\n",
       "      <td>FLASH</td>\n",
       "      <td>...</td>\n",
       "      <td>NaN</td>\n",
       "      <td>NaN</td>\n",
       "      <td>NaN</td>\n",
       "      <td>NaN</td>\n",
       "      <td>NaN</td>\n",
       "      <td>NaN</td>\n",
       "      <td>NaN</td>\n",
       "      <td>NaN</td>\n",
       "      <td>NaN</td>\n",
       "      <td>NaN</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>18</th>\n",
       "      <td>20180611042211.png</td>\n",
       "      <td>477</td>\n",
       "      <td>300</td>\n",
       "      <td>300</td>\n",
       "      <td>0.016667</td>\n",
       "      <td>8</td>\n",
       "      <td>200</td>\n",
       "      <td>2018-06-11 04:22:11</td>\n",
       "      <td>2.828427</td>\n",
       "      <td>FLASH</td>\n",
       "      <td>...</td>\n",
       "      <td>NaN</td>\n",
       "      <td>NaN</td>\n",
       "      <td>NaN</td>\n",
       "      <td>NaN</td>\n",
       "      <td>NaN</td>\n",
       "      <td>NaN</td>\n",
       "      <td>NaN</td>\n",
       "      <td>NaN</td>\n",
       "      <td>NaN</td>\n",
       "      <td>NaN</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>19</th>\n",
       "      <td>20180611042221.png</td>\n",
       "      <td>478</td>\n",
       "      <td>300</td>\n",
       "      <td>300</td>\n",
       "      <td>0.016667</td>\n",
       "      <td>8</td>\n",
       "      <td>200</td>\n",
       "      <td>2018-06-11 04:22:21</td>\n",
       "      <td>2.828427</td>\n",
       "      <td>FLASH</td>\n",
       "      <td>...</td>\n",
       "      <td>NaN</td>\n",
       "      <td>NaN</td>\n",
       "      <td>NaN</td>\n",
       "      <td>NaN</td>\n",
       "      <td>NaN</td>\n",
       "      <td>NaN</td>\n",
       "      <td>NaN</td>\n",
       "      <td>NaN</td>\n",
       "      <td>NaN</td>\n",
       "      <td>NaN</td>\n",
       "    </tr>\n",
       "  </tbody>\n",
       "</table>\n",
       "<p>20 rows × 53 columns</p>\n",
       "</div>"
      ],
      "text/plain": [
       "              filename   ID  XResolution  YResolution  ExposureTime  FNumber  \\\n",
       "0   20180611041421.png  430          300          300      0.016667        8   \n",
       "1   20180611041501.png  434          300          300      0.016667        8   \n",
       "2   20180611041711.png  447          300          300      0.016667        8   \n",
       "3   20180611041731.png  449          300          300      0.016667        8   \n",
       "4   20180611041741.png  450          300          300      0.016667        8   \n",
       "5   20180611041751.png  451          300          300      0.016667        8   \n",
       "6   20180611041801.png  452          300          300      0.016667        8   \n",
       "7   20180611041811.png  453          300          300      0.016667        8   \n",
       "8   20180611041831.png  455          300          300      0.016667        8   \n",
       "9   20180611041841.png  456          300          300      0.016667        8   \n",
       "10  20180611041901.png  458          300          300      0.016667        8   \n",
       "11  20180611042001.png  464          300          300      0.016667        8   \n",
       "12  20180611042011.png  465          300          300      0.016667        8   \n",
       "13  20180611042031.png  467          300          300      0.016667        8   \n",
       "14  20180611042121.png  472          300          300      0.016667        8   \n",
       "15  20180611042131.png  473          300          300      0.016667        8   \n",
       "16  20180611042141.png  474          300          300      0.016667        8   \n",
       "17  20180611042201.png  476          300          300      0.016667        8   \n",
       "18  20180611042211.png  477          300          300      0.016667        8   \n",
       "19  20180611042221.png  478          300          300      0.016667        8   \n",
       "\n",
       "    ISO      image-datetime  MaxApertureValue  WhiteBalance  ...  \\\n",
       "0   200 2018-06-11 04:14:21          2.828427  FLASH         ...   \n",
       "1   200 2018-06-11 04:15:01          2.828427  FLASH         ...   \n",
       "2   200 2018-06-11 04:17:11          2.828427  FLASH         ...   \n",
       "3   200 2018-06-11 04:17:31          2.828427  FLASH         ...   \n",
       "4   200 2018-06-11 04:17:41          2.828427  FLASH         ...   \n",
       "5   200 2018-06-11 04:17:51          2.828427  FLASH         ...   \n",
       "6   200 2018-06-11 04:18:01          2.828427  FLASH         ...   \n",
       "7   200 2018-06-11 04:18:11          2.828427  FLASH         ...   \n",
       "8   200 2018-06-11 04:18:31          2.828427  FLASH         ...   \n",
       "9   200 2018-06-11 04:18:41          2.828427  FLASH         ...   \n",
       "10  200 2018-06-11 04:19:01          2.828427  FLASH         ...   \n",
       "11  200 2018-06-11 04:20:01          2.828427  FLASH         ...   \n",
       "12  200 2018-06-11 04:20:11          2.828427  FLASH         ...   \n",
       "13  200 2018-06-11 04:20:31          2.828427  FLASH         ...   \n",
       "14  200 2018-06-11 04:21:21          2.828427  FLASH         ...   \n",
       "15  200 2018-06-11 04:21:31          2.828427  FLASH         ...   \n",
       "16  200 2018-06-11 04:21:41          2.828427  FLASH         ...   \n",
       "17  200 2018-06-11 04:22:01          2.828427  FLASH         ...   \n",
       "18  200 2018-06-11 04:22:11          2.828427  FLASH         ...   \n",
       "19  200 2018-06-11 04:22:21          2.828427  FLASH         ...   \n",
       "\n",
       "    TRcornerlong  TRcornerlat  TLcornerlong  TLcornerlat  BLcornerlong  \\\n",
       "0    -153.605307    11.251713   -153.605307    11.251738   -153.605324   \n",
       "1    -153.605305    11.251690   -153.605305    11.251716   -153.605323   \n",
       "2    -153.605312    11.251618   -153.605312    11.251645   -153.605330   \n",
       "3    -153.605309    11.251616   -153.605309    11.251642   -153.605327   \n",
       "4    -153.605306    11.251616   -153.605306    11.251642   -153.605323   \n",
       "5    -153.605302    11.251615   -153.605302    11.251642   -153.605320   \n",
       "6    -153.605299    11.251615   -153.605299    11.251641   -153.605316   \n",
       "7    -153.605289    11.251617   -153.605289    11.251647   -153.605309   \n",
       "8    -153.605277    11.251621   -153.605277    11.251646   -153.605294   \n",
       "9    -153.605268    11.251624   -153.605268    11.251651   -153.605286   \n",
       "10   -153.605253    11.251627   -153.605253    11.251655   -153.605272   \n",
       "11           NaN          NaN           NaN          NaN           NaN   \n",
       "12           NaN          NaN           NaN          NaN           NaN   \n",
       "13           NaN          NaN           NaN          NaN           NaN   \n",
       "14           NaN          NaN           NaN          NaN           NaN   \n",
       "15           NaN          NaN           NaN          NaN           NaN   \n",
       "16           NaN          NaN           NaN          NaN           NaN   \n",
       "17           NaN          NaN           NaN          NaN           NaN   \n",
       "18           NaN          NaN           NaN          NaN           NaN   \n",
       "19           NaN          NaN           NaN          NaN           NaN   \n",
       "\n",
       "    BLcornerlat  BRcornerlong  BRcornerlat  overlap  \\\n",
       "0     11.251739   -153.605325    11.251713      0.0   \n",
       "1     11.251716   -153.605323    11.251690      0.0   \n",
       "2     11.251645   -153.605330    11.251618      0.0   \n",
       "3     11.251643   -153.605328    11.251616      1.0   \n",
       "4     11.251642   -153.605324    11.251616      1.0   \n",
       "5     11.251642   -153.605320    11.251615      0.0   \n",
       "6     11.251641   -153.605317    11.251615      1.0   \n",
       "7     11.251647   -153.605309    11.251617      0.0   \n",
       "8     11.251646   -153.605294    11.251621      0.0   \n",
       "9     11.251652   -153.605287    11.251624      0.0   \n",
       "10    11.251655   -153.605272    11.251627      0.0   \n",
       "11          NaN           NaN          NaN      NaN   \n",
       "12          NaN           NaN          NaN      NaN   \n",
       "13          NaN           NaN          NaN      NaN   \n",
       "14          NaN           NaN          NaN      NaN   \n",
       "15          NaN           NaN          NaN      NaN   \n",
       "16          NaN           NaN          NaN      NaN   \n",
       "17          NaN           NaN          NaN      NaN   \n",
       "18          NaN           NaN          NaN      NaN   \n",
       "19          NaN           NaN          NaN      NaN   \n",
       "\n",
       "                                            polygon_m  \n",
       "0   POLYGON ((-153.60530730838863 11.2517125679763...  \n",
       "1   POLYGON ((-153.60532287038686 11.2516901280594...  \n",
       "2   POLYGON ((-153.60531182829246 11.2516181498626...  \n",
       "3   POLYGON ((-153.60530948504496 11.2516156522718...  \n",
       "4   POLYGON ((-153.60530610784394 11.2516157947657...  \n",
       "5   POLYGON ((-153.6053015951501 11.25161483159092...  \n",
       "6   POLYGON ((-153.60529932432337 11.2516151158048...  \n",
       "7   POLYGON ((-153.6053089846491 11.25161735210587...  \n",
       "8   POLYGON ((-153.605277424527 11.251621334935358...  \n",
       "9   POLYGON ((-153.60526798471008 11.2516238013981...  \n",
       "10  POLYGON ((-153.60527176164203 11.2516273237340...  \n",
       "11                                                NaN  \n",
       "12                                                NaN  \n",
       "13                                                NaN  \n",
       "14                                                NaN  \n",
       "15                                                NaN  \n",
       "16                                                NaN  \n",
       "17                                                NaN  \n",
       "18                                                NaN  \n",
       "19                                                NaN  \n",
       "\n",
       "[20 rows x 53 columns]"
      ]
     },
     "execution_count": 9,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "pipeline.get_metadata(\"all\")"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 10,
   "id": "c54b4db6-4549-45f4-a566-826e4a74ef55",
   "metadata": {
    "scrolled": true
   },
   "outputs": [
    {
     "data": {
      "text/html": [
       "<div><svg style=\"position: absolute; width: 0; height: 0; overflow: hidden\">\n",
       "<defs>\n",
       "<symbol id=\"arrow-right\" viewBox=\"0 0 330 330\">\n",
       "  <path id=\"XMLID_222_\" d=\"M250.606,154.389l-150-149.996c-5.857-5.858-15.355-5.858-21.213,0.001\n",
       "\tc-5.857,5.858-5.857,15.355,0.001,21.213l139.393,139.39L79.393,304.394c-5.857,5.858-5.857,15.355,0.001,21.213\n",
       "\tC82.322,328.536,86.161,330,90,330s7.678-1.464,10.607-4.394l149.999-150.004c2.814-2.813,4.394-6.628,4.394-10.606\n",
       "\tC255,161.018,253.42,157.202,250.606,154.389z\"/>\n",
       "</defs>\n",
       "</svg>\n",
       "<style>/* CSS stylesheet for displaying Paidiverpy objects in jupyterlab.\n",
       " *\n",
       " */\n",
       "\n",
       ":root {\n",
       "  --ppy-font-color: var(--jp-content-font-color, rgba(0, 0, 0, 1));\n",
       "  --ppy-font-color-brown: var(--jp-content-font-color-brown, brown);\n",
       "  --ppy-font-color-olive: var(--jp-content-font-color-olive, olive);\n",
       "  --ppy-font-color-teal: var(--jp-content-font-color-teal, teal);\n",
       "  --ppy-font-color-blue: var(--jp-content-font-color-blue, blue);\n",
       "  --ppy-font-color-gray: var(--jp-content-font-color-gray, gray);\n",
       "  --ppy-border-color: var(--jp-border-color2, #e0e0e0);\n",
       "  --ppy-disabled-color: var(--jp-layout-color3, #bdbdbd);\n",
       "  --ppy-background-color: var(--jp-layout-color, white);\n",
       "  --ppy-background-color2: var(--jp-layout-color3, rgba(212, 212, 212, 0.15));\n",
       "}\n",
       "\n",
       "\n",
       "html[theme=\"dark\"],\n",
       "html[data-theme=\"dark\"],\n",
       "body[data-theme=\"dark\"],\n",
       "body.vscode-dark {\n",
       "  --ppy-font-color: rgba(255, 255, 255, 1);\n",
       "  --ppy-font-color-brown: brown;\n",
       "  --ppy-font-color-olive: olive;\n",
       "  --ppy-font-color-teal: teal;\n",
       "  --ppy-font-color-blue: blue;\n",
       "  --ppy-font-color-gray: gray;\n",
       "  --ppy-border-color: #1f1f1f;\n",
       "  --ppy-disabled-color: #515151;\n",
       "  --ppy-background-color: #111111;\n",
       "}\n",
       "\n",
       ".ppy-background-color {\n",
       "  background-color: var(--ppy-background-color) !important;\n",
       "}\n",
       "\n",
       ".ppy-font-color-brown {\n",
       "  color: var(--ppy-font-color-brown) !important;\n",
       "}\n",
       "\n",
       ".ppy-font-color {\n",
       "  color: var(--ppy-font-color) !important;\n",
       "}\n",
       ".ppy-h2 {\n",
       "  font-size: 20px !important;\n",
       "}\n",
       ".ppy-h3 {\n",
       "  font-size: 13px !important;\n",
       "}\n",
       ".ppy-p {\n",
       "  font-size: 10px;\n",
       "}\n",
       ".ppy-p-error {\n",
       "  color: var(--ppy-font-color-brown);\n",
       "  font-weight: bold;\n",
       "  display: block;\n",
       "}\n",
       "\n",
       ".ppy-text-repr-fallback {\n",
       "  /* fallback to plain text repr when CSS is not injected (untrusted notebook) */\n",
       "  display: none;\n",
       "}\n",
       "\n",
       ".ppy-pipeline-wrap{\n",
       "  display: flex;\n",
       "  flex-wrap: wrap;\n",
       "  align-items: center;\n",
       "}\n",
       "\n",
       ".ppy-pipeline {\n",
       "  float:left;\n",
       "  cursor: pointer;\n",
       "  padding: 10px;\n",
       "  width: max-content;\n",
       "  height: 150px;\n",
       "  margin: 10px;\n",
       "  border: 1px solid #000;\n",
       "  text-align: center;\n",
       "  /* line-height: 80px; */\n",
       "}\n",
       "\n",
       ".ppy-pipeline-clear-fix {\n",
       "  clear: both;\n",
       "}\n",
       "\n",
       ".ppy-pipeline-parameters-all {\n",
       "  padding: 10px;\n",
       "  margin: 10px;\n",
       "}\n",
       "\n",
       ".ppy-images-step-header {\n",
       "  cursor: pointer;\n",
       "  font-weight: bold;\n",
       "  margin-top: 10px;\n",
       "  margin-bottom: 5px;\n",
       "}\n",
       ".ppy-images-metadata {\n",
       "  margin-left: 20px;\n",
       "  margin-bottom: 10px;\n",
       "}\n",
       ".ppy-images {\n",
       "  display: flex;\n",
       "  flex-wrap: wrap;\n",
       "  gap: 10px;\n",
       "  margin-left: 20px;\n",
       "}\n",
       "\n",
       ".ppy-show-more-button, .ppy-hide-button {\n",
       "  margin-left: 20px;\n",
       "  background-color: #007bff;\n",
       "  color: white;\n",
       "  border: none;\n",
       "  padding: 5px 10px;\n",
       "  cursor: pointer;\n",
       "}\n",
       "\n",
       "\n",
       ".ppy-pipeline-arrow {\n",
       "  float:left;\n",
       "  width: 50px;\n",
       "  height: 80px;\n",
       "  margin: 10px;\n",
       "  text-align: center;\n",
       "  line-height: 80px;\n",
       "}\n",
       "\n",
       ".ppy-images-img{\n",
       "  display: block;\n",
       "  max-width: 200px;\n",
       "  margin: 10px;\n",
       "}\n",
       "\n",
       ".ppy-images-toggle-arrow {\n",
       "  cursor: pointer;\n",
       "  margin-left: 5px;\n",
       "}\n",
       "\n",
       ".ppy-images-image-p {\n",
       "  cursor: pointer;\n",
       "}\n",
       "\n",
       ".ppy-arrow-right {\n",
       "  display: inline-block;\n",
       "  vertical-align: middle;\n",
       "  width: 1em;\n",
       "  height: 1.5em !important;\n",
       "  stroke-width: 0;\n",
       "  stroke: currentColor;\n",
       "  fill: currentColor;\n",
       "}\n",
       "\n",
       "\n",
       ".ppy-json-block {\n",
       "  font-family: monospace;\n",
       "  background: var(--ppy-background-color);\n",
       "  padding: 1em;\n",
       "  border-radius: 6px;\n",
       "}\n",
       ".ppy-json-key {\n",
       "  color: var(--ppy-font-color-brown);\n",
       "}\n",
       ".ppy-json-string {\n",
       "  color: var(--ppy-font-color-olive);\n",
       "}\n",
       ".ppy-json-number {\n",
       "  color: var(--ppy-font-color-teal);\n",
       "}\n",
       ".ppy-json-bool {\n",
       "  color: var(--ppy-font-color-blue);\n",
       "}\n",
       ".ppy-json-null {\n",
       "  color: var(--ppy-font-color-gray);\n",
       "}\n",
       "\n",
       "\n",
       ".ppy-pn-title-0 {\n",
       "  font-size: 30px;\n",
       "}\n",
       "\n",
       ".ppy-pn-title-1 {\n",
       "  font-size: 20px;\n",
       "}\n",
       ".ppy-pn-title-2 {\n",
       "  font-size: 17px;\n",
       "}\n",
       ".ppy-pn-title-3 {\n",
       "  font-size: 14px;\n",
       "}\n",
       ".ppy-pn-title-4 {\n",
       "  font-size: 12px;\n",
       "}\n",
       "\n",
       ".ppy-pn-bold {\n",
       "  font-weight: bold;\n",
       "}\n",
       ".ppy-pn-italic {\n",
       "  font-style: italic;\n",
       "}\n",
       ".ppy-pn-description {\n",
       "  font-size: 14px;\n",
       "  margin-bottom: 1px;\n",
       "}\n",
       "\n",
       ".bk-root {\n",
       "  width: 100% !important;\n",
       "  max-width: 100% !important;\n",
       "  box-sizing: border-box;\n",
       "}\n",
       "\n",
       "input, .bk-input, .bk-input-group {\n",
       "  margin-top: 0px;\n",
       "  margin-bottom: 3px;\n",
       "  padding-top: 0px;\n",
       "  padding-bottom: 0px;\n",
       "}\n",
       "\n",
       ".ppy-pn-header-button .bk-btn {\n",
       "  background: none !important;\n",
       "  border: none !important;\n",
       "  font-weight: bold;\n",
       "  font-size: 16px;\n",
       "  text-align: left;\n",
       "  padding-left: 0;\n",
       "  cursor: pointer;\n",
       "  box-shadow: none !important;\n",
       "  color: black;\n",
       "}\n",
       "\n",
       ".ppy-pn-danger-modal{\n",
       "  border: 2px solid red;\n",
       "  border-radius: 10px;\n",
       "  box-shadow: 0px 0px 10px rgba(255, 0, 0, 0.5);\n",
       "}\n",
       "\n",
       ".ppy-pn-config-form{\n",
       "  padding: 10px;\n",
       "  margin-top: 10px;\n",
       "  margin-bottom: 10px;\n",
       "  background-color: var(--ppy-background-color2);\n",
       "  border-radius: 5px;\n",
       "  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);\n",
       "}\n",
       "\n",
       "\n",
       ".ppy-pn-align-right {\n",
       "  display: flex;\n",
       "  justify-content: flex-end;\n",
       "}\n",
       "</style><script>function toggleMetadata(stepIndex, randomId) {\n",
       "  var metadata = document.getElementById(\"ppy-images-metadata-\" + randomId + \"-\" + stepIndex);\n",
       "  var arrow = document.getElementById(\"ppy-images-arrow-\" + randomId + \"-\" + stepIndex);\n",
       "  if (metadata.style.display === \"none\") {\n",
       "      metadata.style.display = \"block\";\n",
       "      arrow.innerHTML = \"▼\";\n",
       "      arrow.classList.remove(\"ppy-font-color\");\n",
       "      arrow.classList.add(\"ppy-font-color-brown\");\n",
       "  } else {\n",
       "      metadata.style.display = \"none\";\n",
       "      arrow.innerHTML = \"►\";\n",
       "      arrow.classList.remove(\"ppy-font-color-brown\");\n",
       "      arrow.classList.add(\"ppy-font-color\");\n",
       "  }\n",
       "}\n",
       "function toggleImage(imageId, randomId) {\n",
       "  var img = document.getElementById(imageId);\n",
       "  var arrow = document.getElementById(\"ppy-images-arrow-\" + randomId + \"-\" + imageId);\n",
       "  if (img.style.display === \"none\") {\n",
       "      img.style.display = \"block\";\n",
       "      arrow.innerHTML = \"▼\";\n",
       "      arrow.classList.remove(\"ppy-font-color\");\n",
       "      arrow.classList.add(\"ppy-font-color-brown\");\n",
       "  } else {\n",
       "      img.style.display = \"none\";\n",
       "      arrow.innerHTML = \"►\";\n",
       "      arrow.classList.remove(\"ppy-font-color-brown\");\n",
       "      arrow.classList.add(\"ppy-font-color\");\n",
       "  }\n",
       "}\n",
       "function showMore(stepIndex) {\n",
       "  var moreImages = document.getElementById(\"ppy-more-images-\" + stepIndex);\n",
       "  var showMoreButton = document.getElementById(\"ppy-show-more-button-\" + stepIndex);\n",
       "  var hideButton = document.getElementById(\"ppy-hide-button-\" + stepIndex);\n",
       "  moreImages.style.display = \"flex\";\n",
       "  showMoreButton.style.display = \"none\";\n",
       "  hideButton.style.display = \"inline-block\";\n",
       "}\n",
       "function hide(stepIndex) {\n",
       "  var moreImages = document.getElementById(\"ppy-more-images-\" + stepIndex);\n",
       "  var showMoreButton = document.getElementById(\"ppy-show-more-button-\" + stepIndex);\n",
       "  var hideButton = document.getElementById(\"ppy-hide-button-\" + stepIndex);\n",
       "  moreImages.style.display = \"none\";\n",
       "  showMoreButton.style.display = \"inline-block\";\n",
       "  hideButton.style.display = \"none\";\n",
       "}\n",
       "\n",
       "\n",
       "function showParameters(id, randomId) {\n",
       "  var currentTarget = document.getElementById('ppy-pipeline-' + randomId + '-' + id);\n",
       "  var square = document.getElementsByClassName('ppy-pipeline-' + randomId);\n",
       "  var allParams = document.getElementsByClassName('ppy-pipeline-parameters-' + randomId);\n",
       "  var selectedParams = document.getElementById('ppy-pipeline-parameters-' + randomId + '-' + id);\n",
       "  var idWasVisible = false;\n",
       "  if (selectedParams) {\n",
       "      var idWasVisible = selectedParams.style.display === 'block';\n",
       "  }\n",
       "  for (var i = 0; i < square.length; i++) {\n",
       "      square[i].classList.remove('ppy-font-color-brown');\n",
       "      square[i].classList.add('ppy-font-color');\n",
       "  }\n",
       "  for (var i = 0; i < allParams.length; i++) {\n",
       "      allParams[i].style.display = 'none';\n",
       "  }\n",
       "  // Show the selected parameter section\n",
       "  if (selectedParams) {\n",
       "      if (idWasVisible) {\n",
       "          selectedParams.style.display = 'none';\n",
       "          currentTarget.classList.remove('ppy-font-color-brown');\n",
       "          currentTarget.classList.add('ppy-font-color');\n",
       "      } else {\n",
       "          selectedParams.style.display = 'block';\n",
       "          currentTarget.classList.remove('ppy-font-color');\n",
       "          currentTarget.classList.add('ppy-font-color-brown');\n",
       "      }\n",
       "  }\n",
       "}\n",
       "\n",
       "hljs.highlightAll();\n",
       "</script><link rel=\"stylesheet\" href=\"https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/github.min.css\"><script src=\"https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js\"></script><script>hljs.highlightAll();</script><pre class='ppy-text-repr-fallback'>&lt;paidiverpy.images_layer.ImagesLayer object at 0x71b84d1ebc70&gt;</pre><div>\n",
       "            <div class='ppy-h2 ppy-images-step-header' onclick='toggleMetadata(0, \"cgw\")'>\n",
       "                Step 0: raw\n",
       "                <span id='ppy-images-arrow-cgw-0'\n",
       "                    class='ppy-images-toggle-arrow ppy-font-color-brown'>▼\n",
       "                </span>\n",
       "            </div>\n",
       "            <div id='ppy-images-metadata-cgw-0' class='ppy-images-metadata' style='display:block;'><div class='ppy-images'>\n",
       "        <div>\n",
       "            <p onclick='toggleImage(\"image-cgw-0-0\", \"cgw\")' class=\"ppy-images-image-p\" >\n",
       "                Image: 20180611041501.png\n",
       "                <span id='ppy-images-arrow-cgw-image-cgw-0-0' class='ppy-images-toggle-arrow ppy-font-color-brown'>▼</span>\n",
       "            </p>\n",
       "        \n",
       "            <img id='image-cgw-0-0'\n",
       "                src='data:image/png;base64,[encoded data, 29720 characters]'\n",
       "                class='ppy-images-img'/></div>\n",
       "            </div></div>\n",
       "            <div class='ppy-h2 ppy-images-step-header' onclick='toggleMetadata(1, \"cgw\")'>\n",
       "                Step 1: colour_correction\n",
       "                <span id='ppy-images-arrow-cgw-1'\n",
       "                    class='ppy-images-toggle-arrow ppy-font-color-brown'>▼\n",
       "                </span>\n",
       "            </div>\n",
       "            <div id='ppy-images-metadata-cgw-1' class='ppy-images-metadata' style='display:block;'><div class='ppy-images'>\n",
       "        <div>\n",
       "            <p onclick='toggleImage(\"image-cgw-1-0\", \"cgw\")' class=\"ppy-images-image-p\" >\n",
       "                Image: 20180611041501.png\n",
       "                <span id='ppy-images-arrow-cgw-image-cgw-1-0' class='ppy-images-toggle-arrow ppy-font-color-brown'>▼</span>\n",
       "            </p>\n",
       "        \n",
       "            <img id='image-cgw-1-0'\n",
       "                src='data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDL/wAALCACAAIABAREA/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/9oACAEBAAA/APQmFRkU0imEVGRTSKMUoFOAp6ipAKXFGKWnCnCnEVGwphHFMPQjtTCKaRSYpRTsVIop4FLS4oxxSinAU4imEUzFMYVGRTaMUuKcBUgFPApcUYopQKfTjUZphphFMNNIooxTlFSqKeBxS4xRSUop4pTTGFRmmGmmm0UoGaUDmplp4oo7UnagdakApajaozTTTDSUY5pcU4VKtOpcUUlKBUqikIqNqjamGkIppFFOpwpwqQUtJRinqOalUVGaiY0w0wmkpKKUU4U9acKWilpy1MtQtUTDnFMxSEUw0UUopRTwacKdmlpQKcKmWoWqM0w02mkU08UZozTgaUU+nA04Uop4qVagamGmGm0lMNJRSininA06lFPFPFSrVYmmmmmmmm02mminCnClzTgacDT1NPFSqaqk03NIaTFNpppKMUopSaM07NODU9TUq1ItUyc0lLnimk0hptJRS0ZpM0uaUGpVNSqamWqGaXNJnFGaaabmlzRRSZozSZ5p608GpVNTKapDHekJA6Um6jNNJpM0Zpc0E0hNJnmlpwNOBqRWqZG5r//Z'\n",
       "                class='ppy-images-img'/></div>\n",
       "            </div></div>\n",
       "            <div class='ppy-h2 ppy-images-step-header' onclick='toggleMetadata(2, \"cgw\")'>\n",
       "                Step 2: datetime\n",
       "                <span id='ppy-images-arrow-cgw-2'\n",
       "                    class='ppy-images-toggle-arrow ppy-font-color-brown'>▼\n",
       "                </span>\n",
       "            </div>\n",
       "            <div id='ppy-images-metadata-cgw-2' class='ppy-images-metadata' style='display:block;'><div class='ppy-images'>\n",
       "        <div>\n",
       "            <p onclick='toggleImage(\"image-cgw-2-0\", \"cgw\")' class=\"ppy-images-image-p\" >\n",
       "                Image: 20180611041501.png\n",
       "                <span id='ppy-images-arrow-cgw-image-cgw-2-0' class='ppy-images-toggle-arrow ppy-font-color-brown'>▼</span>\n",
       "            </p>\n",
       "        \n",
       "            <img id='image-cgw-2-0'\n",
       "                src='data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDL/wAALCACAAIABAREA/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/9oACAEBAAA/APQmFRkU0imEVGRTSKMUoFOAp6ipAKXFGKWnCnCnEVGwphHFMPQjtTCKaRSYpRTsVIop4FLS4oxxSinAU4imEUzFMYVGRTaMUuKcBUgFPApcUYopQKfTjUZphphFMNNIooxTlFSqKeBxS4xRSUop4pTTGFRmmGmmm0UoGaUDmplp4oo7UnagdakApajaozTTTDSUY5pcU4VKtOpcUUlKBUqikIqNqjamGkIppFFOpwpwqQUtJRinqOalUVGaiY0w0wmkpKKUU4U9acKWilpy1MtQtUTDnFMxSEUw0UUopRTwacKdmlpQKcKmWoWqM0w02mkU08UZozTgaUU+nA04Uop4qVagamGmGm0lMNJRSininA06lFPFPFSrVYmmmmmmmm02mminCnClzTgacDT1NPFSqaqk03NIaTFNpppKMUopSaM07NODU9TUq1ItUyc0lLnimk0hptJRS0ZpM0uaUGpVNSqamWqGaXNJnFGaaabmlzRRSZozSZ5p608GpVNTKapDHekJA6Um6jNNJpM0Zpc0E0hNJnmlpwNOBqRWqZG5r//Z'\n",
       "                class='ppy-images-img'/></div>\n",
       "            </div></div>\n",
       "            <div class='ppy-h2 ppy-images-step-header' onclick='toggleMetadata(3, \"cgw\")'>\n",
       "                Step 3: overlapping\n",
       "                <span id='ppy-images-arrow-cgw-3'\n",
       "                    class='ppy-images-toggle-arrow ppy-font-color-brown'>▼\n",
       "                </span>\n",
       "            </div>\n",
       "            <div id='ppy-images-metadata-cgw-3' class='ppy-images-metadata' style='display:block;'><div class='ppy-images'>\n",
       "        <div>\n",
       "            <p onclick='toggleImage(\"image-cgw-3-0\", \"cgw\")' class=\"ppy-images-image-p\" >\n",
       "                Image: 20180611041501.png\n",
       "                <span id='ppy-images-arrow-cgw-image-cgw-3-0' class='ppy-images-toggle-arrow ppy-font-color-brown'>▼</span>\n",
       "            </p>\n",
       "        \n",
       "            <img id='image-cgw-3-0'\n",
       "                src='data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDL/wAALCACAAIABAREA/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/9oACAEBAAA/APQmFRkU0imEVGRTSKMUoFOAp6ipAKXFGKWnCnCnEVGwphHFMPQjtTCKaRSYpRTsVIop4FLS4oxxSinAU4imEUzFMYVGRTaMUuKcBUgFPApcUYopQKfTjUZphphFMNNIooxTlFSqKeBxS4xRSUop4pTTGFRmmGmmm0UoGaUDmplp4oo7UnagdakApajaozTTTDSUY5pcU4VKtOpcUUlKBUqikIqNqjamGkIppFFOpwpwqQUtJRinqOalUVGaiY0w0wmkpKKUU4U9acKWilpy1MtQtUTDnFMxSEUw0UUopRTwacKdmlpQKcKmWoWqM0w02mkU08UZozTgaUU+nA04Uop4qVagamGmGm0lMNJRSininA06lFPFPFSrVYmmmmmmmm02mminCnClzTgacDT1NPFSqaqk03NIaTFNpppKMUopSaM07NODU9TUq1ItUyc0lLnimk0hptJRS0ZpM0uaUGpVNSqamWqGaXNJnFGaaabmlzRRSZozSZ5p608GpVNTKapDHekJA6Um6jNNJpM0Zpc0E0hNJnmlpwNOBqRWqZG5r//Z'\n",
       "                class='ppy-images-img'/></div>\n",
       "            </div></div>\n",
       "            <div class='ppy-h2 ppy-images-step-header' onclick='toggleMetadata(4, \"cgw\")'>\n",
       "                Step 4: colour_correction\n",
       "                <span id='ppy-images-arrow-cgw-4'\n",
       "                    class='ppy-images-toggle-arrow ppy-font-color-brown'>▼\n",
       "                </span>\n",
       "            </div>\n",
       "            <div id='ppy-images-metadata-cgw-4' class='ppy-images-metadata' style='display:block;'><div class='ppy-images'>\n",
       "        <div>\n",
       "            <p onclick='toggleImage(\"image-cgw-4-0\", \"cgw\")' class=\"ppy-images-image-p\" >\n",
       "                Image: 20180611041501.png\n",
       "                <span id='ppy-images-arrow-cgw-image-cgw-4-0' class='ppy-images-toggle-arrow ppy-font-color-brown'>▼</span>\n",
       "            </p>\n",
       "        \n",
       "            <img id='image-cgw-4-0'\n",
       "                src='data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDL/wAALCACAAIABAREA/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/9oACAEBAAA/APQmFRkU0imEUwimEUYpcU4CnqKkApcUYpcU4U4U41GwphFMPTFMIppFJilApwFSKKeBS4pcUYpRTgKcRTGFMxTGFRkU2jFLTgKkAp4FLijFFKBT6cajNMNMIphpuKKMU5RUqingUvSikpRTxSmmMKjNMNNNNopQM05RzUqinClopKB1qQClqNqjNNNMNJRilxThUq06lxRSUoFSqKQio2qNqYaQimkUUopwp4qQUtJRinqKkUUwmomNMNMJpKSilFOFOWnilopactTKKhaompmKQimGiilFKKeDThTs0U4CnCplqFqjIphptNIpp4ozRmnA0op4pwpwpRTxUq1A1MNMNNpKYaSilFPFOzTqUU8U8VKtViaaaaaaaaabTTRThThS5pwNOBp6mnipVNVSabmkNIabTTSUYpRS5ozTs04NT1NSLUq1TJpM0uaaTSGm0lFLRmkzS5pQalU1KpqZTVDNLmkzRmmk03NLmiikzRmkzTwaeDUqmplNUhjvSE4pN1GaaTSZozS5oJpM0maWnA04GpFNTK1f/9k='\n",
       "                class='ppy-images-img'/></div>\n",
       "            </div></div>\n",
       "            <div class='ppy-h2 ppy-images-step-header' onclick='toggleMetadata(5, \"cgw\")'>\n",
       "                Step 5: sharpen\n",
       "                <span id='ppy-images-arrow-cgw-5'\n",
       "                    class='ppy-images-toggle-arrow ppy-font-color-brown'>▼\n",
       "                </span>\n",
       "            </div>\n",
       "            <div id='ppy-images-metadata-cgw-5' class='ppy-images-metadata' style='display:block;'><div class='ppy-images'>\n",
       "        <div>\n",
       "            <p onclick='toggleImage(\"image-cgw-5-0\", \"cgw\")' class=\"ppy-images-image-p\" >\n",
       "                Image: 20180611041501.png\n",
       "                <span id='ppy-images-arrow-cgw-image-cgw-5-0' class='ppy-images-toggle-arrow ppy-font-color-brown'>▼</span>\n",
       "            </p>\n",
       "        \n",
       "            <img id='image-cgw-5-0'\n",
       "                src='data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDL/wAALCACAAIABAREA/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/9oACAEBAAA/APQiKjIphFMIphFNIoxSgU4CnqKeBTsUYpcU4U4UpFRsKYRTT0qMimkUYpQKUCpFFPAp2KMUuKUU4CnEVGRTMUxhTCKbRijFOAqQCngU7FGKKUU6nGozTDTCKaaYRRS4pyipFFSAUuKMUlAp4FONRtTDTDTTTTSUoFOUVKop4paSigDmpAKDTGqM0w000lGKUCnCpFp4paSjFKBUiikIpjVG1MNNxSEUUopwp608UtFGKcoqVRUZNRsajNMJpKKMUCnCninilopRTlqVaiaomphFNIptFFFOFOBp4NKKWlAp4qVahaoyKYaQ00immkopwNOFPFKKcKcKetSLUJqM000w0hppptFOFOFPzS04U4VIKlXpVYmmGmmmmkNNNNNFKKeKXNOBpwNOBqQVItViabmkNNNNNNoNJThS5ozSg04GnqalWpVqkTRmjNITTTSUlFFGaM0ZpwNSKalU1MpqjmjNGaTNITTc0ZpaSkzRmjNOBp4NSqamU1TFITik3UZppNJmjNLmkJpM0ZpaUGng1IpqZTX/2Q=='\n",
       "                class='ppy-images-img'/></div>\n",
       "            </div></div>\n",
       "            <div class='ppy-h2 ppy-images-step-header' onclick='toggleMetadata(6, \"cgw\")'>\n",
       "                Step 6: contrast\n",
       "                <span id='ppy-images-arrow-cgw-6'\n",
       "                    class='ppy-images-toggle-arrow ppy-font-color-brown'>▼\n",
       "                </span>\n",
       "            </div>\n",
       "            <div id='ppy-images-metadata-cgw-6' class='ppy-images-metadata' style='display:block;'><div class='ppy-images'>\n",
       "        <div>\n",
       "            <p onclick='toggleImage(\"image-cgw-6-0\", \"cgw\")' class=\"ppy-images-image-p\" >\n",
       "                Image: 20180611041501.png\n",
       "                <span id='ppy-images-arrow-cgw-image-cgw-6-0' class='ppy-images-toggle-arrow ppy-font-color-brown'>▼</span>\n",
       "            </p>\n",
       "        \n",
       "            <img id='image-cgw-6-0'\n",
       "                src='data:image/jpeg;base64,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'\n",
       "                class='ppy-images-img'/></div>\n",
       "            </div></div></div></div>"
      ],
      "text/plain": [
       "<IPython.core.display.HTML object>"
      ]
     },
     "execution_count": 10,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "pipeline.images.show(image_number=1)"
   ]
  },
  {
   "cell_type": "markdown",
   "id": "fb9612da-5411-4497-91f6-898ec5694bc1",
   "metadata": {},
   "source": [
    "# Export Images to file"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 11,
   "id": "60f534ca-c9aa-4295-a65a-684ba9648048",
   "metadata": {},
   "outputs": [
    {
     "name": "stdout",
     "output_type": "stream",
     "text": [
      "\u001b[92m☁ paidiverpy ☁  |       INFO | 2025-09-16 11:43:41 | Saving images from step: last\u001b[0m\n",
      "\u001b[92m☁ paidiverpy ☁  |       INFO | 2025-09-16 11:43:41 | Saving images using Threads\u001b[0m\n",
      "\u001b[92m☁ paidiverpy ☁  |       INFO | 2025-09-16 11:43:41 | Images are saved to: output\u001b[0m\n"
     ]
    }
   ],
   "source": [
    "pipeline.save_images(image_format=\"png\")"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": null,
   "id": "f9c8bb63-3119-487b-bedf-f845c0fd7c9b",
   "metadata": {},
   "outputs": [],
   "source": []
  }
 ],
 "metadata": {
  "kernelspec": {
   "display_name": "Python 3 (ipykernel)",
   "language": "python",
   "name": "python3"
  },
  "language_info": {
   "codemirror_mode": {
    "name": "ipython",
    "version": 3
   },
   "file_extension": ".py",
   "mimetype": "text/x-python",
   "name": "python",
   "nbconvert_exporter": "python",
   "pygments_lexer": "ipython3",
   "version": "3.10.12"
  }
 },
 "nbformat": 4,
 "nbformat_minor": 5
}
