@digital-ai/dot-illustrations 1.0.15 → 1.0.17

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (12) hide show
  1. package/demo/demo.css +81 -14
  2. package/demo/index.html +376 -188
  3. package/demo/script.js +35 -0
  4. package/index.css +2 -2
  5. package/integrations/demo/demo.css +144 -0
  6. package/integrations/demo/index.css +424 -0
  7. package/integrations/demo/index.html +632 -0
  8. package/integrations/demo/script.js +51 -0
  9. package/integrations/demo.css +128 -0
  10. package/integrations/index.html +991 -0
  11. package/integrations/script.js +51 -0
  12. package/package.json +1 -1
package/demo/index.html CHANGED
@@ -20,782 +20,970 @@
20
20
  <!-- light agility illustrations -->
21
21
  <div>
22
22
  <img class="illustration-agility-empty-light"></i>
23
- <span>agility-empty-light</span>
23
+ <button class="button" onclick="copyText(this)">Copy ID</button>
24
+ <span class="illustrationID">agility-empty-light</span>
24
25
  </div>
25
26
  <div>
26
27
  <img class="illustration-agility-favourite-light"></i>
27
- <span>agility-favourite-light</span>
28
+ <button class="button" onclick="copyText(this)">Copy ID</button>
29
+ <span class="illustrationID">agility-favourite-light</span>
28
30
  </div>
29
31
  <div>
30
32
  <img class="illustration-agility-disconnected-light"></i>
31
- <span>agility-disconnected-light</span>
33
+ <button class="button" onclick="copyText(this)">Copy ID</button>
34
+ <span class="illustrationID">agility-disconnected-light</span>
32
35
  </div>
33
36
  <div>
34
37
  <img class="illustration-agility-features-light"></i>
35
- <span>agility-features-light</span>
38
+ <button class="button" onclick="copyText(this)">Copy ID</button>
39
+ <span class="illustrationID">agility-features-light</span>
36
40
  </div>
37
41
  <div>
38
42
  <img class="illustration-agility-launch-light"></i>
39
- <span>agility-launch-light</span>
43
+ <button class="button" onclick="copyText(this)">Copy ID</button>
44
+ <span class="illustrationID">agility-launch-light</span>
40
45
  </div>
41
46
  <div>
42
47
  <img class="illustration-agility-nothing-defined-light"></i>
43
- <span>agility-nothing-defined-light</span>
48
+ <button class="button" onclick="copyText(this)">Copy ID</button>
49
+ <span class="illustrationID">agility-nothing-defined-light</span>
44
50
  </div>
45
51
  <div>
46
52
  <img class="illustration-agility-survey-light"></i>
47
- <span>agility-survey-light</span>
53
+ <button class="button" onclick="copyText(this)">Copy ID</button>
54
+ <span class="illustrationID">agility-survey-light</span>
48
55
  </div>
49
56
  <div>
50
57
  <img class="illustration-agility-community-light"></i>
51
- <span>agility-community-light</span>
58
+ <button class="button" onclick="copyText(this)">Copy ID</button>
59
+ <span class="illustrationID">agility-community-light</span>
52
60
  </div>
53
61
  <div>
54
62
  <img class="illustration-agility-assets-light"></i>
55
- <span>agility-assets-light</span>
63
+ <button class="button" onclick="copyText(this)">Copy ID</button>
64
+ <span class="illustrationID">agility-assets-light</span>
56
65
  </div>
57
66
  <div>
58
67
  <img class="illustration-agility-work-item-light"></i>
59
- <span>agility-work-item-light</span>
68
+ <button class="button" onclick="copyText(this)">Copy ID</button>
69
+ <span class="illustrationID">agility-work-item-light</span>
60
70
  </div>
61
71
  <div>
62
72
  <img class="illustration-agility-reports-light"></i>
63
- <span>agility-reports-light</span>
73
+ <button class="button" onclick="copyText(this)">Copy ID</button>
74
+ <span class="illustrationID">agility-reports-light</span>
64
75
  </div>
65
76
  <div>
66
77
  <img class="illustration-agility-dependency-up-light"></i>
67
- <span>agility-dependency-up-light</span>
78
+ <button class="button" onclick="copyText(this)">Copy ID</button>
79
+ <span class="illustrationID">agility-dependency-up-light</span>
68
80
  </div>
69
81
  <div>
70
82
  <img class="illustration-agility-dependency-down-light"></i>
71
- <span>agility-dependency-down-light</span>
83
+ <button class="button" onclick="copyText(this)">Copy ID</button>
84
+ <span class="illustrationID">agility-dependency-down-light</span>
72
85
  </div>
73
86
  <div>
74
87
  <img class="illustration-agility-chart-light"></i>
75
- <span>agility-chart-light</span>
88
+ <button class="button" onclick="copyText(this)">Copy ID</button>
89
+ <span class="illustrationID">agility-chart-light</span>
76
90
  </div>
77
91
  <div>
78
92
  <img class="illustration-agility-no-files-light"></i>
79
- <span>agility-no-files-light</span>
93
+ <button class="button" onclick="copyText(this)">Copy ID</button>
94
+ <span class="illustrationID">agility-no-files-light</span>
80
95
  </div>
81
96
  <div>
82
97
  <img class="illustration-agility-password-token-light"></i>
83
- <span>agility-password-token-light</span>
98
+ <button class="button" onclick="copyText(this)">Copy ID</button>
99
+ <span class="illustrationID">agility-password-token-light</span>
84
100
  </div>
85
101
  <div>
86
102
  <img class="illustration-agility-user-light"></i>
87
- <span>agility-user-light</span>
103
+ <button class="button" onclick="copyText(this)">Copy ID</button>
104
+ <span class="illustrationID">agility-user-light</span>
88
105
  </div>
89
106
 
90
107
  <!-- dark agility illustrations -->
91
108
  <div>
92
109
  <img class="illustration-agility-empty-dark"></i>
93
- <span>agility-empty-dark</span>
110
+ <button class="button" onclick="copyText(this)">Copy ID</button>
111
+ <span class="illustrationID">agility-empty-dark</span>
94
112
  </div>
95
113
  <div>
96
114
  <img class="illustration-agility-favourite-dark"></i>
97
- <span>agility-favourite-dark</span>
115
+ <button class="button" onclick="copyText(this)">Copy ID</button>
116
+ <span class="illustrationID">agility-favourite-dark</span>
98
117
  </div>
99
118
  <div>
100
119
  <img class="illustration-agility-disconnected-dark"></i>
101
- <span>agility-disconnected-dark</span>
120
+ <button class="button" onclick="copyText(this)">Copy ID</button>
121
+ <span class="illustrationID">agility-disconnected-dark</span>
102
122
  </div>
103
123
  <div>
104
124
  <img class="illustration-agility-features-dark"></i>
105
- <span>agility-features-dark</span>
125
+ <button class="button" onclick="copyText(this)">Copy ID</button>
126
+ <span class="illustrationID">agility-features-dark</span>
106
127
  </div>
107
128
  <div>
108
129
  <img class="illustration-agility-launch-dark"></i>
109
- <span>agility-launch-dark</span>
130
+ <button class="button" onclick="copyText(this)">Copy ID</button>
131
+ <span class="illustrationID">agility-launch-dark</span>
110
132
  </div>
111
133
  <div>
112
134
  <img class="illustration-agility-nothing-defined-dark"></i>
113
- <span>agility-nothing-defined-dark</span>
135
+ <button class="button" onclick="copyText(this)">Copy ID</button>
136
+ <span class="illustrationID">agility-nothing-defined-dark</span>
114
137
  </div>
115
138
  <div>
116
139
  <img class="illustration-agility-survey-dark"></i>
117
- <span>agility-survey-dark</span>
140
+ <button class="button" onclick="copyText(this)">Copy ID</button>
141
+ <span class="illustrationID">agility-survey-dark</span>
118
142
  </div>
119
143
  <div>
120
144
  <img class="illustration-agility-community-dark"></i>
121
- <span>agility-community-dark</span>
145
+ <button class="button" onclick="copyText(this)">Copy ID</button>
146
+ <span class="illustrationID">agility-community-dark</span>
122
147
  </div>
123
148
  <div>
124
149
  <img class="illustration-agility-assets-dark"></i>
125
- <span>agility-assets-dark</span>
150
+ <button class="button" onclick="copyText(this)">Copy ID</button>
151
+ <span class="illustrationID">agility-assets-dark</span>
126
152
  </div>
127
153
  <div>
128
154
  <img class="illustration-agility-work-item-dark"></i>
129
- <span>agility-work-item-dark</span>
155
+ <button class="button" onclick="copyText(this)">Copy ID</button>
156
+ <span class="illustrationID">agility-work-item-dark</span>
130
157
  </div>
131
158
  <div>
132
159
  <img class="illustration-agility-reports-dark"></i>
133
- <span>agility-reports-dark</span>
160
+ <button class="button" onclick="copyText(this)">Copy ID</button>
161
+ <span class="illustrationID">agility-reports-dark</span>
134
162
  </div>
135
163
  <div>
136
164
  <img class="illustration-agility-dependency-up-dark"></i>
137
- <span>agility-dependency-up-dark</span>
165
+ <button class="button" onclick="copyText(this)">Copy ID</button>
166
+ <span class="illustrationID">agility-dependency-up-dark</span>
138
167
  </div>
139
168
  <div>
140
169
  <img class="illustration-agility-dependency-down-dark"></i>
141
- <span>agility-dependency-down-dark</span>
170
+ <button class="button" onclick="copyText(this)">Copy ID</button>
171
+ <span class="illustrationID">agility-dependency-down-dark</span>
142
172
  </div>
143
173
  <div>
144
174
  <img class="illustration-agility-chart-dark"></i>
145
- <span>agility-chart-dark</span>
175
+ <button class="button" onclick="copyText(this)">Copy ID</button>
176
+ <span class="illustrationID">agility-chart-dark</span>
146
177
  </div>
147
178
  <div>
148
179
  <img class="illustration-agility-no-files-dark"></i>
149
- <span>agility-no-files-dark</span>
180
+ <button class="button" onclick="copyText(this)">Copy ID</button>
181
+ <span class="illustrationID">agility-no-files-dark</span>
150
182
  </div>
151
183
  <div>
152
184
  <img class="illustration-agility-password-token-dark"></i>
153
- <span>agility-password-token-dark</span>
185
+ <button class="button" onclick="copyText(this)">Copy ID</button>
186
+ <span class="illustrationID">agility-password-token-dark</span>
154
187
  </div>
155
188
  <div>
156
189
  <img class="illustration-agility-user-dark"></i>
157
- <span>agility-user-dark</span>
190
+ <button class="button" onclick="copyText(this)">Copy ID</button>
191
+ <span class="illustrationID">agility-user-dark</span>
158
192
  </div>
159
193
  <!-- light digitalai illustrations -->
160
194
  <div>
161
195
  <img class="illustration-digitalai-empty-light"></i>
162
- <span>digitalai-empty-light</span>
196
+ <button class="button" onclick="copyText(this)">Copy ID</button>
197
+ <span class="illustrationID">digitalai-empty-light</span>
163
198
  </div>
164
199
  <div>
165
200
  <img class="illustration-digitalai-favorite-light"></i>
166
- <span>digitalai-favorite-light</span>
201
+ <button class="button" onclick="copyText(this)">Copy ID</button>
202
+ <span class="illustrationID">digitalai-favorite-light</span>
167
203
  </div>
168
204
  <div>
169
205
  <img class="illustration-digitalai-disconnected-light"></i>
170
- <span>digitalai-disconnected-light</span>
206
+ <button class="button" onclick="copyText(this)">Copy ID</button>
207
+ <span class="illustrationID">digitalai-disconnected-light</span>
171
208
  </div>
172
209
  <div>
173
210
  <img class="illustration-digitalai-features-light"></i>
174
- <span>digitalai-features-light</span>
211
+ <button class="button" onclick="copyText(this)">Copy ID</button>
212
+ <span class="illustrationID">digitalai-features-light</span>
175
213
  </div>
176
214
  <div>
177
215
  <img class="illustration-digitalai-launch-light"></i>
178
- <span>digitalai-launch-light</span>
216
+ <button class="button" onclick="copyText(this)">Copy ID</button>
217
+ <span class="illustrationID">digitalai-launch-light</span>
179
218
  </div>
180
219
  <div>
181
220
  <img class="illustration-digitalai-nothing-defined-light"></i>
182
- <span>digitalai-nothing-defined-light</span>
221
+ <button class="button" onclick="copyText(this)">Copy ID</button>
222
+ <span class="illustrationID">digitalai-nothing-defined-light</span>
183
223
  </div>
184
224
  <div>
185
225
  <img class="illustration-digitalai-survey-light"></i>
186
- <span>digitalai-survey-light</span>
226
+ <button class="button" onclick="copyText(this)">Copy ID</button>
227
+ <span class="illustrationID">digitalai-survey-light</span>
187
228
  </div>
188
229
  <div>
189
230
  <img class="illustration-digitalai-community-light"></i>
190
- <span>digitalai-community-light</span>
231
+ <button class="button" onclick="copyText(this)">Copy ID</button>
232
+ <span class="illustrationID">digitalai-community-light</span>
191
233
  </div>
192
234
  <div>
193
235
  <img class="illustration-digitalai-assets-light"></i>
194
- <span>digitalai-assets-light</span>
236
+ <button class="button" onclick="copyText(this)">Copy ID</button>
237
+ <span class="illustrationID">digitalai-assets-light</span>
195
238
  </div>
196
239
  <div>
197
240
  <img class="illustration-digitalai-work-item-light"></i>
198
- <span>digitalai-work-item-light</span>
241
+ <button class="button" onclick="copyText(this)">Copy ID</button>
242
+ <span class="illustrationID">digitalai-work-item-light</span>
199
243
  </div>
200
244
  <div>
201
245
  <img class="illustration-digitalai-reports-light"></i>
202
- <span>digitalai-reports-light</span>
246
+ <button class="button" onclick="copyText(this)">Copy ID</button>
247
+ <span class="illustrationID">digitalai-reports-light</span>
203
248
  </div>
204
249
  <div>
205
250
  <img class="illustration-digitalai-dependency-up-light"></i>
206
- <span>digitalai-dependency-up-light</span>
251
+ <button class="button" onclick="copyText(this)">Copy ID</button>
252
+ <span class="illustrationID">digitalai-dependency-up-light</span>
207
253
  </div>
208
254
  <div>
209
255
  <img class="illustration-digitalai-dependency-down-light"></i>
210
- <span>digitalai-dependency-down-light</span>
256
+ <button class="button" onclick="copyText(this)">Copy ID</button>
257
+ <span class="illustrationID">digitalai-dependency-down-light</span>
211
258
  </div>
212
259
  <div>
213
260
  <img class="illustration-digitalai-chart-light"></i>
214
- <span>digitalai-chart-light</span>
261
+ <button class="button" onclick="copyText(this)">Copy ID</button>
262
+ <span class="illustrationID">digitalai-chart-light</span>
215
263
  </div>
216
264
  <div>
217
265
  <img class="illustration-digitalai-no-files-light"></i>
218
- <span>digitalai-no-files-light</span>
266
+ <button class="button" onclick="copyText(this)">Copy ID</button>
267
+ <span class="illustrationID">digitalai-no-files-light</span>
219
268
  </div>
220
269
  <div>
221
270
  <img class="illustration-digitalai-password-token-light"></i>
222
- <span>digitalai-password-token-light</span>
271
+ <button class="button" onclick="copyText(this)">Copy ID</button>
272
+ <span class="illustrationID">digitalai-password-token-light</span>
223
273
  </div>
224
274
  <div>
225
275
  <img class="illustration-digitalai-user-light"></i>
226
- <span>digitalai-user-light</span>
276
+ <button class="button" onclick="copyText(this)">Copy ID</button>
277
+ <span class="illustrationID">digitalai-user-light</span>
227
278
  </div>
228
279
 
229
280
  <!-- dark digitalai illustrations -->
230
281
  <div>
231
282
  <img class="illustration-digitalai-empty-dark"></i>
232
- <span>digitalai-empty-dark</span>
283
+ <button class="button" onclick="copyText(this)">Copy ID</button>
284
+ <span class="illustrationID">digitalai-empty-dark</span>
233
285
  </div>
234
286
  <div>
235
287
  <img class="illustration-digitalai-favourite-dark"></i>
236
- <span>digitalai-favourite-dark</span>
288
+ <button class="button" onclick="copyText(this)">Copy ID</button>
289
+ <span class="illustrationID">digitalai-favourite-dark</span>
237
290
  </div>
238
291
  <div>
239
292
  <img class="illustration-digitalai-disconnected-dark"></i>
240
- <span>digitalai-disconnected-dark</span>
293
+ <button class="button" onclick="copyText(this)">Copy ID</button>
294
+ <span class="illustrationID">digitalai-disconnected-dark</span>
241
295
  </div>
242
296
  <div>
243
297
  <img class="illustration-digitalai-features-dark"></i>
244
- <span>digitalai-features-dark</span>
298
+ <button class="button" onclick="copyText(this)">Copy ID</button>
299
+ <span class="illustrationID">digitalai-features-dark</span>
245
300
  </div>
246
301
  <div>
247
302
  <img class="illustration-digitalai-launch-dark"></i>
248
- <span>digitalai-launch-dark</span>
303
+ <button class="button" onclick="copyText(this)">Copy ID</button>
304
+ <span class="illustrationID">digitalai-launch-dark</span>
249
305
  </div>
250
306
  <div>
251
307
  <img class="illustration-digitalai-nothing-defined-dark"></i>
252
- <span>digitalai-nothing-defined-dark</span>
308
+ <button class="button" onclick="copyText(this)">Copy ID</button>
309
+ <span class="illustrationID">digitalai-nothing-defined-dark</span>
253
310
  </div>
254
311
  <div>
255
312
  <img class="illustration-digitalai-survey-dark"></i>
256
- <span>digitalai-survey-dark</span>
313
+ <button class="button" onclick="copyText(this)">Copy ID</button>
314
+ <span class="illustrationID">digitalai-survey-dark</span>
257
315
  </div>
258
316
  <div>
259
317
  <img class="illustration-digitalai-community-dark"></i>
260
- <span>digitalai-community-dark</span>
318
+ <button class="button" onclick="copyText(this)">Copy ID</button>
319
+ <span class="illustrationID">digitalai-community-dark</span>
261
320
  </div>
262
321
  <div>
263
322
  <img class="illustration-digitalai-assets-dark"></i>
264
- <span>digitalai-assets-dark</span>
323
+ <button class="button" onclick="copyText(this)">Copy ID</button>
324
+ <span class="illustrationID">digitalai-assets-dark</span>
265
325
  </div>
266
326
  <div>
267
327
  <img class="illustration-digitalai-work-item-dark"></i>
268
- <span>digitalai-work-item-dark</span>
328
+ <button class="button" onclick="copyText(this)">Copy ID</button>
329
+ <span class="illustrationID">digitalai-work-item-dark</span>
269
330
  </div>
270
331
  <div>
271
332
  <img class="illustration-digitalai-reports-dark"></i>
272
- <span>digitalai-reports-dark</span>
333
+ <button class="button" onclick="copyText(this)">Copy ID</button>
334
+ <span class="illustrationID">digitalai-reports-dark</span>
273
335
  </div>
274
336
  <div>
275
337
  <img class="illustration-digitalai-dependency-up-dark"></i>
276
- <span>digitalai-dependency-up-dark</span>
338
+ <button class="button" onclick="copyText(this)">Copy ID</button>
339
+ <span class="illustrationID">digitalai-dependency-up-dark</span>
277
340
  </div>
278
341
  <div>
279
342
  <img class="illustration-digitalai-dependency-down-dark"></i>
280
- <span>digitalai-dependency-down-dark</span>
343
+ <button class="button" onclick="copyText(this)">Copy ID</button>
344
+ <span class="illustrationID">digitalai-dependency-down-dark</span>
281
345
  </div>
282
346
  <div>
283
347
  <img class="illustration-digitalai-chart-dark"></i>
284
- <span>digitalai-chart-dark</span>
348
+ <button class="button" onclick="copyText(this)">Copy ID</button>
349
+ <span class="illustrationID">digitalai-chart-dark</span>
285
350
  </div>
286
351
  <div>
287
352
  <img class="illustration-digitalai-no-files-dark"></i>
288
- <span>digitalai-no-files-dark</span>
353
+ <button class="button" onclick="copyText(this)">Copy ID</button>
354
+ <span class="illustrationID">digitalai-no-files-dark</span>
289
355
  </div>
290
356
  <div>
291
357
  <img class="illustration-digitalai-password-token-dark"></i>
292
- <span>digitalai-password-token-dark</span>
358
+ <button class="button" onclick="copyText(this)">Copy ID</button>
359
+ <span class="illustrationID">digitalai-password-token-dark</span>
293
360
  </div>
294
361
  <div>
295
362
  <img class="illustration-digitalai-user-dark"></i>
296
- <span>digitalai-user-dark</span>
363
+ <button class="button" onclick="copyText(this)">Copy ID</button>
364
+ <span class="illustrationID">digitalai-user-dark</span>
297
365
  </div>
298
366
  <!-- light dashboards agility illustrations -->
299
367
  <div>
300
368
  <img class="illustration-dashboards-agility-burn-up-light"></i>
301
- <span>agility-burn-up-light</span>
369
+ <button class="button" onclick="copyText(this)">Copy ID</button>
370
+ <span class="illustrationID">agility-burn-up-light</span>
302
371
  </div>
303
372
  <div>
304
373
  <img class="illustration-dashboards-agility-burn-down-light"></i>
305
- <span>agility-burn-down-light</span>
374
+ <button class="button" onclick="copyText(this)">Copy ID</button>
375
+ <span class="illustrationID">agility-burn-down-light</span>
306
376
  </div>
307
377
  <div>
308
378
  <img class="illustration-dashboards-agility-custom-light"></i>
309
- <span>agility-custom-light</span>
379
+ <button class="button" onclick="copyText(this)">Copy ID</button>
380
+ <span class="illustrationID">agility-custom-light</span>
310
381
  </div>
311
382
  <div>
312
383
  <img class="illustration-dashboards-agility-dora-light"></i>
313
- <span>agility-dora-light</span>
384
+ <button class="button" onclick="copyText(this)">Copy ID</button>
385
+ <span class="illustrationID">agility-dora-light</span>
314
386
  </div>
315
387
  <div>
316
388
  <img class="illustration-dashboards-agility-onboarding-light"></i>
317
- <span>agility-onboarding-light</span>
389
+ <button class="button" onclick="copyText(this)">Copy ID</button>
390
+ <span class="illustrationID">agility-onboarding-light</span>
318
391
  </div>
319
392
  <div>
320
393
  <img class="illustration-dashboards-agility-late-task-light"></i>
321
- <span>agility-late-task-light</span>
394
+ <button class="button" onclick="copyText(this)">Copy ID</button>
395
+ <span class="illustrationID">agility-late-task-light</span>
322
396
  </div>
323
397
  <div>
324
398
  <img class="illustration-dashboards-agility-analysis-light"></i>
325
- <span>agility-analysis-light</span>
399
+ <button class="button" onclick="copyText(this)">Copy ID</button>
400
+ <span class="illustrationID">agility-analysis-light</span>
326
401
  </div>
327
402
  <div>
328
403
  <img class="illustration-dashboards-agility-workflow-light"></i>
329
- <span>agility-workflow-light</span>
404
+ <button class="button" onclick="copyText(this)">Copy ID</button>
405
+ <span class="illustrationID">agility-workflow-light</span>
330
406
  </div>
331
407
  <div>
332
408
  <img class="illustration-dashboards-agility-dependency-light"></i>
333
- <span>agility-dependency-light</span>
409
+ <button class="button" onclick="copyText(this)">Copy ID</button>
410
+ <span class="illustrationID">agility-dependency-light</span>
334
411
  </div>
335
412
  <div>
336
413
  <img class="illustration-dashboards-agility-executive-light"></i>
337
- <span>agility-executive-light</span>
414
+ <button class="button" onclick="copyText(this)">Copy ID</button>
415
+ <span class="illustrationID">agility-executive-light</span>
338
416
  </div>
339
417
  <div>
340
418
  <img class="illustration-dashboards-agility-automation-light"></i>
341
- <span>agility-automation-light</span>
419
+ <button class="button" onclick="copyText(this)">Copy ID</button>
420
+ <span class="illustrationID">agility-automation-light</span>
342
421
  </div>
343
422
  <div>
344
423
  <img class="illustration-dashboards-agility-defect-light"></i>
345
- <span>agility-defect-light</span>
424
+ <button class="button" onclick="copyText(this)">Copy ID</button>
425
+ <span class="illustrationID">agility-defect-light</span>
346
426
  </div>
347
427
  <div>
348
428
  <img class="illustration-dashboards-agility-item-light"></i>
349
- <span>agility-item-light</span>
429
+ <button class="button" onclick="copyText(this)">Copy ID</button>
430
+ <span class="illustrationID">agility-item-light</span>
350
431
  </div>
351
432
  <!-- light dashboards digitalai illustrations -->
352
433
  <div>
353
434
  <img class="illustration-dashboards-digitalai-burn-down-light"></i>
354
- <span>digitalai-burn-down-light</span>
435
+ <button class="button" onclick="copyText(this)">Copy ID</button>
436
+ <span class="illustrationID">digitalai-burn-down-light</span>
355
437
  </div>
356
438
  <div>
357
439
  <img class="illustration-dashboards-digitalai-burn-up-light"></i>
358
- <span>digitalai-burn-up-light</span>
440
+ <button class="button" onclick="copyText(this)">Copy ID</button>
441
+ <span class="illustrationID">digitalai-burn-up-light</span>
359
442
  </div>
360
443
  <div>
361
444
  <img class="illustration-dashboards-digitalai-custom-light"></i>
362
- <span>digitalai-custom-light</span>
445
+ <button class="button" onclick="copyText(this)">Copy ID</button>
446
+ <span class="illustrationID">digitalai-custom-light</span>
363
447
  </div>
364
448
  <div>
365
449
  <img class="illustration-dashboards-digitalai-dora-light"></i>
366
- <span>digitalai-dora-light</span>
450
+ <button class="button" onclick="copyText(this)">Copy ID</button>
451
+ <span class="illustrationID">digitalai-dora-light</span>
367
452
  </div>
368
453
  <div>
369
454
  <img class="illustration-dashboards-digitalai-onboarding-light"></i>
370
- <span>digitalai-onboarding-light</span>
455
+ <button class="button" onclick="copyText(this)">Copy ID</button>
456
+ <span class="illustrationID">digitalai-onboarding-light</span>
371
457
  </div>
372
458
  <div>
373
459
  <img class="illustration-dashboards-digitalai-late-task-light"></i>
374
- <span>digitalai-late-task-light</span>
460
+ <button class="button" onclick="copyText(this)">Copy ID</button>
461
+ <span class="illustrationID">digitalai-late-task-light</span>
375
462
  </div>
376
463
  <div>
377
464
  <img class="illustration-dashboards-digitalai-analysis-light"></i>
378
- <span>digitalai-analysis-light</span>
465
+ <button class="button" onclick="copyText(this)">Copy ID</button>
466
+ <span class="illustrationID">digitalai-analysis-light</span>
379
467
  </div>
380
468
  <div>
381
469
  <img class="illustration-dashboards-digitalai-workflow-light"></i>
382
- <span>digitalai-workflow-light</span>
470
+ <button class="button" onclick="copyText(this)">Copy ID</button>
471
+ <span class="illustrationID">digitalai-workflow-light</span>
383
472
  </div>
384
473
  <div>
385
474
  <img class="illustration-dashboards-digitalai-dependency-light"></i>
386
- <span>digitalai-dependency-light</span>
475
+ <button class="button" onclick="copyText(this)">Copy ID</button>
476
+ <span class="illustrationID">digitalai-dependency-light</span>
387
477
  </div>
388
478
  <div>
389
479
  <img class="illustration-dashboards-digitalai-executive-light"></i>
390
- <span>digitalai-executive-light</span>
480
+ <button class="button" onclick="copyText(this)">Copy ID</button>
481
+ <span class="illustrationID">digitalai-executive-light</span>
391
482
  </div>
392
483
  <div>
393
484
  <img class="illustration-dashboards-digitalai-automation-light"></i>
394
- <span>digitalai-automation-light</span>
485
+ <button class="button" onclick="copyText(this)">Copy ID</button>
486
+ <span class="illustrationID">digitalai-automation-light</span>
395
487
  </div>
396
488
  <div>
397
489
  <img class="illustration-dashboards-digitalai-defect-light"></i>
398
- <span>digitalai-defect-light</span>
490
+ <button class="button" onclick="copyText(this)">Copy ID</button>
491
+ <span class="illustrationID">digitalai-defect-light</span>
399
492
  </div>
400
493
  <div>
401
494
  <img class="illustration-dashboards-digitalai-item-light"></i>
402
- <span>digitalai-item-light</span>
495
+ <button class="button" onclick="copyText(this)">Copy ID</button>
496
+ <span class="illustrationID">digitalai-item-light</span>
403
497
  </div>
404
498
  <!-- dark dashboards agility illustrations -->
405
499
  <div>
406
500
  <img class="illustration-dashboards-agility-burn-up-dark"></i>
407
- <span>agility-burn-up-dark</span>
501
+ <button class="button" onclick="copyText(this)">Copy ID</button>
502
+ <span class="illustrationID">agility-burn-up-dark</span>
408
503
  </div>
409
504
  <div>
410
505
  <img class="illustration-dashboards-agility-burn-down-dark"></i>
411
- <span>agility-burn-down-dark</span>
506
+ <button class="button" onclick="copyText(this)">Copy ID</button>
507
+ <span class="illustrationID">agility-burn-down-dark</span>
412
508
  </div>
413
509
 
414
510
  <div>
415
511
  <img class="illustration-dashboards-agility-custom-dark"></i>
416
- <span>agility-custom-dark</span>
512
+ <button class="button" onclick="copyText(this)">Copy ID</button>
513
+ <span class="illustrationID">agility-custom-dark</span>
417
514
  </div>
418
515
  <div>
419
516
  <img class="illustration-dashboards-agility-dora-dark"></i>
420
- <span>agility-dora-agility-dark</span>
517
+ <button class="button" onclick="copyText(this)">Copy ID</button>
518
+ <span class="illustrationID">agility-dora-agility-dark</span>
421
519
  </div>
422
520
  <div>
423
521
  <img class="illustration-dashboards-agility-onboarding-dark"></i>
424
- <span>agility-onboarding-dark</span>
522
+ <button class="button" onclick="copyText(this)">Copy ID</button>
523
+ <span class="illustrationID">agility-onboarding-dark</span>
425
524
  </div>
426
525
  <div>
427
526
  <img class="illustration-dashboards-agility-late-task-dark"></i>
428
- <span>agility-late-task-dark</span>
527
+ <button class="button" onclick="copyText(this)">Copy ID</button>
528
+ <span class="illustrationID">agility-late-task-dark</span>
429
529
  </div>
430
530
  <div>
431
531
  <img class="illustration-dashboards-agility-analysis-dark"></i>
432
- <span>agility-analysis-dark</span>
532
+ <button class="button" onclick="copyText(this)">Copy ID</button>
533
+ <span class="illustrationID">agility-analysis-dark</span>
433
534
  </div>
434
535
  <div>
435
536
  <img class="illustration-dashboards-agility-workflow-dark"></i>
436
- <span>agility-workflow-dark</span>
537
+ <button class="button" onclick="copyText(this)">Copy ID</button>
538
+ <span class="illustrationID">agility-workflow-dark</span>
437
539
  </div>
438
540
  <div>
439
541
  <img class="illustration-dashboards-agility-dependency-dark"></i>
440
- <span>agility-dependency-dark</span>
542
+ <button class="button" onclick="copyText(this)">Copy ID</button>
543
+ <span class="illustrationID">agility-dependency-dark</span>
441
544
  </div>
442
545
  <div>
443
546
  <img class="illustration-dashboards-agility-executive-dark"></i>
444
- <span>agility-executive-dark</span>
547
+ <button class="button" onclick="copyText(this)">Copy ID</button>
548
+ <span class="illustrationID">agility-executive-dark</span>
445
549
  </div>
446
550
  <div>
447
551
  <img class="illustration-dashboards-agility-automation-dark"></i>
448
- <span>agility-automation-dark</span>
552
+ <button class="button" onclick="copyText(this)">Copy ID</button>
553
+ <span class="illustrationID">agility-automation-dark</span>
449
554
  </div>
450
555
  <div>
451
556
  <img class="illustration-dashboards-agility-defect-dark"></i>
452
- <span>agility-defect-dark</span>
557
+ <button class="button" onclick="copyText(this)">Copy ID</button>
558
+ <span class="illustrationID">agility-defect-dark</span>
453
559
  </div>
454
560
  <div>
455
561
  <img class="illustration-dashboards-agility-item-dark"></i>
456
- <span>agility-item-dark</span>
562
+ <button class="button" onclick="copyText(this)">Copy ID</button>
563
+ <span class="illustrationID">agility-item-dark</span>
457
564
  </div>
458
565
  <!-- dark dashboards digitalai illustrations -->
459
566
  <div>
460
567
  <img class="illustration-dashboards-digitalai-burn-up-light"></i>
461
- <span>digitalai-burn-up-light</span>
568
+ <button class="button" onclick="copyText(this)">Copy ID</button>
569
+ <span class="illustrationID">digitalai-burn-up-light</span>
462
570
  </div>
463
571
  <div>
464
572
  <img class="illustration-dashboards-digitalai-burn-down-light"></i>
465
- <span>digitalai-burn-down-light</span>
573
+ <button class="button" onclick="copyText(this)">Copy ID</button>
574
+ <span class="illustrationID">digitalai-burn-down-light</span>
466
575
  </div>
467
576
 
468
577
  <div>
469
578
  <img class="illustration-dashboards-digitalai-custom-dark"></i>
470
- <span>digitalai-custom-dark</span>
579
+ <button class="button" onclick="copyText(this)">Copy ID</button>
580
+ <span class="illustrationID">digitalai-custom-dark</span>
471
581
  </div>
472
582
  <div>
473
583
  <img class="illustration-dashboards-digitalai-dora-dark"></i>
474
- <span>digitalai-dora-dark</span>
584
+ <button class="button" onclick="copyText(this)">Copy ID</button>
585
+ <span class="illustrationID">digitalai-dora-dark</span>
475
586
  </div>
476
587
  <div>
477
588
  <img class="illustration-dashboards-digitalai-onboarding-dark"></i>
478
- <span>digitalai-onboarding-dark</span>
589
+ <button class="button" onclick="copyText(this)">Copy ID</button>
590
+ <span class="illustrationID">digitalai-onboarding-dark</span>
479
591
  </div>
480
592
  <div>
481
593
  <img class="illustration-dashboards-digitalai-late-task-dark"></i>
482
- <span>digitalai-late-task-dark</span>
594
+ <button class="button" onclick="copyText(this)">Copy ID</button>
595
+ <span class="illustrationID">digitalai-late-task-dark</span>
483
596
  </div>
484
597
  <div>
485
598
  <img class="illustration-dashboards-digitalai-analysis-dark"></i>
486
- <span>digitalai-analysis-dark</span>
599
+ <button class="button" onclick="copyText(this)">Copy ID</button>
600
+ <span class="illustrationID">digitalai-analysis-dark</span>
487
601
  </div>
488
602
  <div>
489
603
  <img class="illustration-dashboards-digitalai-workflow-dark"></i>
490
- <span>digitalai-workflow-dark</span>
604
+ <button class="button" onclick="copyText(this)">Copy ID</button>
605
+ <span class="illustrationID">digitalai-workflow-dark</span>
491
606
  </div>
492
607
  <div>
493
608
  <img class="illustration-dashboards-digitalai-dependency-dark"></i>
494
- <span>digitalai-dependency-dark</span>
609
+ <button class="button" onclick="copyText(this)">Copy ID</button>
610
+ <span class="illustrationID">digitalai-dependency-dark</span>
495
611
  </div>
496
612
  <div>
497
613
  <img class="illustration-dashboards-digitalai-executive-dark"></i>
498
- <span>digitalai-executive-dark</span>
614
+ <button class="button" onclick="copyText(this)">Copy ID</button>
615
+ <span class="illustrationID">digitalai-executive-dark</span>
499
616
  </div>
500
617
  <div>
501
618
  <img class="illustration-dashboards-digitalai-automation-dark"></i>
502
- <span>digitalai-automation-dark</span>
619
+ <button class="button" onclick="copyText(this)">Copy ID</button>
620
+ <span class="illustrationID">digitalai-automation-dark</span>
503
621
  </div>
504
622
  <div>
505
623
  <img class="illustration-dashboards-digitalai-defect-dark"></i>
506
- <span>digitalai-defect-dark</span>
624
+ <button class="button" onclick="copyText(this)">Copy ID</button>
625
+ <span class="illustrationID">digitalai-defect-dark</span>
507
626
  </div>
508
627
  <div>
509
628
  <img class="illustration-dashboards-digitalai-item-dark"></i>
510
- <span>digitalai-item-dark</span>
629
+ <button class="button" onclick="copyText(this)">Copy ID</button>
630
+ <span class="illustrationID">digitalai-item-dark</span>
511
631
  </div>
512
632
 
513
633
  <!-- light nobg dashboards agility illustrations -->
514
634
  <div>
515
635
  <img class="illustration-dashboards-agility-custom-nobg-light"></i>
516
- <span>agility-custom-nobg-light</span>
636
+ <button class="button" onclick="copyText(this)">Copy ID</button>
637
+ <span class="illustrationID">agility-custom-nobg-light</span>
517
638
  </div>
518
639
  <div>
519
640
  <img class="illustration-dashboards-agility-dora-nobg-light"></i>
520
- <span>agility-dora-nobg-light</span>
641
+ <button class="button" onclick="copyText(this)">Copy ID</button>
642
+ <span class="illustrationID">agility-dora-nobg-light</span>
521
643
  </div>
522
644
  <div>
523
645
  <img class="illustration-dashboards-agility-onboarding-nobg-light"></i>
524
- <span>agility-onboarding-nobg-light</span>
646
+ <button class="button" onclick="copyText(this)">Copy ID</button>
647
+ <span class="illustrationID">agility-onboarding-nobg-light</span>
525
648
  </div>
526
649
  <div>
527
650
  <img class="illustration-dashboards-agility-late-task-nobg-light"></i>
528
- <span>agility-late-task-nobg-light</span>
651
+ <button class="button" onclick="copyText(this)">Copy ID</button>
652
+ <span class="illustrationID">agility-late-task-nobg-light</span>
529
653
  </div>
530
654
  <div>
531
655
  <img class="illustration-dashboards-agility-analysis-nobg-light"></i>
532
- <span>agility-analysis-nobg-light</span>
656
+ <button class="button" onclick="copyText(this)">Copy ID</button>
657
+ <span class="illustrationID">agility-analysis-nobg-light</span>
533
658
  </div>
534
659
  <div>
535
660
  <img class="illustration-dashboards-agility-workflow-nobg-light"></i>
536
- <span>agility-workflow-nobg-light</span>
661
+ <button class="button" onclick="copyText(this)">Copy ID</button>
662
+ <span class="illustrationID">agility-workflow-nobg-light</span>
537
663
  </div>
538
664
  <div>
539
665
  <img class="illustration-dashboards-agility-dependency-nobg-light"></i>
540
- <span>agility-dependency-nobg-light</span>
666
+ <button class="button" onclick="copyText(this)">Copy ID</button>
667
+ <span class="illustrationID">agility-dependency-nobg-light</span>
541
668
  </div>
542
669
  <div>
543
670
  <img class="illustration-dashboards-agility-executive-nobg-light"></i>
544
- <span>agility-executive-nobg-light</span>
671
+ <button class="button" onclick="copyText(this)">Copy ID</button>
672
+ <span class="illustrationID">agility-executive-nobg-light</span>
545
673
  </div>
546
674
  <div>
547
675
  <img class="illustration-dashboards-agility-automation-nobg-light"></i>
548
- <span>agility-automation-nobg-light</span>
676
+ <button class="button" onclick="copyText(this)">Copy ID</button>
677
+ <span class="illustrationID">agility-automation-nobg-light</span>
549
678
  </div>
550
679
  <div>
551
680
  <img class="illustration-dashboards-agility-defect-nobg-light"></i>
552
- <span>agility-defect-nobg-light</span>
681
+ <button class="button" onclick="copyText(this)">Copy ID</button>
682
+ <span class="illustrationID">agility-defect-nobg-light</span>
553
683
  </div>
554
684
  <div>
555
685
  <img class="illustration-dashboards-agility-item-nobg-light"></i>
556
- <span>agility-item-nobg-light</span>
686
+ <button class="button" onclick="copyText(this)">Copy ID</button>
687
+ <span class="illustrationID">agility-item-nobg-light</span>
557
688
  </div>
558
689
 
559
690
  <!-- light nobg dashboards digitalai illustrations -->
560
691
  <div>
561
692
  <img class="illustration-dashboards-digitalai-custom-nobg-light"></i>
562
- <span>digitalai-custom-nobg-light</span>
693
+ <button class="button" onclick="copyText(this)">Copy ID</button>
694
+ <span class="illustrationID">digitalai-custom-nobg-light</span>
563
695
  </div>
564
696
  <div>
565
697
  <img class="illustration-dashboards-digitalai-dora-nobg-light"></i>
566
- <span>digitalai-dora-nobg-light</span>
698
+ <button class="button" onclick="copyText(this)">Copy ID</button>
699
+ <span class="illustrationID">digitalai-dora-nobg-light</span>
567
700
  </div>
568
701
  <div>
569
702
  <img class="illustration-dashboards-digitalai-onboarding-nobg-light"></i>
570
- <span>digitalai-onboarding-nobg-light</span>
703
+ <button class="button" onclick="copyText(this)">Copy ID</button>
704
+ <span class="illustrationID">digitalai-onboarding-nobg-light</span>
571
705
  </div>
572
706
  <div>
573
707
  <img class="illustration-dashboards-digitalai-late-task-nobg-light"></i>
574
- <span>digitalai-late-task-nobg-light</span>
708
+ <button class="button" onclick="copyText(this)">Copy ID</button>
709
+ <span class="illustrationID">digitalai-late-task-nobg-light</span>
575
710
  </div>
576
711
  <div>
577
712
  <img class="illustration-dashboards-digitalai-analysis-nobg-light"></i>
578
- <span>digitalai-analysis-nobg-light</span>
713
+ <button class="button" onclick="copyText(this)">Copy ID</button>
714
+ <span class="illustrationID">digitalai-analysis-nobg-light</span>
579
715
  </div>
580
716
  <div>
581
717
  <img class="illustration-dashboards-digitalai-workflow-nobg-light"></i>
582
- <span>digitalai-workflow-nobg-light</span>
718
+ <button class="button" onclick="copyText(this)">Copy ID</button>
719
+ <span class="illustrationID">digitalai-workflow-nobg-light</span>
583
720
  </div>
584
721
  <div>
585
722
  <img class="illustration-dashboards-digitalai-dependency-nobg-light"></i>
586
- <span>digitalai-dependency-nobg-light</span>
723
+ <button class="button" onclick="copyText(this)">Copy ID</button>
724
+ <span class="illustrationID">digitalai-dependency-nobg-light</span>
587
725
  </div>
588
726
  <div>
589
727
  <img class="illustration-dashboards-digitalai-executive-nobg-light"></i>
590
- <span>digitalai-executive-nobg-light</span>
728
+ <button class="button" onclick="copyText(this)">Copy ID</button>
729
+ <span class="illustrationID">digitalai-executive-nobg-light</span>
591
730
  </div>
592
731
  <div>
593
732
  <img class="illustration-dashboards-digitalai-automation-nobg-light"></i>
594
- <span>digitalai-automation-nobg-light</span>
733
+ <button class="button" onclick="copyText(this)">Copy ID</button>
734
+ <span class="illustrationID">digitalai-automation-nobg-light</span>
595
735
  </div>
596
736
  <div>
597
737
  <img class="illustration-dashboards-digitalai-defect-nobg-light"></i>
598
- <span>digitalai-defect-nobg-light</span>
738
+ <button class="button" onclick="copyText(this)">Copy ID</button>
739
+ <span class="illustrationID">digitalai-defect-nobg-light</span>
599
740
  </div>
600
741
  <div>
601
742
  <img class="illustration-dashboards-digitalai-item-nobg-light"></i>
602
- <span>digitalai-item-nobg-light</span>
743
+ <button class="button" onclick="copyText(this)">Copy ID</button>
744
+ <span class="illustrationID">digitalai-item-nobg-light</span>
603
745
  </div>
604
746
 
605
747
  <!-- dark nobg dashboards agility illustrations -->
606
748
  <div>
607
749
  <img class="illustration-dashboards-agility-custom-nobg-dark"></i>
608
- <span>agility-custom-nobg-dark</span>
750
+ <button class="button" onclick="copyText(this)">Copy ID</button>
751
+ <span class="illustrationID">agility-custom-nobg-dark</span>
609
752
  </div>
610
753
  <div>
611
754
  <img class="illustration-dashboards-agility-dora-nobg-dark"></i>
612
- <span>agility-dora-agility-nobg-dark</span>
755
+ <button class="button" onclick="copyText(this)">Copy ID</button>
756
+ <span class="illustrationID">agility-dora-agility-nobg-dark</span>
613
757
  </div>
614
758
  <div>
615
759
  <img class="illustration-dashboards-agility-onboarding-nobg-dark"></i>
616
- <span>agility-onboarding-nobg-dark</span>
760
+ <button class="button" onclick="copyText(this)">Copy ID</button>
761
+ <span class="illustrationID">agility-onboarding-nobg-dark</span>
617
762
  </div>
618
763
  <div>
619
764
  <img class="illustration-dashboards-agility-late-task-nobg-dark"></i>
620
- <span>agility-late-task-nobg-dark</span>
765
+ <button class="button" onclick="copyText(this)">Copy ID</button>
766
+ <span class="illustrationID">agility-late-task-nobg-dark</span>
621
767
  </div>
622
768
  <div>
623
769
  <img class="illustration-dashboards-agility-analysis-nobg-dark"></i>
624
- <span>agility-analysis-nobg-dark</span>
770
+ <button class="button" onclick="copyText(this)">Copy ID</button>
771
+ <span class="illustrationID">agility-analysis-nobg-dark</span>
625
772
  </div>
626
773
  <div>
627
774
  <img class="illustration-dashboards-agility-workflow-nobg-dark"></i>
628
- <span>agility-workflow-nobg-dark</span>
775
+ <button class="button" onclick="copyText(this)">Copy ID</button>
776
+ <span class="illustrationID">agility-workflow-nobg-dark</span>
629
777
  </div>
630
778
  <div>
631
779
  <img class="illustration-dashboards-agility-dependency-nobg-dark"></i>
632
- <span>agility-dependency-nobg-dark</span>
780
+ <button class="button" onclick="copyText(this)">Copy ID</button>
781
+ <span class="illustrationID">agility-dependency-nobg-dark</span>
633
782
  </div>
634
783
  <div>
635
784
  <img class="illustration-dashboards-agility-executive-nobg-dark"></i>
636
- <span>agility-executive-nobg-dark</span>
785
+ <button class="button" onclick="copyText(this)">Copy ID</button>
786
+ <span class="illustrationID">agility-executive-nobg-dark</span>
637
787
  </div>
638
788
  <div>
639
789
  <img class="illustration-dashboards-agility-automation-nobg-dark"></i>
640
- <span>agility-automation-nobg-dark</span>
790
+ <button class="button" onclick="copyText(this)">Copy ID</button>
791
+ <span class="illustrationID">agility-automation-nobg-dark</span>
641
792
  </div>
642
793
  <div>
643
794
  <img class="illustration-dashboards-agility-defect-nobg-dark"></i>
644
- <span>agility-defect-nobg-dark</span>
795
+ <button class="button" onclick="copyText(this)">Copy ID</button>
796
+ <span class="illustrationID">agility-defect-nobg-dark</span>
645
797
  </div>
646
798
  <div>
647
799
  <img class="illustration-dashboards-agility-item-nobg-dark"></i>
648
- <span>agility-item-nobg-dark</span>
800
+ <button class="button" onclick="copyText(this)">Copy ID</button>
801
+ <span class="illustrationID">agility-item-nobg-dark</span>
649
802
  </div>
650
803
 
651
804
  <!-- dark nobg dashboards digitalai illustrations -->
652
805
  <div>
653
806
  <img class="illustration-dashboards-digitalai-custom-nobg-dark"></i>
654
- <span>digitalai-custom-nobg-dark</span>
807
+ <button class="button" onclick="copyText(this)">Copy ID</button>
808
+ <span class="illustrationID">digitalai-custom-nobg-dark</span>
655
809
  </div>
656
810
  <div>
657
811
  <img class="illustration-dashboards-digitalai-dora-nobg-dark"></i>
658
- <span>digitalai-dora-nobg-dark</span>
812
+ <button class="button" onclick="copyText(this)">Copy ID</button>
813
+ <span class="illustrationID">digitalai-dora-nobg-dark</span>
659
814
  </div>
660
815
  <div>
661
816
  <img class="illustration-dashboards-digitalai-onboarding-nobg-dark"></i>
662
- <span>digitalai-onboarding-nobg-dark</span>
817
+ <button class="button" onclick="copyText(this)">Copy ID</button>
818
+ <span class="illustrationID">digitalai-onboarding-nobg-dark</span>
663
819
  </div>
664
820
  <div>
665
821
  <img class="illustration-dashboards-digitalai-late-task-nobg-dark"></i>
666
- <span>digitalai-late-task-nobg-dark</span>
822
+ <button class="button" onclick="copyText(this)">Copy ID</button>
823
+ <span class="illustrationID">digitalai-late-task-nobg-dark</span>
667
824
  </div>
668
825
  <div>
669
826
  <img class="illustration-dashboards-digitalai-analysis-nobg-dark"></i>
670
- <span>digitalai-analysis-nobg-dark</span>
827
+ <button class="button" onclick="copyText(this)">Copy ID</button>
828
+ <span class="illustrationID">digitalai-analysis-nobg-dark</span>
671
829
  </div>
672
830
  <div>
673
831
  <img class="illustration-dashboards-digitalai-workflow-nobg-dark"></i>
674
- <span>digitalai-workflow-nobg-dark</span>
832
+ <button class="button" onclick="copyText(this)">Copy ID</button>
833
+ <span class="illustrationID">digitalai-workflow-nobg-dark</span>
675
834
  </div>
676
835
  <div>
677
836
  <img class="illustration-dashboards-digitalai-dependency-nobg-dark"></i>
678
- <span>digitalai-dependency-nobg-dark</span>
837
+ <button class="button" onclick="copyText(this)">Copy ID</button>
838
+ <span class="illustrationID">digitalai-dependency-nobg-dark</span>
679
839
  </div>
680
840
  <div>
681
841
  <img class="illustration-dashboards-digitalai-executive-nobg-dark"></i>
682
- <span>digitalai-executive-nobg-dark</span>
842
+ <button class="button" onclick="copyText(this)">Copy ID</button>
843
+ <span class="illustrationID">digitalai-executive-nobg-dark</span>
683
844
  </div>
684
845
  <div>
685
846
  <img class="illustration-dashboards-digitalai-automation-nobg-dark"></i>
686
- <span>digitalai-automation-nobg-dark</span>
847
+ <button class="button" onclick="copyText(this)">Copy ID</button>
848
+ <span class="illustrationID">digitalai-automation-nobg-dark</span>
687
849
  </div>
688
850
  <div>
689
851
  <img class="illustration-dashboards-digitalai-defect-nobg-dark"></i>
690
- <span>digitalai-defect-nobg-dark</span>
852
+ <button class="button" onclick="copyText(this)">Copy ID</button>
853
+ <span class="illustrationID">digitalai-defect-nobg-dark</span>
691
854
  </div>
692
855
  <div>
693
856
  <img class="illustration-dashboards-digitalai-item-nobg-dark"></i>
694
- <span>digitalai-item-nobg-dark</span>
857
+ <button class="button" onclick="copyText(this)">Copy ID</button>
858
+ <span class="illustrationID">digitalai-item-nobg-dark</span>
695
859
  </div>
696
860
 
697
861
  <!-- light ux agility illustrations -->
698
862
  <div class="container">
699
863
  <img class="illustration-agility-ux-community-light"></i>
700
- <span>agility-ux-community-light</span>
864
+ <button class="button" onclick="copyText(this)">Copy ID</button>
865
+ <span class="illustrationID">agility-ux-community-light</span>
701
866
  </div>
702
867
  <div class="container">
703
868
  <img class="illustration-agility-ux-goal-light"></i>
704
- <span>agility-ux-goal-light</span>
869
+ <button class="button" onclick="copyText(this)">Copy ID</button>
870
+ <span class="illustrationID">agility-ux-goal-light</span>
705
871
  </div>
706
872
  <div class="container">
707
873
  <img class="illustration-agility-ux-launch-light"></i>
708
- <span>agility-ux-launch-light</span>
874
+ <button class="button" onclick="copyText(this)">Copy ID</button>
875
+ <span class="illustrationID">agility-ux-launch-light</span>
709
876
  </div>
710
877
  <div class="container">
711
878
  <img class="illustration-agility-ux-objective-light"></i>
712
- <span>agility-ux-objective-light</span>
879
+ <button class="button" onclick="copyText(this)">Copy ID</button>
880
+ <span class="illustrationID">agility-ux-objective-light</span>
713
881
  </div>
714
882
  <div class="container">
715
883
  <img class="illustration-agility-ux-paper-light"></i>
716
- <span>agility-ux-paper-light</span>
884
+ <button class="button" onclick="copyText(this)">Copy ID</button>
885
+ <span class="illustrationID">agility-ux-paper-light</span>
717
886
  </div>
718
887
  <div class="container">
719
888
  <img class="illustration-agility-ux-update-light"></i>
720
- <span>agility-ux-update-light</span>
889
+ <button class="button" onclick="copyText(this)">Copy ID</button>
890
+ <span class="illustrationID">agility-ux-update-light</span>
721
891
  </div>
722
892
 
723
893
  <!-- dark ux agility illustrations -->
724
894
  <div class="container">
725
895
  <img class="illustration-agility-ux-community-dark"></i>
726
- <span>agility-ux-community-dark</span>
896
+ <button class="button" onclick="copyText(this)">Copy ID</button>
897
+ <span class="illustrationID">agility-ux-community-dark</span>
727
898
  </div>
728
899
  <div class="container">
729
900
  <img class="illustration-agility-ux-goal-dark"></i>
730
- <span>agility-ux-goal-dark</span>
901
+ <button class="button" onclick="copyText(this)">Copy ID</button>
902
+ <span class="illustrationID">agility-ux-goal-dark</span>
731
903
  </div>
732
904
  <div class="container">
733
905
  <img class="illustration-agility-ux-launch-dark"></i>
734
- <span>agility-ux-launch-dark</span>
906
+ <button class="button" onclick="copyText(this)">Copy ID</button>
907
+ <span class="illustrationID">agility-ux-launch-dark</span>
735
908
  </div>
736
909
  <div class="container">
737
910
  <img class="illustration-agility-ux-objective-dark"></i>
738
- <span>agility-ux-objective-dark</span>
911
+ <button class="button" onclick="copyText(this)">Copy ID</button>
912
+ <span class="illustrationID">agility-ux-objective-dark</span>
739
913
  </div>
740
914
  <div class="container">
741
915
  <img class="illustration-agility-ux-paper-dark"></i>
742
- <span>agility-ux-paper-dark</span>
916
+ <button class="button" onclick="copyText(this)">Copy ID</button>
917
+ <span class="illustrationID">agility-ux-paper-dark</span>
743
918
  </div>
744
919
  <div class="container">
745
920
  <img class="illustration-agility-ux-update-dark"></i>
746
- <span>agility-ux-update-dark</span>
921
+ <button class="button" onclick="copyText(this)">Copy ID</button>
922
+ <span class="illustrationID">agility-ux-update-dark</span>
747
923
  </div>
748
924
 
749
925
  <!-- light ux digitalai illustrations -->
750
926
  <div class="container">
751
927
  <img class="illustration-digitalai-ux-community-light"></i>
752
- <span>digitalai-ux-community-light</span>
928
+ <button class="button" onclick="copyText(this)">Copy ID</button>
929
+ <span class="illustrationID">digitalai-ux-community-light</span>
753
930
  </div>
754
931
  <div class="container">
755
932
  <img class="illustration-digitalai-ux-goal-light"></i>
756
- <span>digitalai-ux-goal-light</span>
933
+ <button class="button" onclick="copyText(this)">Copy ID</button>
934
+ <span class="illustrationID">digitalai-ux-goal-light</span>
757
935
  </div>
758
936
  <div class="container">
759
937
  <img class="illustration-digitalai-ux-launch-light"></i>
760
- <span>digitalai-ux-launch-light</span>
938
+ <button class="button" onclick="copyText(this)">Copy ID</button>
939
+ <span class="illustrationID">digitalai-ux-launch-light</span>
761
940
  </div>
762
941
  <div class="container">
763
942
  <img class="illustration-digitalai-ux-objective-light"></i>
764
- <span>digitalai-ux-objective-light</span>
943
+ <button class="button" onclick="copyText(this)">Copy ID</button>
944
+ <span class="illustrationID">digitalai-ux-objective-light</span>
765
945
  </div>
766
946
  <div class="container">
767
947
  <img class="illustration-digitalai-ux-paper-light"></i>
768
- <span>digitalai-ux-paper-light</span>
948
+ <button class="button" onclick="copyText(this)">Copy ID</button>
949
+ <span class="illustrationID">digitalai-ux-paper-light</span>
769
950
  </div>
770
951
  <div class="container">
771
952
  <img class="illustration-digitalai-ux-update-light"></i>
772
- <span>digitalai-ux-update-light</span>
953
+ <button class="button" onclick="copyText(this)">Copy ID</button>
954
+ <span class="illustrationID">digitalai-ux-update-light</span>
773
955
  </div>
774
956
 
775
957
  <!-- dark ux digitalai illustrations -->
776
958
  <div class="container">
777
959
  <img class="illustration-digitalai-ux-community-dark"></i>
778
- <span>digitalai-ux-community-dark</span>
960
+ <button class="button" onclick="copyText(this)">Copy ID</button>
961
+ <span class="illustrationID">digitalai-ux-community-dark</span>
779
962
  </div>
780
963
  <div class="container">
781
964
  <img class="illustration-digitalai-ux-goal-dark"></i>
782
- <span>digitalai-ux-goal-dark</span>
965
+ <button class="button" onclick="copyText(this)">Copy ID</button>
966
+ <span class="illustrationID">digitalai-ux-goal-dark</span>
783
967
  </div>
784
968
  <div class="container">
785
969
  <img class="illustration-digitalai-ux-launch-dark"></i>
786
- <span>digitalai-ux-launch-dark</span>
970
+ <button class="button" onclick="copyText(this)">Copy ID</button>
971
+ <span class="illustrationID">digitalai-ux-launch-dark</span>
787
972
  </div>
788
973
  <div class="container">
789
974
  <img class="illustration-digitalai-ux-objective-dark"></i>
790
- <span>digitalai-ux-objective-dark</span>
975
+ <button class="button" onclick="copyText(this)">Copy ID</button>
976
+ <span class="illustrationID">digitalai-ux-objective-dark</span>
791
977
  </div>
792
978
  <div class="container">
793
979
  <img class="illustration-digitalai-ux-paper-dark"></i>
794
- <span>digitalai-ux-paper-dark</span>
980
+ <button class="button" onclick="copyText(this)">Copy ID</button>
981
+ <span class="illustrationID">digitalai-ux-paper-dark</span>
795
982
  </div>
796
983
  <div class="container">
797
984
  <img class="illustration-digitalai-ux-update-dark"></i>
798
- <span>digitalai-ux-update-dark</span>
985
+ <button class="button" onclick="copyText(this)">Copy ID</button>
986
+ <span class="illustrationID">digitalai-ux-update-dark</span>
799
987
  </div>
800
988
  </div>
801
989
  </body>