-
Notifications
You must be signed in to change notification settings - Fork 2
/
example.html
95 lines (86 loc) · 4.74 KB
/
example.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
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title></title>
<link href="//netdna.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
<div class="container-fluid" style="margin-top:4em">
<div class="row">
<div class="col-sm-8 col-sm-offset-2 col-xs-12">
<p>Lorem ipsum dolor sit amet, has an dicat essent denique. Sea sale epicuri eu, id molestie electram mea. Partiendo intellegam sed cu. Copiosae posidonium ei nec. Sit an etiam minim interesset, quo te labore quodsi, et eos delectus principes.</p>
<p>Per error complectitur concludaturque in. Eu vis labitur voluptua, et tota utroque cotidieque his. Iisque consequat consectetuer nec ad, an ius veri phaedrum posidonium. Legimus appareat no cum, convenire concludaturque vim ex. Est an lorem constituto. Ea mucius vocibus verterem his, ne voluptaria dissentiet ius, at cum causae impedit liberavisse.</p>
<p>
<!-- UKNF -->
<div class="annotated_media">
<h1>Decoding The Government's Redactions</h1>
<h2>Click or Tap to reveal annotations</h2>
<img id="uniqueID" src="./builder/img/calibration.png" width="100%"/>
<script src="./dist/annotator.min.js"></script>
<script>
window.annotate_media("#uniqueID", {
targets: [
{
"style": "rect",
"color": "#ea1394",
"width": 6,
"height": 8,
"x": 34.43,
"y": 16.66,
"content": '<p><b><u>Title:</u></b></p><p>Explanation.</p>'
},
{
"style": "circle",
"color": "#ea1394",
"radius": 6,
"x": 54.5,
"y": 16.66,
"content": '<p><b><u>Title:</u></b></p><p>Explanation.</p>'
}
]
});
</script>
</div>
<!-- UKNF -->
<div class="annotated_media">
<h1>Decoding The Government's Redactions</h1>
<h2>Click or Tap to reveal annotations</h2>
<img id="uniqueID2" src="./builder/img/calibration.png" width="100%"/>
<script src="./dist/annotator.min.js"></script>
<script>
window.annotate_media("#uniqueID2", {
targets: [
{
"color": "#ea1394",
"radius": 4,
"x": 34.43,
"y": 16.66,
"content": '<p><b><u>Title:</u></b></p><p>Explanation.</p>'
},
{
"color": "#ea1394",
"radius": 6,
"x": 54.5,
"y": 16.66,
"content": '<p><b><u>Title:</u></b></p><p>Explanation.</p>'
}
]
});
</script>
</div>
</p>
<p>Partem putent audire no est. Nam vivendo voluptatum ex, ea quo vivendo splendide philosophia. Idque animal timeam vel in. Ex quo exerci possim, qui ad erant labores periculis. Eirmod urbanitas vis eu. Quo in verear sadipscing, ne vis modo fierent, omnium nusquam no mei.</p>
<p>Aliquid ancillae duo et, aeque everti tibique eos eu. Ea eos essent veritus consequat. At quodsi neglegentur sed, an omnis vocent aliquid vix. Id ferri maiorum per. Cum tritani impedit fastidii cu, cum commune signiferumque at.</p>
<p>Postea animal oblique cum no, est prodesset referrentur cu, at eam facete causae. Mei eu nonumes periculis, magna convenire pri an. Per te cetero regione consetetur. Sanctus delectus per an. Cum ut autem vitae adversarium, cum cu perpetua aliquando vituperatoribus. Eros prima sed eu, ut facilisi tractatos mei.</p>
<p>In mel illud dolorem. Ad quo primis quaeque eligendi, qui an amet dissentias. Probatus honestatis ne pro. Cu vix placerat percipit. Vix summo scribentur at, repudiare voluptatibus ea quo, facer vocent alienum pri ne.</p>
<p>Ius nihil essent temporibus ex, id mei consul quodsi. Lucilius scribentur eos ex, legimus percipitur ne usu. Eum solet salutatus ei, audire tacimates te eum. Eum et illum audire. Ad pro amet vocibus pertinacia, in docendi delectus principes pri.</p>
<p>Mutat brute dictas his ea, no mel wisi cetero. Eu duo affert euismod mentitum. Te sed quis minimum insolens, te nominati gubergren mel. Mei id quas postea, assentior interesset ad vis. Debet neglegentur philosophia eu ius, usu et vocent aliquip, his electram reprimique persequeris cu.</p>
<p>Ex ubique detracto moderatius quo, ad tota minim usu. Vim essent audire voluptatibus et. Nihil meliore contentiones est ad, vis id doming scribentur. Te usu animal epicuri deserunt, epicuri facilisis no sit.</p>
<p>Ei nam etiam tamquam eruditi, est quis sanctus insolens at. In fabulas inimicus pri, salutandi democritum at his, eos soluta volutpat an. Mei elitr integre eu. Sit utinam oblique accusam eu.</p>
</div>
</div>
</div>
</body>
</html>