@digital-ai/dot-illustrations 1.0.32 → 2.0.2

package/demo/index.html

@@ -14,1209 +14,12 @@
       <a href="https://github.com/digital-ai/dot-illustrations" target="_blank">
         https://github.com/digital-ai/dot-illustrations
       </a>
+    </p>    <p>For using illustrations as HTML include <code class="codeInclude">link rel="stylesheet" href="./index.css"</code></p>
     </p>
       <input class="search-wrapper" type="text" id="myInput" onkeyup="myFunction()" placeholder="Search for illustrations...">
-    <div class="demo-wrapper dot-illustration">
-      <!-- light agility illustrations --> 
-      <div>
-        <img class="illustration-done-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">done-light</span>
+      <button id="theme-toggle">Switch to dark mode</button>
+      <div id="illustration-list" class="demo-wrapper dot-illustration">
+  
       </div>
-      <div>
-        <img class="illustration-agility-empty-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-empty-light</span>
-      </div>
-      <div>
-        <img class="illustration-agility-favourite-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-favourite-light</span>
-      </div>
-      <div>
-        <img class="illustration-agility-disconnected-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-disconnected-light</span>
-      </div>
-      <div>
-        <img class="illustration-agility-features-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-features-light</span>
-      </div>
-      <div>
-        <img class="illustration-agility-launch-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-launch-light</span>
-      </div>
-      <div>
-        <img class="illustration-agility-nothing-defined-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-nothing-defined-light</span>
-      </div>
-      <div>
-        <img class="illustration-agility-survey-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-survey-light</span>
-      </div>
-      <div>
-        <img class="illustration-agility-community-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-community-light</span>
-      </div>
-      <div>
-        <img class="illustration-agility-assets-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-assets-light</span>
-      </div>
-      <div>
-        <img class="illustration-agility-work-item-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-work-item-light</span>
-      </div>
-      <div>
-        <img class="illustration-agility-reports-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-reports-light</span>
-      </div>
-      <div>
-        <img class="illustration-agility-dependency-up-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-dependency-up-light</span>
-      </div>
-      <div>
-        <img class="illustration-agility-dependency-down-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-dependency-down-light</span>
-      </div>
-      <div>
-        <img class="illustration-agility-chart-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-chart-light</span>
-      </div>
-      <div>
-        <img class="illustration-agility-no-files-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-no-files-light</span>
-      </div>
-      <div>
-        <img class="illustration-agility-password-token-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-password-token-light</span>
-      </div>
-      <div>
-        <img class="illustration-agility-user-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-user-light</span>
-      </div>
-
-      <!-- dark agility illustrations -->
-      <div>
-        <img class="illustration-done-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">done-dark</span>
-      </div> 
-       
-      <div>
-        <img class="illustration-agility-empty-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-empty-dark</span>
-      </div>
-      <div>
-        <img class="illustration-agility-favourite-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-favourite-dark</span>
-      </div>
-      <div>
-        <img class="illustration-agility-disconnected-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-disconnected-dark</span>
-      </div>
-      <div>
-        <img class="illustration-agility-features-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-features-dark</span>
-      </div>
-      <div>
-        <img class="illustration-agility-launch-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-launch-dark</span>
-      </div>
-      <div>
-        <img class="illustration-agility-nothing-defined-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-nothing-defined-dark</span>
-      </div>
-      <div>
-        <img class="illustration-agility-survey-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-survey-dark</span>
-      </div>
-      <div>
-        <img class="illustration-agility-community-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-community-dark</span>
-      </div>
-      <div>
-        <img class="illustration-agility-assets-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-assets-dark</span>
-      </div>
-      <div>
-        <img class="illustration-agility-work-item-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-work-item-dark</span>
-      </div>
-      <div>
-        <img class="illustration-agility-reports-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-reports-dark</span>
-      </div>
-      <div>
-        <img class="illustration-agility-dependency-up-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-dependency-up-dark</span>
-      </div>
-      <div>
-        <img class="illustration-agility-dependency-down-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-dependency-down-dark</span>
-      </div>
-      <div>
-        <img class="illustration-agility-chart-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-chart-dark</span>
-      </div>
-      <div>
-        <img class="illustration-agility-no-files-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-no-files-dark</span>
-      </div>
-      <div>
-        <img class="illustration-agility-password-token-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-password-token-dark</span>
-      </div>
-      <div>
-        <img class="illustration-agility-user-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-user-dark</span>
-      </div>
-      <!-- light digitalai illustrations --> 
-      <div>
-        <img class="illustration-digitalai-empty-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-empty-light</span>
-      </div>
-      <div>
-        <img class="illustration-digitalai-favorite-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-favorite-light</span>
-      </div>
-      <div>
-        <img class="illustration-digitalai-disconnected-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-disconnected-light</span>
-      </div>
-      <div>
-        <img class="illustration-digitalai-features-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-features-light</span>
-      </div>
-      <div>
-        <img class="illustration-digitalai-launch-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-launch-light</span>
-      </div>
-      <div>
-        <img class="illustration-digitalai-nothing-defined-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-nothing-defined-light</span>
-      </div>
-      <div>
-        <img class="illustration-digitalai-survey-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-survey-light</span>
-      </div>
-      <div>
-        <img class="illustration-digitalai-community-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-community-light</span>
-      </div>
-      <div>
-        <img class="illustration-digitalai-assets-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-assets-light</span>
-      </div>
-      <div>
-        <img class="illustration-digitalai-work-item-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-work-item-light</span>
-      </div>
-      <div>
-        <img class="illustration-digitalai-reports-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-reports-light</span>
-      </div>
-      <div>
-        <img class="illustration-digitalai-dependency-up-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-dependency-up-light</span>
-      </div>
-      <div>
-        <img class="illustration-digitalai-dependency-down-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-dependency-down-light</span>
-      </div>
-      <div>
-        <img class="illustration-digitalai-chart-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-chart-light</span>
-      </div>
-      <div>
-        <img class="illustration-digitalai-no-files-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-no-files-light</span>
-      </div>
-      <div>
-        <img class="illustration-digitalai-password-token-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-password-token-light</span>
-      </div>
-      <div>
-        <img class="illustration-digitalai-user-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-user-light</span>
-      </div>
-      
-      <!-- dark digitalai illustrations --> 
-      <div>
-        <img class="illustration-digitalai-empty-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-empty-dark</span>
-      </div>
-      <div>
-        <img class="illustration-digitalai-favourite-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-favourite-dark</span>
-      </div>
-      <div>
-        <img class="illustration-digitalai-disconnected-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-disconnected-dark</span>
-      </div>
-      <div>
-        <img class="illustration-digitalai-features-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-features-dark</span>
-      </div>
-      <div>
-        <img class="illustration-digitalai-launch-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-launch-dark</span>
-      </div>
-      <div>
-        <img class="illustration-digitalai-nothing-defined-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-nothing-defined-dark</span>
-      </div>
-      <div>
-        <img class="illustration-digitalai-survey-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-survey-dark</span>
-      </div>
-      <div>
-        <img class="illustration-digitalai-community-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-community-dark</span>
-      </div>
-      <div>
-        <img class="illustration-digitalai-assets-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-assets-dark</span>
-      </div>
-      <div>
-        <img class="illustration-digitalai-work-item-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-work-item-dark</span>
-      </div>
-      <div>
-        <img class="illustration-digitalai-reports-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-reports-dark</span>
-      </div>
-      <div>
-        <img class="illustration-digitalai-dependency-up-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-dependency-up-dark</span>
-      </div>
-      <div>
-        <img class="illustration-digitalai-dependency-down-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-dependency-down-dark</span>
-      </div>
-      <div>
-        <img class="illustration-digitalai-chart-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-chart-dark</span>
-      </div>
-      <div>
-        <img class="illustration-digitalai-no-files-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-no-files-dark</span>
-      </div>
-      <div>
-        <img class="illustration-digitalai-password-token-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-password-token-dark</span>
-      </div>
-      <div>
-        <img class="illustration-digitalai-user-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-user-dark</span>
-      </div>
-      <!-- light dashboards agility illustrations --> 
-
-      <div>
-        <img class="illustration-dashboards-agility-change-impact-hotspots-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-change-impact-hotspots-light</span>
-      </div>
-
-      <div>
-        <img class="illustration-dashboards-agility-change-impact-detection-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-change-impact-detection-light</span>
-      </div>
-
-      <div>
-        <img class="illustration-dashboards-agility-change-impact-dashboard-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-change-impact-dashboard-light</span>
-      </div>
-
-      <div>
-        <img class="illustration-dashboards-agility-change-failure-prediction-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-change-failure-prediction-light</span>
-      </div>
-
-      <div>
-        <img class="illustration-dashboards-agility-change-failure-factors-dashboard-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-change-failure-factors-dashboard-light</span>
-      </div>
-
-      <div>
-        <img class="illustration-dashboards-agility-change-executive-dashboard-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-change-executive-dashboard-light</span>
-      </div>
-
-      <div>
-        <img class="illustration-dashboards-agility-change-data-quality-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-change-data-quality-light</span>
-      </div>
-
-      <div>
-        <img class="illustration-dashboards-agility-change-credit-score-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-change-credit-score-light</span>
-      </div>
-
-      <div>
-        <img class="illustration-dashboards-agility-CRP-failure-prediction-monitoring-dashboard-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-CRP-failure-prediction-monitoring-dashboard-light</span>
-      </div>
-
-      <div>
-        <img class="illustration-dashboards-agility-burn-up-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-burn-up-light</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-agility-burn-down-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-burn-down-light</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-agility-custom-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-custom-light</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-agility-dora-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-dora-light</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-agility-onboarding-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-onboarding-light</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-agility-late-task-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-late-task-light</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-agility-analysis-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-analysis-light</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-agility-workflow-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-workflow-light</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-agility-dependency-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-dependency-light</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-agility-executive-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-executive-light</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-agility-automation-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-automation-light</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-agility-defect-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-defect-light</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-agility-item-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-item-light</span>
-      </div>
-      <!-- light dashboards digitalai illustrations --> 
-
-      <div>
-        <img class="illustration-dashboards-digitalai-change-impact-hotspots-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-change-impact-hotspots-light</span>
-      </div>
-
-      <div>
-        <img class="illustration-dashboards-digitalai-change-impact-detection-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-change-impact-detection-light</span>
-      </div>
-
-      <div>
-        <img class="illustration-dashboards-digitalai-change-impact-dashboard-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-change-impact-dashboard-light</span>
-      </div>
-
-      <div>
-        <img class="illustration-dashboards-digitalai-change-failure-prediction-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-change-failure-prediction-light</span>
-      </div>
-
-      <div>
-        <img class="illustration-dashboards-digitalai-change-failure-factors-dashboard-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-change-failure-factors-dashboard-light</span>
-      </div>
-
-      <div>
-        <img class="illustration-dashboards-digitalai-change-executive-dashboard-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-change-executive-dashboard-light</span>
-      </div>
-
-      <div>
-        <img class="illustration-dashboards-digitalai-change-data-quality-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-change-data-quality-light</span>
-      </div>
-
-      <div>
-        <img class="illustration-dashboards-digitalai-change-credit-score-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-change-credit-score-light</span>
-      </div>
-
-      <div>
-        <img class="illustration-dashboards-digitalai-CRP-failure-prediction-monitoring-dashboard-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-CRP-failure-prediction-monitoring-dashboard-light</span>
-      </div>
-
-      <div>
-        <img class="illustration-dashboards-digitalai-burn-down-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-burn-down-light</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-digitalai-burn-up-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-burn-up-light</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-digitalai-custom-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-custom-light</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-digitalai-dora-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-dora-light</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-digitalai-onboarding-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-onboarding-light</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-digitalai-late-task-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-late-task-light</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-digitalai-analysis-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-analysis-light</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-digitalai-workflow-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-workflow-light</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-digitalai-dependency-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-dependency-light</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-digitalai-executive-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-executive-light</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-digitalai-automation-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-automation-light</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-digitalai-defect-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-defect-light</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-digitalai-item-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-item-light</span>
-      </div>
-      <!-- dark dashboards agility illustrations --> 
-
-      <div>
-        <img class="illustration-dashboards-agility-change-impact-hotspots-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-change-impact-hotspots-dark</span>
-      </div>
-
-      <div>
-        <img class="illustration-dashboards-agility-change-impact-detection-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-change-impact-detection-dark</span>
-      </div>
-
-      <div>
-        <img class="illustration-dashboards-agility-change-impact-dashboard-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-change-impact-dashboard-dark</span>
-      </div>
-
-      <div>
-        <img class="illustration-dashboards-agility-change-failure-prediction-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-change-failure-prediction-dark</span>
-      </div>
-
-      <div>
-        <img class="illustration-dashboards-agility-change-failure-factors-dashboard-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-change-failure-factors-dashboard-dark</span>
-      </div>
-
-      <div>
-        <img class="illustration-dashboards-agility-change-executive-dashboard-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-change-executive-dashboard-dark</span>
-      </div>
-
-      <div>
-        <img class="illustration-dashboards-agility-change-data-quality-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-change-data-quality-dark</span>
-      </div>
-
-      <div>
-        <img class="illustration-dashboards-agility-change-credit-score-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-change-credit-score-dark</span>
-      </div>
-
-      <div>
-        <img class="illustration-dashboards-agility-CRP-failure-prediction-monitoring-dashboard-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-CRP-failure-prediction-monitoring-dashboard-dark</span>
-      </div>
-
-      <div>
-        <img class="illustration-dashboards-agility-burn-up-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-burn-up-dark</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-agility-burn-down-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-burn-down-dark</span>
-      </div>
-
-      <div>
-        <img class="illustration-dashboards-agility-custom-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-custom-dark</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-agility-dora-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-dora-agility-dark</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-agility-onboarding-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-onboarding-dark</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-agility-late-task-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-late-task-dark</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-agility-analysis-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-analysis-dark</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-agility-workflow-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-workflow-dark</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-agility-dependency-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-dependency-dark</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-agility-executive-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-executive-dark</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-agility-automation-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-automation-dark</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-agility-defect-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-defect-dark</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-agility-item-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-item-dark</span>
-      </div>
-      <!-- dark dashboards digitalai illustrations --> 
-
-      <div>
-        <img class="illustration-dashboards-digitalai-change-impact-hotspots-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-change-impact-hotspots-dark</span>
-      </div>
-
-      <div>
-        <img class="illustration-dashboards-digitalai-change-impact-detection-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-change-impact-detection-dark</span>
-      </div>
-
-      <div>
-        <img class="illustration-dashboards-digitalai-change-impact-dashboard-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-change-impact-dashboard-dark</span>
-      </div>
-
-      <div>
-        <img class="illustration-dashboards-digitalai-change-failure-prediction-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-change-failure-prediction-dark</span>
-      </div>
-
-      <div>
-        <img class="illustration-dashboards-digitalai-change-failure-factors-dashboard-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-change-failure-factors-dashboard-dark</span>
-      </div>
-
-      <div>
-        <img class="illustration-dashboards-digitalai-change-executive-dashboard-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-change-executive-dashboard-dark</span>
-      </div>
-
-      <div>
-        <img class="illustration-dashboards-digitalai-change-data-quality-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-change-data-quality-dark</span>
-      </div>
-      
-      <div>
-        <img class="illustration-dashboards-digitalai-change-credit-score-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-change-credit-score-dark</span>
-      </div>
-      
-      <div>
-        <img class="illustration-dashboards-digitalai-CRP-failure-prediction-monitoring-dashboard-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-CRP-failure-prediction-monitoring-dark</span>
-      </div>
-
-      <div>
-        <img class="illustration-dashboards-digitalai-burn-up-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-burn-up-dark</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-digitalai-burn-down-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-burn-down-dark</span>
-      </div>
-
-      <div>
-        <img class="illustration-dashboards-digitalai-custom-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-custom-dark</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-digitalai-dora-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-dora-dark</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-digitalai-onboarding-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-onboarding-dark</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-digitalai-late-task-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-late-task-dark</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-digitalai-analysis-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-analysis-dark</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-digitalai-workflow-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-workflow-dark</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-digitalai-dependency-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-dependency-dark</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-digitalai-executive-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-executive-dark</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-digitalai-automation-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-automation-dark</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-digitalai-defect-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-defect-dark</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-digitalai-item-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-item-dark</span>
-      </div>
-
-      <!-- light nobg dashboards agility illustrations --> 
-      <div>
-        <img class="illustration-dashboards-agility-custom-nobg-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-custom-nobg-light</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-agility-dora-nobg-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-dora-nobg-light</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-agility-onboarding-nobg-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-onboarding-nobg-light</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-agility-late-task-nobg-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-late-task-nobg-light</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-agility-analysis-nobg-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-analysis-nobg-light</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-agility-workflow-nobg-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-workflow-nobg-light</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-agility-dependency-nobg-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-dependency-nobg-light</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-agility-executive-nobg-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-executive-nobg-light</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-agility-automation-nobg-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-automation-nobg-light</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-agility-defect-nobg-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-defect-nobg-light</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-agility-item-nobg-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-item-nobg-light</span>
-      </div>
-
-      <!-- light nobg dashboards digitalai illustrations --> 
-      <div>
-        <img class="illustration-dashboards-digitalai-custom-nobg-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-custom-nobg-light</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-digitalai-dora-nobg-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-dora-nobg-light</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-digitalai-onboarding-nobg-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-onboarding-nobg-light</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-digitalai-late-task-nobg-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-late-task-nobg-light</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-digitalai-analysis-nobg-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-analysis-nobg-light</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-digitalai-workflow-nobg-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-workflow-nobg-light</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-digitalai-dependency-nobg-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-dependency-nobg-light</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-digitalai-executive-nobg-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-executive-nobg-light</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-digitalai-automation-nobg-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-automation-nobg-light</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-digitalai-defect-nobg-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-defect-nobg-light</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-digitalai-item-nobg-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-item-nobg-light</span>
-      </div>
-
-      <!-- dark nobg dashboards agility illustrations --> 
-      <div>
-        <img class="illustration-dashboards-agility-custom-nobg-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-custom-nobg-dark</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-agility-dora-nobg-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-dora-agility-nobg-dark</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-agility-onboarding-nobg-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-onboarding-nobg-dark</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-agility-late-task-nobg-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-late-task-nobg-dark</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-agility-analysis-nobg-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-analysis-nobg-dark</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-agility-workflow-nobg-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-workflow-nobg-dark</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-agility-dependency-nobg-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-dependency-nobg-dark</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-agility-executive-nobg-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-executive-nobg-dark</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-agility-automation-nobg-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-automation-nobg-dark</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-agility-defect-nobg-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-defect-nobg-dark</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-agility-item-nobg-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-item-nobg-dark</span>
-      </div>
-
-      <!-- dark nobg dashboards digitalai illustrations --> 
-      <div>
-        <img class="illustration-dashboards-digitalai-custom-nobg-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-custom-nobg-dark</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-digitalai-dora-nobg-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-dora-nobg-dark</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-digitalai-onboarding-nobg-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-onboarding-nobg-dark</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-digitalai-late-task-nobg-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-late-task-nobg-dark</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-digitalai-analysis-nobg-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-analysis-nobg-dark</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-digitalai-workflow-nobg-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-workflow-nobg-dark</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-digitalai-dependency-nobg-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-dependency-nobg-dark</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-digitalai-executive-nobg-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-executive-nobg-dark</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-digitalai-automation-nobg-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-automation-nobg-dark</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-digitalai-defect-nobg-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-defect-nobg-dark</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-digitalai-item-nobg-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-item-nobg-dark</span>
-      </div>
-
-      <!-- light ux agility illustrations --> 
-      <div class="container">
-        <img class="illustration-agility-ux-community-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-ux-community-light</span>
-      </div>
-      <div class="container">
-        <img class="illustration-agility-ux-goal-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-ux-goal-light</span>
-      </div>
-      <div class="container">
-        <img class="illustration-agility-ux-launch-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-ux-launch-light</span>
-      </div>
-      <div class="container">
-        <img class="illustration-agility-ux-objective-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-ux-objective-light</span>
-      </div>
-      <div class="container">
-        <img class="illustration-agility-ux-paper-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-ux-paper-light</span>
-      </div>
-      <div class="container">
-        <img class="illustration-agility-ux-update-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-ux-update-light</span>
-      </div>
-
-      <!-- dark ux agility illustrations --> 
-      <div class="container">
-        <img class="illustration-agility-ux-community-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-ux-community-dark</span>
-      </div>
-      <div class="container">
-        <img class="illustration-agility-ux-goal-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-ux-goal-dark</span>
-      </div>
-      <div class="container">
-        <img class="illustration-agility-ux-launch-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-ux-launch-dark</span>
-      </div>
-      <div class="container">
-        <img class="illustration-agility-ux-objective-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-ux-objective-dark</span>
-      </div>
-      <div class="container">
-        <img class="illustration-agility-ux-paper-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-ux-paper-dark</span>
-      </div>
-      <div class="container">
-        <img class="illustration-agility-ux-update-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-ux-update-dark</span>
-      </div>
-
-      <!-- light ux digitalai illustrations --> 
-      <div class="container">
-        <img class="illustration-digitalai-ux-community-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-ux-community-light</span>
-      </div>
-      <div class="container">
-        <img class="illustration-digitalai-ux-goal-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-ux-goal-light</span>
-      </div>
-      <div class="container">
-        <img class="illustration-digitalai-ux-launch-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-ux-launch-light</span>
-      </div>
-      <div class="container">
-        <img class="illustration-digitalai-ux-objective-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-ux-objective-light</span>
-      </div>
-      <div class="container">
-        <img class="illustration-digitalai-ux-paper-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-ux-paper-light</span>
-      </div>
-      <div class="container">
-        <img class="illustration-digitalai-ux-update-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-ux-update-light</span>
-      </div>
-      
-      <!-- dark ux digitalai illustrations --> 
-      <div class="container">
-        <img class="illustration-digitalai-ux-community-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-ux-community-dark</span>
-      </div>
-      <div class="container">
-        <img class="illustration-digitalai-ux-goal-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-ux-goal-dark</span>
-      </div>
-      <div class="container">
-        <img class="illustration-digitalai-ux-launch-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-ux-launch-dark</span>
-      </div>
-      <div class="container">
-        <img class="illustration-digitalai-ux-objective-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-ux-objective-dark</span>
-      </div>
-      <div class="container">
-        <img class="illustration-digitalai-ux-paper-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-ux-paper-dark</span>
-      </div>
-      <div class="container">
-        <img class="illustration-digitalai-ux-update-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-ux-update-dark</span>
-      </div>
-    </div>
   </body>
-</html>
-
+</html>