

<turbo-stream action="open_drawer" target="main_drawer"><template><div id="releases-drawer" class="drawer w-app">
  <h2 class="drawer__header flex">
    <div class="relative mr-3 flex" data-controller="dropdown">
  <div class="inline-block text-white hover:text-primary-500 select-none settings-menu" data-action="click->dropdown#toggle click@window->dropdown#hide" role="button" data-dropdown-target="button" tabindex="0">
    <div class="h-6 w-6 stroke-current stroke-1 fill-current"><svg viewBox="0 0 26 26" xmlns="http://www.w3.org/2000/svg"><g stroke="currentColor" fill="none" fill-rule="evenodd"><circle cx="13" cy="13" r="12" vector-effect="non-scaling-stroke"/><path d="M12 5.5h6v14h-6zM11 18H8.5V7h2M8 16H5.5V9h2" vector-effect="non-scaling-stroke"/></g></svg>
</div>
  </div>
  <div data-dropdown-target="menu" class="settings-menu__dropdown appear-from-top-left-animation hidden">
      <a class="flex gap-1.5 text-xs items-center text-white settings-menu__releases" data-turbo-stream="true" href="/cycles/229770/releases?show_view=true"><div class="h-5 w-5 current-stroke stroke-1"><svg viewBox="0 0 26 26" xmlns="http://www.w3.org/2000/svg"><g stroke="currentColor" fill="none" fill-rule="evenodd"><circle cx="13" cy="13" r="12" vector-effect="non-scaling-stroke"/><path d="M12 5.5h6v14h-6zM11 18H8.5V7h2M8 16H5.5V9h2" vector-effect="non-scaling-stroke"/></g></svg>
</div>Releases</a>
      <a class="flex gap-1.5 text-xs items-center text-white settings-menu__review" data-remote="true" href="/cycles/229770/review"><div class="h-5 w-5 current-stroke stroke-1"><svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><g stroke="#48484A" fill="none" fill-rule="evenodd"><circle stroke="currentColor" cx="8" cy="8" r="7.5" vector-effect="non-scaling-stroke"/><circle cx="8" stroke="currentColor" cy="8" r="3.5" vector-effect="non-scaling-stroke"/><circle fill="currentColor" cx="8" cy="4.5" r="1.97" vector-effect="non-scaling-stroke"/><circle fill="currentColor" cx="4.9" cy="9.7" r="1.97" vector-effect="non-scaling-stroke"/><circle fill="currentColor" cx="11.1" cy="9.7" r="1.97" vector-effect="non-scaling-stroke"/></g></svg></div>Review</a>
  </div>
</div>

    <span>Releases of this cycle</span>
    <span class="mx-2 text-dracula-100">
      <div data-controller="dropdown" class="relative">
  <button data-action="click->dropdown#toggle click@window->dropdown#hide" data-target="button" type="button" data-tippy-content="Change impact category" tabindex= "0" class="flex items-center hover:text-primary-500 p-0.5">
    <div class="w-5 h-5 stroke-1"><svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><g stroke="currentColor" fill="none" fill-rule="evenodd"><circle vector-effect="non-scaling-stroke" transform="rotate(90 8 8)" cx="8" cy="8" r="7.5"/><path vector-effect="non-scaling-stroke" d="M4.823 12.4c.343-1.243.98-2.944 3.2-4.8M7.623 11.2c1.052 0 2.724-.677 2.418-2.322-.305-1.645-.152-3.78.782-4.878-1.295.063-4.105.478-5.15 1.846C4.63 7.214 4.263 7.64 4.423 9.6"/></g></svg>
</div>
  </button>
  <div data-dropdown-target="menu" class="w-48 transform mt-3 absolute -left-4 top-full mt-3 text-white bg-dracula-500 rounded z-50 hidden">
    <div class="bg-transparent py-1.5 px-3 shadow" >
        <div data-controller="action-forwarder" data-action-forwarder-target="reference" data-action="click->action-forwarder#updateValueFromData" data-action-forwarder-element-value="impact-category" class="font-normal text-xs hover:text-primary-500 cursor-pointer my-1" data-value="water-use">Water use</div>
        <div data-controller="action-forwarder" data-action-forwarder-target="reference" data-action="click->action-forwarder#updateValueFromData" data-action-forwarder-element-value="impact-category" class="font-normal text-xs hover:text-primary-500 cursor-pointer my-1" data-value="climate-change">Climate change</div>
        <div data-controller="action-forwarder" data-action-forwarder-target="reference" data-action="click->action-forwarder#updateValueFromData" data-action-forwarder-element-value="impact-category" class="font-normal text-xs hover:text-primary-500 cursor-pointer my-1" data-value="damage-to-human-health">Damage to human health</div>
        <div data-controller="action-forwarder" data-action-forwarder-target="reference" data-action="click->action-forwarder#updateValueFromData" data-action-forwarder-element-value="impact-category" class="font-normal text-xs hover:text-primary-500 cursor-pointer my-1" data-value="damage-to-ecosystems">Damage to ecosystems</div>
        <div data-controller="action-forwarder" data-action-forwarder-target="reference" data-action="click->action-forwarder#updateValueFromData" data-action-forwarder-element-value="impact-category" class="font-normal text-xs hover:text-primary-500 cursor-pointer my-1" data-value="damage-to-resource-availability">Damage to resource availability</div>
    </div>
  </div>
</div>

    </span>
  </h2>
    <div class="drawer__section mt-6">
      <h3 class="text-base font-semibold">
        Impact progress
        <span class="in-parens text-dracula-100 text-xs font-normal">kg CO2 eq</span>
      </h3>
      <svg id="releases-diagram" data-controller="area-diagram" data-action="earthster:state:change@window->area-diagram#redraw" data-area-diagram-sequence-value="[{&quot;date&quot;:&quot;2023-11-29T15:04:06.000Z&quot;,&quot;value&quot;:{&quot;water-use&quot;:5421.495368550893,&quot;climate-change&quot;:125147.5088338579,&quot;damage-to-ecosystems&quot;:0.0007042554872167732,&quot;damage-to-human-health&quot;:0.1514011449937449,&quot;damage-to-resource-availability&quot;:10086.68147454575}},{&quot;date&quot;:&quot;2024-04-24T11:56:48.000Z&quot;,&quot;value&quot;:{&quot;water-use&quot;:5421.495368550893,&quot;climate-change&quot;:125147.5088338579,&quot;damage-to-ecosystems&quot;:0.0007042554872167732,&quot;damage-to-human-health&quot;:0.1514011449937449,&quot;damage-to-resource-availability&quot;:10086.68147454575}},{&quot;date&quot;:&quot;2024-12-19T12:46:36.000Z&quot;,&quot;value&quot;:{&quot;water-use&quot;:23658.80760451959,&quot;climate-change&quot;:167493.6567304276,&quot;damage-to-ecosystems&quot;:0.001117576286090403,&quot;damage-to-human-health&quot;:0.260486704688704,&quot;damage-to-resource-availability&quot;:15581.32604827975}},{&quot;date&quot;:&quot;2025-02-06T08:33:15.000Z&quot;,&quot;value&quot;:{&quot;water-use&quot;:278385.1415371372,&quot;climate-change&quot;:84040.74188633721,&quot;damage-to-ecosystems&quot;:0.004141349721370939,&quot;damage-to-human-health&quot;:0.761046556121366,&quot;damage-to-resource-availability&quot;:8600.921689581375}},{&quot;date&quot;:&quot;2025-04-01T08:59:42.000Z&quot;,&quot;value&quot;:{&quot;water-use&quot;:105972.6451524037,&quot;climate-change&quot;:80724.29102413628,&quot;damage-to-ecosystems&quot;:0.001803651639583271,&quot;damage-to-human-health&quot;:0.3787354906551606,&quot;damage-to-resource-availability&quot;:7961.501277382615}}]" overflow="visible"></svg>
    </div>
  <div class="drawer__section release-list divide-y divide-dracula-500 text-sm font-semibold">
    <div id="release-list__cycle-status" class="release-list__item --updated py-3 flex items-center">
      <span class="release-list__item-text flex-1">
        Release name
      </span>
      <span class="release-list__item-time w-2/12 text-xs font-normal"></span>
      <span class="release-list__item-impact w-2/12 text-right">
        Impact
      </span>
    </div>
      <div class="release-list__item py-3 flex items-center">
        <span class="release-list__item-text flex-1">
          <a class="text-white" href="/cycles/229770?release_id=142460">
            <span>Release 5</span>
            <span class="font-normal text-dracula-100 in-parens inline-block">Hajnalka Collado</span>
</a>        </span>
        <span class="release-list__item-time w-2/12 text-xs font-normal"><span title="2025-04-01T08:59:42+00:00">
  <time datetime="2025-04-01T08:59:42Z" data-local="time-ago">April  1, 2025  8:59am</time>
</span></span>
        <span class="release-list__item-impact w-2/12 text-right">
          <div id=""
     class="impact-label "
     data-controller="impact-label"
     data-impact-label-amounts-value="{&quot;water-use&quot;:105972.6451524037,&quot;climate-change&quot;:80724.29102413628,&quot;damage-to-ecosystems&quot;:0.001803651639583271,&quot;damage-to-human-health&quot;:0.3787354906551606,&quot;damage-to-resource-availability&quot;:7961.501277382615}"
     data-action="earthster:state:change@window->impact-label#showValue
                  turbo:morph-element->impact-label#showValue">
  <span data-impact-label-target="amount"
        class="impact-label__amount"></span>
  <span data-unit
        data-impact-label-target="unit"
        class="impact-label__unit"></span>
</div>

        </span>
        <div class="release-list__item-actions relative ml-auto flex items-center"></div>
      </div>
      <div class="release-list__item py-3 flex items-center">
        <span class="release-list__item-text flex-1">
          <a class="text-white" href="/cycles/229770?release_id=142000">
            <span>Release 4</span>
            <span class="font-normal text-dracula-100 in-parens inline-block">Hajnalka Collado</span>
</a>        </span>
        <span class="release-list__item-time w-2/12 text-xs font-normal"><span title="2025-02-06T08:33:15+00:00">
  <time datetime="2025-02-06T08:33:15Z" data-local="time-ago">February  6, 2025  8:33am</time>
</span></span>
        <span class="release-list__item-impact w-2/12 text-right">
          <div id=""
     class="impact-label "
     data-controller="impact-label"
     data-impact-label-amounts-value="{&quot;water-use&quot;:278385.1415371372,&quot;climate-change&quot;:84040.74188633721,&quot;damage-to-ecosystems&quot;:0.004141349721370939,&quot;damage-to-human-health&quot;:0.761046556121366,&quot;damage-to-resource-availability&quot;:8600.921689581375}"
     data-action="earthster:state:change@window->impact-label#showValue
                  turbo:morph-element->impact-label#showValue">
  <span data-impact-label-target="amount"
        class="impact-label__amount"></span>
  <span data-unit
        data-impact-label-target="unit"
        class="impact-label__unit"></span>
</div>

        </span>
        <div class="release-list__item-actions relative ml-auto flex items-center"></div>
      </div>
      <div class="release-list__item py-3 flex items-center">
        <span class="release-list__item-text flex-1">
          <a class="text-white" href="/cycles/229770?release_id=141543">
            <span>Release 3</span>
            <span class="font-normal text-dracula-100 in-parens inline-block">Hajnalka Collado</span>
</a>        </span>
        <span class="release-list__item-time w-2/12 text-xs font-normal"><span title="2024-12-19T12:46:36+00:00">
  <time datetime="2024-12-19T12:46:36Z" data-local="time-ago">December 19, 2024 12:46pm</time>
</span></span>
        <span class="release-list__item-impact w-2/12 text-right">
          <div id=""
     class="impact-label "
     data-controller="impact-label"
     data-impact-label-amounts-value="{&quot;water-use&quot;:23658.80760451959,&quot;climate-change&quot;:167493.6567304276,&quot;damage-to-ecosystems&quot;:0.001117576286090403,&quot;damage-to-human-health&quot;:0.260486704688704,&quot;damage-to-resource-availability&quot;:15581.32604827975}"
     data-action="earthster:state:change@window->impact-label#showValue
                  turbo:morph-element->impact-label#showValue">
  <span data-impact-label-target="amount"
        class="impact-label__amount"></span>
  <span data-unit
        data-impact-label-target="unit"
        class="impact-label__unit"></span>
</div>

        </span>
        <div class="release-list__item-actions relative ml-auto flex items-center"></div>
      </div>
      <div class="release-list__item py-3 flex items-center">
        <span class="release-list__item-text flex-1">
          <a class="text-white" href="/cycles/229770?release_id=69336">
            <span>Release 2</span>
            <span class="font-normal text-dracula-100 in-parens inline-block">Hajnalka Collado</span>
</a>        </span>
        <span class="release-list__item-time w-2/12 text-xs font-normal"><span title="2024-04-24T11:56:48+00:00">
  <time datetime="2024-04-24T11:56:48Z" data-local="time-ago">April 24, 2024 11:56am</time>
</span></span>
        <span class="release-list__item-impact w-2/12 text-right">
          <div id=""
     class="impact-label "
     data-controller="impact-label"
     data-impact-label-amounts-value="{&quot;water-use&quot;:5421.495368550893,&quot;climate-change&quot;:125147.5088338579,&quot;damage-to-ecosystems&quot;:0.0007042554872167732,&quot;damage-to-human-health&quot;:0.1514011449937449,&quot;damage-to-resource-availability&quot;:10086.68147454575}"
     data-action="earthster:state:change@window->impact-label#showValue
                  turbo:morph-element->impact-label#showValue">
  <span data-impact-label-target="amount"
        class="impact-label__amount"></span>
  <span data-unit
        data-impact-label-target="unit"
        class="impact-label__unit"></span>
</div>

        </span>
        <div class="release-list__item-actions relative ml-auto flex items-center"></div>
      </div>
      <div class="release-list__item py-3 flex items-center">
        <span class="release-list__item-text flex-1">
          <a class="text-white" href="/cycles/229770?release_id=43830">
            <span>Release 1</span>
            <span class="font-normal text-dracula-100 in-parens inline-block">Hajnalka Collado</span>
</a>        </span>
        <span class="release-list__item-time w-2/12 text-xs font-normal"><span title="2023-11-29T15:04:06+00:00">
  <time datetime="2023-11-29T15:04:06Z" data-local="time-ago">November 29, 2023  3:04pm</time>
</span></span>
        <span class="release-list__item-impact w-2/12 text-right">
          <div id=""
     class="impact-label "
     data-controller="impact-label"
     data-impact-label-amounts-value="{&quot;water-use&quot;:5421.495368550893,&quot;climate-change&quot;:125147.5088338579,&quot;damage-to-ecosystems&quot;:0.0007042554872167732,&quot;damage-to-human-health&quot;:0.1514011449937449,&quot;damage-to-resource-availability&quot;:10086.68147454575}"
     data-action="earthster:state:change@window->impact-label#showValue
                  turbo:morph-element->impact-label#showValue">
  <span data-impact-label-target="amount"
        class="impact-label__amount"></span>
  <span data-unit
        data-impact-label-target="unit"
        class="impact-label__unit"></span>
</div>

        </span>
        <div class="release-list__item-actions relative ml-auto flex items-center"></div>
      </div>
  </div>
</div>
</template></turbo-stream>
