-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
417 lines (285 loc) · 38 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
<!DOCTYPE html>
<!-- saved from url=(0088)http://create2.learndata.info/preview/6082eb681770f77cfef35bb2/64188fbfb38aaf6b93dd812e/ -->
<html id="adapt" class="js no-touchevents csscolumns csscolumns-width csscolumns-span csscolumns-fill csscolumns-gap csscolumns-rule csscolumns-rulecolor csscolumns-rulestyle csscolumns-rulewidth csscolumns-breakbefore csscolumns-breakafter csscolumns-breakinside flexbox flexboxlegacy cssreflections fullscreen no-touch chrome version-111.0.0.0 OS-windows version-111-0.0.0 os-windows version-111-0-0-0 pixel-density-low dir-ltr size-large orientation-landscape location-menu location-id-course" lang="en" dir="ltr" style="--adapt-viewport-height:894px;" data-adapt-framework-version="5.22.4" data-location="course"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript">
window.ADAPT_BUILD_TYPE = 'production';
</script>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Realising the potential of digital twins</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="./index_files/adapt.css" type="text/css" rel="stylesheet">
<script src="./index_files/modernizr.js.download"></script>
<script src="./index_files/scriptLoader.js.download"></script><script src="./index_files/require.min.js.download"></script>
<script src="./index_files/jquery.min.js.download"></script><style type="text/css">@font-face { font-family: Roboto; src: url('chrome-extension://gdojjgflncpbcfmenbkndfhoamlhajmf/fonts/Roboto-Regular.ttf'); }</style><link href="./index_files/css" type="text/css" rel="stylesheet"><script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="handlebars" src="./index_files/handlebars.min.js.download"></script><script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="underscore" src="./index_files/underscore.min.js.download"></script><script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="regenerator-runtime" src="./index_files/regenerator-runtime.min.js.download"></script><script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="core-js" src="./index_files/core-js.min.js.download"></script><script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="underscore.results" src="./index_files/underscore.results.js.download"></script><script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="backbone" src="./index_files/backbone.min.js.download"></script><script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="backbone.controller" src="./index_files/backbone.controller.js.download"></script><script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="backbone.controller.results" src="./index_files/backbone.controller.results.js.download"></script><script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="backbone.es6" src="./index_files/backbone.es6.js.download"></script><script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="velocity" src="./index_files/velocity.min.js.download"></script><script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="imageReady" src="./index_files/imageReady.js.download"></script><script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="inview" src="./index_files/inview.js.download"></script><script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="jqueryMobile" src="./index_files/jquery.mobile.custom.min.js.download"></script><script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="libraries/jquery.resize" src="./index_files/jquery.resize.js.download"></script><script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="scrollTo" src="./index_files/scrollTo.min.js.download"></script><script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="bowser" src="./index_files/bowser.js.download"></script><script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="enum" src="./index_files/enum.js.download"></script><script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="react" src="./index_files/react.production.min.js.download"></script><script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="react-dom" src="./index_files/react-dom.production.min.js.download"></script><script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="html-react-parser" src="./index_files/html-react-parser.min.js.download"></script><script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="semver" src="./index_files/semver.js.download"></script><script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="templates" src="./index_files/templates.js.download"></script><script src="./index_files/adapt.min.js.download"></script></head>
<body><div id="shadow" class="shadow js-shadow u-display-none"></div><div role="dialog" aria-modal="true" aria-labelledby="drawer-heading" aria-hidden="true" class="drawer u-display-none"><div class="drawer__inner">
<span id="drawer-heading" class="aria-label">Top of side drawer</span>
<div class="drawer__toolbar u-clearfix">
<div class="drawer__back">
<button class="btn-icon drawer__btn drawer__back-btn js-drawer-back-btn" aria-label="Back" tabindex="-1">
<span class="icon"></span>
</button>
</div>
<div class="drawer__close">
<button class="btn-icon drawer__btn drawer__close-btn js-drawer-close-btn" aria-label="Close Drawer" tabindex="-1">
<span class="icon"></span>
</button>
</div>
</div>
<div class="drawer__holder js-drawer-holder"></div>
<a class="a11y-focusguard a11y-ignore a11y-ignore-focus" tabindex="-1" role="presentation"> </a>
</div>
</div>
<div role="navigation" class="nav">
<div class="nav__inner u-clearfix">
<button class="btn-icon nav__btn nav__home-btn js-nav-home-btn u-display-none" data-event="homeButton" aria-label="" role="link">
<div class="icon"></div>
</button><button class="btn-icon nav__btn nav__back-btn js-nav-back-btn u-display-none" data-event="backButton" aria-label="Back" role="link">
<div class="icon"></div>
</button><button class="btn-icon nav__btn nav__drawer-btn js-nav-drawer-btn u-display-none" data-event="toggleDrawer" aria-label="Open course resources.">
<div class="icon"></div>
</button></div></div><div id="app">
<div id="wrapper" class="location-menu location-id-course" data-location="course">
<div data-adapt-id="course" role="main" class="menu contentobject course boxmenu" style="opacity: 1;"><div class="background" aria-hidden="true"></div>
<div class="menu__inner boxmenu__inner">
<div class="menu__header boxmenu__header"><div class="background" aria-hidden="true"></div>
<div class="menu__header-inner boxmenu__header-inner">
<div class="menu__title boxmenu__title">
<div class="js-heading is-incomplete">
<div id="course-heading" class="js-heading-inner" role="heading" aria-level="1">
<span class="aria-label">
Incomplete. Realising the potential of digital twins
</span>
</div>
</div>
<div class="menu__title-inner boxmenu__title-inner" aria-hidden="true">
Realising the potential of digital twins
</div>
</div>
<div class="menu__body boxmenu__body">
<div class="menu__body-inner boxmenu__body-inner">
<p>Digital twins unleash value by enabling better decisions across the built and natural environments. However, in a world where the collection of data is accelerating, the value of the information it can provide is limited by the lack of a strategy for interconnections, resilience or long-term outcomes. These modules are designed to help unlock the full value of data in the digital twins ecosystem. </p>
</div>
</div>
</div>
</div>
<div class="menu__item-container boxmenu__item-container">
<div class="menu__item-container-inner boxmenu__item-container-inner js-children" role="list">
<div data-adapt-id="64188fc2b38aaf6b93dd8130" role="listitem" aria-labelledby="64188fc2b38aaf6b93dd8130-heading" class="menu-item 64188fc2b38aaf6b93dd8130 boxmenu-item">
<div class="menu-item__inner boxmenu-item__inner">
<div class="menu-item__image-container boxmenu-item__image-container">
<img loading="eager" class="menu-item__image boxmenu-item__image" src="./index_files/6f628878b133a157f7a68ae076bff2ebf23f235a.png" aria-hidden="true">
</div>
<div class="menu-item__details boxmenu-item__details">
<div class="menu-item__details-inner boxmenu-item__details-inner">
<div class="menu-item__title boxmenu-item__title">
<div class="js-heading is-incomplete" data-a11y-heading-type="menuItem">
<div id="64188fc2b38aaf6b93dd8130-heading" class="js-heading-inner" role="heading" aria-level="2">
<span class="aria-label">
Incomplete. The data landscape and connected digital twins
</span>
</div>
</div>
<div class="menu-item__title-inner boxmenu-item__title-inner" aria-hidden="true">
The data landscape and connected digital twins
</div>
</div>
<div class="menu-item__body boxmenu-item__body">
<div class="menu-item__body-inner boxmenu-item__body-inner">
<p>A digital twin is a digital representation of a physical asset, process or system. It is distinguished from any other digital model by its dynamic connection to the physical twin. </p><p>Digital twins are tools to make better decision, faster and quicker by going through the information value chain more efficiently – turning data into insights that enable improved decisions and provide better outcomes.</p><p>Data plays a fundamental role in enable secure, resilient and connected digital twins. </p><p>However, to realise the full benefits that data can bring, businesses must understand the ‘data landscape’ and its role in connected digital twins.</p>
</div>
</div>
<div class="menu-item__progress boxmenu-item__progress js-menu-item-progress">
</div>
<div class="menu-item__button-container boxmenu-item__button-container">
<button class="btn-text menu-item__button boxmenu-item__button js-btn-click" aria-label="1 The data landscape and connected digital twins .">
<a href="module1/" style="text-decoration: none;">Learn more</a>
</button>
</div>
</div>
</div>
</div>
</div><div data-adapt-id="64189011b38aaf6b93dd8134" role="listitem" aria-labelledby="64189011b38aaf6b93dd8134-heading" class="menu-item 64189011b38aaf6b93dd8134 boxmenu-item">
<div class="menu-item__inner boxmenu-item__inner">
<div class="menu-item__image-container boxmenu-item__image-container">
<img loading="eager" class="menu-item__image boxmenu-item__image" src="./index_files/72f3131f367c6aacae6f60a5eb60d0ea3847989d.png" aria-hidden="true">
</div>
<div class="menu-item__details boxmenu-item__details">
<div class="menu-item__details-inner boxmenu-item__details-inner">
<div class="menu-item__title boxmenu-item__title">
<div class="js-heading is-incomplete" data-a11y-heading-type="menuItem">
<div id="64189011b38aaf6b93dd8134-heading" class="js-heading-inner" role="heading" aria-level="2">
<span class="aria-label">
Incomplete. Maximising reuse of data through licensing and sharing
</span>
</div>
</div>
<div class="menu-item__title-inner boxmenu-item__title-inner" aria-hidden="true">
Maximising reuse of data through licensing and sharing
</div>
</div>
<div class="menu-item__body boxmenu-item__body">
<div class="menu-item__body-inner boxmenu-item__body-inner">
<p dir="ltr">Value can be created from data when it is collected, accessed, used and shared. Maximising the value created from data can only be achieved when all of these aspects are considered. However this cycle is often broken as data is not shared and thus the same data cannot be collected and re-used by others. One the main reasons data is not shared is the lack of clear data sharing agreement or licence that can be used to safely shared data while protecting the interests of the data owner.</p><p dir="ltr">This module introduces the key role of data sharing agreements and data licenses as ways to safely share data and maximise its reuse.</p>
</div>
</div>
<div class="menu-item__progress boxmenu-item__progress js-menu-item-progress">
</div>
<div class="menu-item__button-container boxmenu-item__button-container">
<button class="btn-text menu-item__button boxmenu-item__button js-btn-click" aria-label="2 Maximising reuse of data through licensing and sharing.">
<a href="module2/" style="text-decoration: none;">Learn more</a>
</button>
</div>
</div>
</div>
</div>
</div><div data-adapt-id="64189108b38aaf6b93dd8137" role="listitem" aria-labelledby="64189108b38aaf6b93dd8137-heading" class="menu-item 64189108b38aaf6b93dd8137 boxmenu-item">
<div class="menu-item__inner boxmenu-item__inner">
<div class="menu-item__image-container boxmenu-item__image-container">
<img loading="eager" class="menu-item__image boxmenu-item__image" src="./index_files/82fb1917c44640e6d5e713da46577b32650694b7.png" aria-hidden="true">
</div>
<div class="menu-item__details boxmenu-item__details">
<div class="menu-item__details-inner boxmenu-item__details-inner">
<div class="menu-item__title boxmenu-item__title">
<div class="js-heading is-incomplete" data-a11y-heading-type="menuItem">
<div id="64189108b38aaf6b93dd8137-heading" class="js-heading-inner" role="heading" aria-level="2">
<span class="aria-label">
Incomplete. Working with data from third party sources
</span>
</div>
</div>
<div class="menu-item__title-inner boxmenu-item__title-inner" aria-hidden="true">
Working with data from third party sources
</div>
</div>
<div class="menu-item__body boxmenu-item__body">
<div class="menu-item__body-inner boxmenu-item__body-inner">
<p>Data increases in value the more it is connected. This is because allowing data to be collected, used and shared means it can be utilised for a number of purposes.</p><p>However, before any data can be collected, used or shared, it is important to understand who owns what data, who has rights over it and what permissions or responsibilities you or others have in relation to the data. Projects that set out with good intentions to reuse existing data often encounter legal and ethical constraints which should be addressed as soon as possible.</p><p>This module looks at the spectrum of data and how permission is granted and/or obtained to integrate, analyse and otherwise reuse data.</p>
</div>
</div>
<div class="menu-item__progress boxmenu-item__progress js-menu-item-progress">
</div>
<div class="menu-item__button-container boxmenu-item__button-container">
<button class="btn-text menu-item__button boxmenu-item__button js-btn-click" aria-label="3 Working with data from third party sources.">
<a href="module3/" style="text-decoration: none;">Learn more</a>
</button>
</div>
</div>
</div>
</div>
</div><div data-adapt-id="64189121b38aaf6b93dd813a" role="listitem" aria-labelledby="64189121b38aaf6b93dd813a-heading" class="menu-item 64189121b38aaf6b93dd813a boxmenu-item">
<div class="menu-item__inner boxmenu-item__inner">
<div class="menu-item__image-container boxmenu-item__image-container">
<img loading="eager" class="menu-item__image boxmenu-item__image" src="./index_files/66d66970f6aaf5cd735c1a05f9a1bd4c9f0f13c7.jpg" aria-hidden="true">
</div>
<div class="menu-item__details boxmenu-item__details">
<div class="menu-item__details-inner boxmenu-item__details-inner">
<div class="menu-item__title boxmenu-item__title">
<div class="js-heading is-incomplete" data-a11y-heading-type="menuItem">
<div id="64189121b38aaf6b93dd813a-heading" class="js-heading-inner" role="heading" aria-level="2">
<span class="aria-label">
Incomplete. What makes data interoperable?
</span>
</div>
</div>
<div class="menu-item__title-inner boxmenu-item__title-inner" aria-hidden="true">
What makes data interoperable?
</div>
</div>
<div class="menu-item__body boxmenu-item__body">
<div class="menu-item__body-inner boxmenu-item__body-inner">
<p dir="ltr">To enable an ecosystem of connected digital twins within or across organisations, it is critical for data to be as interoperable as possible. This goes beyond simply using the same standard or set of column titles. In this module we explore the following:</p><ul><li dir="ltr">Why interoperability is important?</li><li dir="ltr">Legal interoperability</li><li dir="ltr">Technical interoperability</li><li dir="ltr">Semantic interoperability</li></ul>
</div>
</div>
<div class="menu-item__progress boxmenu-item__progress js-menu-item-progress">
</div>
<div class="menu-item__button-container boxmenu-item__button-container">
<button class="btn-text menu-item__button boxmenu-item__button js-btn-click" aria-label="4 What makes data interoperable?.">
<a href="module4/" style="text-decoration: none;">Learn more</a>
</button>
</div>
</div>
</div>
</div>
</div><div data-adapt-id="64189146b38aaf6b93dd8140" role="listitem" aria-labelledby="64189146b38aaf6b93dd8140-heading" class="menu-item 64189146b38aaf6b93dd8140 boxmenu-item">
<div class="menu-item__inner boxmenu-item__inner">
<div class="menu-item__image-container boxmenu-item__image-container">
<img loading="eager" class="menu-item__image boxmenu-item__image" src="./index_files/257a8479c513486055fc179e510d8c99a1c991a5.jpg" aria-hidden="true">
</div>
<div class="menu-item__details boxmenu-item__details">
<div class="menu-item__details-inner boxmenu-item__details-inner">
<div class="menu-item__title boxmenu-item__title">
<div class="js-heading is-incomplete" data-a11y-heading-type="menuItem">
<div id="64189146b38aaf6b93dd8140-heading" class="js-heading-inner" role="heading" aria-level="2">
<span class="aria-label">
Incomplete. Applying data ethics
</span>
</div>
</div>
<div class="menu-item__title-inner boxmenu-item__title-inner" aria-hidden="true">
Applying data ethics
</div>
</div>
<div class="menu-item__body boxmenu-item__body">
<div class="menu-item__body-inner boxmenu-item__body-inner">
<p dir="ltr">In this module we will explore the application of data ethics using tools that support individuals and organisations in developing products and services that mitigate negative risks and serve to promote positive outcomes for people and society. </p><p dir="ltr">This module provides you with the knowledge and skills to:</p><ol><li dir="ltr"><p dir="ltr">Describe the types of questions to ask when embedding ethical data practices</p></li><li dir="ltr"><p dir="ltr">Identify common barriers to adopting approaches to data ethics</p></li><li dir="ltr"><p dir="ltr">Explain how to use tools and frameworks to support ethical thinking around collection, use and sharing of data in projects</p></li><li dir="ltr"><p dir="ltr">Make several recommendations to improve the ethical handling of data</p></li></ol>
</div>
</div>
<div class="menu-item__progress boxmenu-item__progress js-menu-item-progress">
</div>
<div class="menu-item__button-container boxmenu-item__button-container">
<button class="btn-text menu-item__button boxmenu-item__button js-btn-click" aria-label="5 Applying data ethics.">
<a href="module5/" style="text-decoration: none;">Learn more</a>
</button>
</div>
</div>
</div>
</div>
</div><div data-adapt-id="64189165b38aaf6b93dd8143" role="listitem" aria-labelledby="64189165b38aaf6b93dd8143-heading" class="menu-item 64189165b38aaf6b93dd8143 boxmenu-item">
<div class="menu-item__inner boxmenu-item__inner">
<div class="menu-item__image-container boxmenu-item__image-container">
<img loading="eager" class="menu-item__image boxmenu-item__image" src="./index_files/6d5e20006ecebdeffc8157874edb53246050f39d.png" aria-hidden="true">
</div>
<div class="menu-item__details boxmenu-item__details">
<div class="menu-item__details-inner boxmenu-item__details-inner">
<div class="menu-item__title boxmenu-item__title">
<div class="js-heading is-incomplete" data-a11y-heading-type="menuItem">
<div id="64189165b38aaf6b93dd8143-heading" class="js-heading-inner" role="heading" aria-level="2">
<span class="aria-label">
Incomplete. Ethics and personal data
</span>
</div>
</div>
<div class="menu-item__title-inner boxmenu-item__title-inner" aria-hidden="true">
Ethics and personal data
</div>
</div>
<div class="menu-item__body boxmenu-item__body">
<div class="menu-item__body-inner boxmenu-item__body-inner">
<p>Fears over collecting, using and sharing personal data often results in data not getting to those who need it. The challenge starts with understanding just what personal data is, the difference between this and <strong>sensitive commercial data</strong>, and the role of <strong>data protection regulations</strong>, which many see as a blocker to collecting, using and sharing personal data. </p><p>The aim of this module is to increase understanding of personal data and techniques that can be applied to ensure the rights of individuals are protected, while maximising the the utility of data.</p>
</div>
</div>
<div class="menu-item__progress boxmenu-item__progress js-menu-item-progress">
</div>
<div class="menu-item__button-container boxmenu-item__button-container">
<button class="btn-text menu-item__button boxmenu-item__button js-btn-click" aria-label="6 Ethics and personal data.">
<a href="module6/" style="text-decoration: none;">Learn more</a>
</button>
</div>
</div>
</div>
</div>
</div></div>
</div>
</div>
</div></div>
</div>
<canvas id="AnnotateScreenShotCaptureCanvas" class="extension_reset_css " style="display: none; touch-action: pan-x pan-y;"></canvas><canvas id="AnnotateScreenShotCopyCanvas" class="extension_reset_css " style="display: none; touch-action: pan-x pan-y;"></canvas><canvas id="AnnotateAnnotationCaptureCanvas" class="extension_reset_css annotate-no-print " style="display: none; touch-action: pan-x pan-y; pointer-events: none;"></canvas><canvas id="AnnotateNotesAnnotationCaptureCanvas" class="extension_reset_css annotate-no-print " style="display: none; touch-action: pan-x pan-y; pointer-events: none;"></canvas><canvas id="AnnotateFeedbackAnnotationCaptureCanvas" class="extension_reset_css annotate-no-print " style="display: none; touch-action: pan-x pan-y; pointer-events: none;"></canvas><canvas id="AnnotateAnnotationSelectionCanvas" class="extension_reset_css annotate-no-print " style="display: none; touch-action: pan-x pan-y; pointer-events: none; cursor: auto;"></canvas><div id="AnnotateScreenCaptureDiv" class="extension_reset_css " data-annotateextensionversionno="8.18" style="display: none; touch-action: pan-x pan-y;"></div><div id="AnnotateScreenShotCapturelefthandle" class="extension_reset_css annotate-highlight-plugin-capture-tab-handle" style="display: none; touch-action: pan-x pan-y;"></div><div id="AnnotateScreenShotCapturetophandle" class="extension_reset_css annotate-highlight-plugin-capture-tab-handle" style="display: none; touch-action: pan-x pan-y;"></div><div id="AnnotateScreenShotCapturerighthandle" class="extension_reset_css annotate-highlight-plugin-capture-tab-handle" style="display: none; touch-action: pan-x pan-y;"></div><div id="AnnotateScreenShotCapturebottomhandle" class="extension_reset_css annotate-highlight-plugin-capture-tab-handle" style="display: none; touch-action: pan-x pan-y;"></div><div id="AnnotateScreenShotCaptureTopLefthandle" class="extension_reset_css annotate-highlight-plugin-capture-tab-handle" style="display: none; touch-action: pan-x pan-y;"></div><div id="AnnotateScreenShotCaptureBottomLefthandle" class="extension_reset_css annotate-highlight-plugin-capture-tab-handle" style="display: none; touch-action: pan-x pan-y;"></div><div id="AnnotateScreenShotCaptureBottomRighthandle" class="extension_reset_css annotate-highlight-plugin-capture-tab-handle" style="display: none; touch-action: pan-x pan-y;"></div><div id="AnnotateScreenCaptureBtnCancel" title="Cancel" class="extension_reset_css extension_icon extension_icon-close" style="display: none; color: rgb(0, 0, 0);"></div><div id="AnnotateScreenCaptureBtnOk" title="Capture on current page" class="extension_reset_css extension_icon extension_icon-capture_tab" style="display: none; color: rgb(0, 0, 0); touch-action: pan-x pan-y;"></div><div id="AnnotateScreenCaptureBtnOkNewPage" title="Capture on new page" class="extension_reset_css extension_icon extension_icon-capture_new_page" style="display: none; color: rgb(0, 0, 0); touch-action: pan-x pan-y;"></div><div id="AnnotateScreenCaptureBtnCopy" title="Copy to clipboard" class="extension_reset_css extension_icon extension_icon-copy_clipboard" style="display: none; color: rgb(0, 0, 0); touch-action: pan-x pan-y;"></div><div id="AnnotateScreenShotCaptureMsg" class="extension_reset_css " style="display: none; touch-action: pan-x pan-y;"></div><div id="AnnotateErrorMsgOverlay" class="extension_reset_css annotate-no-print " style="display: none; touch-action: pan-x pan-y;"></div><div id="AnnotateLaserElemeent" class=" extension_reset_css " style="display: none; width: 32px; height: 32px; top: 0px; left: 0px; border-radius: 16px; touch-action: pan-x pan-y;"></div><div class="extension_reset_css annotate-no-print " id="AnnotateMsgDialog" style="display: none; touch-action: pan-x pan-y;"><div id="AnnotateMsgDialogBtnClose" class="extension_reset_css extension_icon extension_icon-close_button_msg_dialog" style="color: rgb(33, 150, 243);"></div><div id="AnnotateMsgDialogHeader" class="extension_reset_css"></div><div class="extension_reset_css" id="AnnotateMsgDialogMessage"></div><div id="AnnotateImportOptionContainer" class="extension_reset_css"><div style="margin-bottom: 10px;"><div id="AnnotateImportFileNameLabel" class="extension_reset_css">Notebook name</div><div class="extension_reset_css" style="display: inline;"><input type="text" id="AnnotateFileName"></div><br><div class="extension_reset_css" id="AnnotateFileNameErr"></div></div><div class="extension_reset_css" style="margin-bottom: 20px;"><input type="radio" id="AnnotateImportOption1" name="importOption" class="ImportOption" value="all"><label for="AnnotateImportOption1" class="ImportOptionLabel">Entire Document</label></div><div><input type="radio" id="AnnotateImportOption2" name="importOption" class="ImportOption" value="selected"><label for="AnnotateImportOption2" class="extension_reset_css ImportOptionLabel" style="vertical-align: middle;">Selected Pages</label><div class="extension_reset_css" style="display: inline;"><input type="text" id="AnnotateImportRange" disabled="" placeholder="e.g. 1-5, 8, 11-13"></div><br><div class="extension_reset_css" id="AnnotateImportRangeErr"></div></div></div><div id="AnnotateSaveOptionContainer" class="extension_reset_css"><div class="extension_reset_css"><div class="extension_reset_css" style="margin-bottom: 8px;"><div id="AnnotateSaveAnnotationNameLabel" class="extension_reset_css TextInputElementLabel">Name</div><div class="extension_reset_css" style="display: inline;"><input type="text" id="AnnotateAnnotationName" class="extension_reset_css TextInputElement" spellcheck="false"></div><br><div class="extension_reset_css" id="AnnotateAnnotationNameErr"></div></div><div class="extension_reset_css" style="margin-bottom: 5px;"><div id="AnnotateSaveAnnotationDescriptionLabel" class="extension_reset_css TextInputElementLabel">Description</div><div class="extension_reset_css" style="display: inline;"><input type="text" id="AnnotateAnnotationDescription" class="extension_reset_css TextInputElement" spellcheck="false"></div></div></div><div class="extension_reset_css"><div class="extension_reset_css" style="margin-bottom: 20px;"><input type="radio" id="AnnotateSaveOption1" name="saveOption" class="extension_reset_css SaveOption" value="update"><label for="AnnotateSaveOption1" class="extension_reset_css saveOptionLabel">Update existing</label></div><div class="extension_reset_css" style="margin-bottom: 5px;"><input type="radio" id="AnnotateSaveOption2" name="saveOption" class="extension_reset_css SaveOption" value="create"><label for="AnnotateSaveOption2" class="extension_reset_css saveOptionLabel">Save new</label></div></div></div><div class="extension_reset_css"><div class="extension_reset_css" style="margin-bottom: 20px; padding-left: 10px;"><input type="radio" id="AnnotateApplyAnnotationOption1" name="applyAnnotationOption" class="extension_reset_css SaveOption" value="merge"><label for="AnnotateApplyAnnotationOption1" class="extension_reset_css saveOptionLabel">Merge with previous</label></div><div class="extension_reset_css" style="margin-bottom: 5px; padding-left: 10px;"><input type="radio" id="AnnotateApplyAnnotationOption2" name="applyAnnotationOption" class="extension_reset_css SaveOption" value="overwrite"><label for="AnnotateApplyAnnotationOption2" class="extension_reset_css saveOptionLabel">Overwrite previous</label></div></div><div class="extension_reset_css" style="position: relative; width: 105%; height: 5px; z-index: 1; box-shadow: rgba(0, 0, 0, 0.14) 0px 4px 5px 0px;"></div><div id="AnnotateWebAnnotationItemsContainer" class="extension_reset_css"></div><div class="extension_reset_css" id="AnnotateRecordingOptionContainer"><div class="extension_reset_css" style="margin-bottom: 20px;"><input type="radio" id="AnnotateRecordingOption1" name="recordingOption" class="extension_reset_css RecordingOption" value="a"><label for="AnnotateRecordingOption1" class="extension_reset_css recordingOptionLabel">Voice note</label></div><div class="extension_reset_css" style="margin-bottom: 20px;"><input type="radio" id="AnnotateRecordingOption2" name="recordingOption" class="extension_reset_css RecordingOption" value="av"><label for="AnnotateRecordingOption2" class="extension_reset_css recordingOptionLabel">Camera recording</label></div><div class="extension_reset_css" style="margin-bottom: 5px;"><input type="radio" id="AnnotateRecordingOption3" name="recordingOption" class="extension_reset_css RecordingOption" value="as"><label for="AnnotateRecordingOption3" class="extension_reset_css recordingOptionLabel">Screen recording</label></div></div><div id="AnnotateMsgDialogInputContainer" class="extension_reset_css" style="margin-bottom: 8px;"><div id="AnnotateMsgDialogInputLabel" class="extension_reset_css TextInputElementLabel">Name</div><div class="extension_reset_css" style="display: inline;"><input type="text" id="AnnotateMsgDialogInput" class="extension_reset_css TextInputElement" spellcheck="false"></div><br><div class="extension_reset_css" id="AnnotateMsgDialogInputErr"></div><div class="extension_reset_css" id="AnnotateMsgDialogInputInfo"></div></div><div id="AnnotateMsgDialogProgressBarContainer" class="extension_reset_css"><div id="AnnotateMsgDialogProgressBar" class="extension_reset_css"></div></div><div id="AnnotateMsgDialogCheckboxContainer" class="extension_reset_css"><input type="checkbox" id="AnnotateMsgDialogCheckbox" class="extension_reset_css"><label for="AnnotateMsgDialogCheckbox" class="extension_reset_css CheckboxLabel">Do not remind again</label></div><div id="AnnotateMsgDialogBtn1" class="extension_reset_css AnnotateMsgDialogBtn"></div><div id="AnnotateMsgDialogBtn2" class="extension_reset_css AnnotateMsgDialogBtn"></div><div id="AnnotateMsgDialogBtn3" class="extension_reset_css AnnotateMsgDialogBtn"></div><div id="AnnotateMsgDialogBtnDisabled" class="extension_reset_css AnnotateMsgDialogBtn AnnotateMsgDialogBtnDisabled"></div><div id="AnnotateMsgDialogTutorialDiv" class="extension_reset_css"></div><div style="height: 37px; width: 1px; display: block;"></div></div><div id="AnnotateImportPdfBtn" class="extension_reset_css " style="display: none; touch-action: pan-x pan-y; right: 2px; top: 48px;"><div class="extension_reset_css " id="AnnotateImportPdfBtnDiv"><div class="extension_reset_css " style="width: 195px; margin: 0px;"><div class="extension_reset_css " id="AnnotateImportPdfBtnIcon" style="background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAAAsSAAALEgHS3X78AAACfklEQVRoge2asW/TUBDGvyZpExqkOEICxJCYBbFUeCiwQSRGlgJbB8jIGMQ/UAb2bN0QLIzQpQMDIkhZKhhSsSEBcQekMhCHAo1LW6N76qvtyKlb/M4OlX/SkyzHeXffe/fuTpbhOE7gAKABaAFwEh7kgzbSzwMEdMbAeTk6RxIAYG6MnJejHuRrBsEY8m61WkWv1xu5U1yDbJJtD3qQp6ME7KPrOjRNC3tMOWSTbIcRKmDcSQUkTSogaVIBSZMKIJY+/kHt+S8stAforO+omPLQ5KJO0Hxn48Hrgbh+u7aNR20b1VIG9ZlJNGbz0AoTrAIi78DchUmU8n4nzf6uEKIvbojd4SSyAL2UwdKdadybmRIr76VvO7j14jfqy5tsEiKHEFGr5MTA3nlovt8S4SR59mFLXD29eUKFOR/KsxCFVGu+iJe3p32hRSLokKuGLY1KIV4RdC66/V2ldljrgHEmK0R4WWjbSm2wFzISQQdcojorxVKJG7OuAMpMKotdLAJoF7xYtqNs7th6oUuns4d46uiwCrAG7kqvfuPpkdgEtNa2UW7+ELnfVJw6vSipxEHIdEm5//umP+YNheHEtgOap4Atf3LbCtkvqSpobAJqFXeVv1ius2eLE6JLPb+4AePJz8h22EJINnfYe7EpWfnqHmYV6ZRtByj3D7fXw3gL3L/CmkYvngqe/nolhzfzRTQu5yPbYAsh4r4xhVef/Qe4eaMgOlVVsAogR6+cy2J1fQePrxXw8Gr0FR+GVQCxcvck6/zpe6GkSQUkTSogaVIBSRMqoNvtwrKs2N0km2Q7jFGVeP+fpmmiXC7H5PaBdAJ/PJYfe/w3n9s4Dv4CmiVSwXi9N7YAAAAASUVORK5CYII=");"></div><div class="extension_reset_css " id="AnnotateImportPdfBtnText">Open with Annotate</div></div><div id="ImportPdfShowToolbarIcon" class="extension_reset_css ShowToolbarIcon ShowToolbarIconImportPdf extension_icon extension_icon-import_pdf" title="Import PDF into Content Library" style="color: rgb(0, 0, 0);"></div><div id="ImportPdfCloseIcon" class="extension_reset_css ShowToolbarIcon ImportPdfCloseIcon extension_icon extension_icon-close" title="Close" style="color: rgb(0, 0, 0);"></div></div></div><div id="AnnotateLoadAnnotationsBtn" class="extension_reset_css annotate-no-print " style="display: none; touch-action: pan-x pan-y; right: 2px; top: 48px;"><div id="AnnotateLoadAnnotationsBtnDiv" class="extension_reset_css"><div class="extension_reset_css" style="width: 205px; margin: 0px;"><div class="extension_reset_css" id="AnnotateLoadAnnotationsBtnIcon" style="background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAAAsSAAALEgHS3X78AAACfklEQVRoge2asW/TUBDGvyZpExqkOEICxJCYBbFUeCiwQSRGlgJbB8jIGMQ/UAb2bN0QLIzQpQMDIkhZKhhSsSEBcQekMhCHAo1LW6N76qvtyKlb/M4OlX/SkyzHeXffe/fuTpbhOE7gAKABaAFwEh7kgzbSzwMEdMbAeTk6RxIAYG6MnJejHuRrBsEY8m61WkWv1xu5U1yDbJJtD3qQp6ME7KPrOjRNC3tMOWSTbIcRKmDcSQUkTSogaVIBSZMKIJY+/kHt+S8stAforO+omPLQ5KJO0Hxn48Hrgbh+u7aNR20b1VIG9ZlJNGbz0AoTrAIi78DchUmU8n4nzf6uEKIvbojd4SSyAL2UwdKdadybmRIr76VvO7j14jfqy5tsEiKHEFGr5MTA3nlovt8S4SR59mFLXD29eUKFOR/KsxCFVGu+iJe3p32hRSLokKuGLY1KIV4RdC66/V2ldljrgHEmK0R4WWjbSm2wFzISQQdcojorxVKJG7OuAMpMKotdLAJoF7xYtqNs7th6oUuns4d46uiwCrAG7kqvfuPpkdgEtNa2UW7+ELnfVJw6vSipxEHIdEm5//umP+YNheHEtgOap4Atf3LbCtkvqSpobAJqFXeVv1ius2eLE6JLPb+4AePJz8h22EJINnfYe7EpWfnqHmYV6ZRtByj3D7fXw3gL3L/CmkYvngqe/nolhzfzRTQu5yPbYAsh4r4xhVef/Qe4eaMgOlVVsAogR6+cy2J1fQePrxXw8Gr0FR+GVQCxcvck6/zpe6GkSQUkTSogaVIBSRMqoNvtwrKs2N0km2Q7jFGVeP+fpmmiXC7H5PaBdAJ/PJYfe/w3n9s4Dv4CmiVSwXi9N7YAAAAASUVORK5CYII=");"></div><div class="extension_reset_css" id="AnnotateLoadAnnotationsBtnText">Load previous annotations</div></div><div id="LoadAnnotationsShowToolbarIcon" class="extension_reset_css ShowToolbarIcon ShowToolbarIconLoadAnnotations extension_icon extension_icon-annotation_toolbar" title="Show annotation toolbar" style="color: rgb(0, 0, 0);"></div><div id="LoadAnnotationsCloseIcon" class="extension_reset_css ShowToolbarIcon LoadAnnotationsCloseIcon extension_icon extension_icon-close" title="Close" style="color: rgb(0, 0, 0);"></div></div></div><div class="extension_reset_css AnnotateNet_widget" data-id="Toast" id="AnnotateExtensionToastDiv"><div class="extension_reset_css AnnotateNet_widget annotateellipsis" data-id="Toast_ExtensionWidget" style="display: block;"><div class="extension_reset_css AnnotateNet_widget annotateclickable" data-id="Widget" title="Resize" style="z-index: 8; display: none;"></div></div><div class="extension_reset_css AnnotateNet_widget annotateclickable" data-id="Toast_ExtensionWidget" style="display: none; text-align: center; color: rgb(233, 30, 99); width: 48px; height: 36px; line-height: 36px;"><div class="extension_reset_css AnnotateNet_widget annotateclickable" data-id="Widget" title="Resize" style="z-index: 8; display: none;"></div></div></div><div class="extension_reset_css annotate-modal" style="display: none; width: 420px; height: 110px; top: 447px; left: 716.5px;"><div class="annotate-modal-header" style="display: none;"><div class="annotate-modal-header-text"></div></div><div class="extension_reset_css annotate-loader-modal-content" style="height: 110px;"><div class="extension_reset_css AnnotateDivElement AnnotateLoading" style="height: 36px; width: 36px; left: 24px; top: 0px;"></div><div class="extension_reset_css AnnotateDivElement annotate-wrap-text" style="height: auto; width: 356px; left: 40px; top: 0px;">Loading...</div></div><div class="annotate-modal-footer" style="display: none;"></div></div><div class="notify__container"><div class="notify__container-inner">
<div class="notify__popup-container"></div>
<div class="notify__push-container a11y-ignore" aria-live="assertive" aria-atomic="true"></div>
</div>
</div><div class="loading js-loading" style="display: none;">
<div class="loading__inner">
Loading...
</div>
</div>
<div id="a11y-focuser" class="a11y-ignore" tabindex="-1"> </div></body></html>