forked from openannotation/annotator
-
Notifications
You must be signed in to change notification settings - Fork 0
/
demo.html
128 lines (125 loc) · 5.13 KB
/
demo.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Annotator demo</title>
<style>
body {
font-family: Georgia, Cambria, "Times New Roman", Times, serif;
letter-spacing: 0.01rem;
font-size: 22px;
line-height: 1.5;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
}
header, article {
width: 740px;
margin: 2em auto;
}
.highlight {
background: rgba(255, 10, 10, 0.3);
}
</style>
</head>
<body>
<header>
<h1>Annotator demonstration</h1>
</header>
<article>
<p>
He was an old man who fished alone in a skiff in the Gulf Stream and he
had gone eighty-four days now without taking a fish. In the first forty
days a boy had been with him. But after forty days without a fish the
boy's parents had told him that the old man was now definitely and
finally <em>salao</em>, which is the worst form of unlucky, and the boy
had gone at their orders in another boat which caught three good fish
the first week. It made the boy sad to see the old man come in each day
with his skiff empty and he always went down to help him carry either
the coiled lines or the gaff and harpoon and the sail that was furled
around the mast. The sail was patched with flour sacks and, furled, it
looked like the flag of permanent defeat.
</p>
<p>
The old man was thin and gaunt with deep wrinkles in the back of his
neck. The brown blotches of the benevolent skin cancer the sun brings
from its reflection on the tropic sea were on his cheeks. The blotches
ran well down the sides of his face and his hands had the deep-creased
scars from handling heavy fish on the cords. But none of these scars
were fresh. They were as old as erosions in a fishless desert.
</p>
<p>
Everything about him was old except his eyes and they were the same
color as the sea and were cheerful and undefeated.
</p>
<p>
"Santiago," the boy said to him as they climbed the bank from
where the skiff was hauled up. "I could go with you again. We've
made some money."
</p>
<p>The old man had taught the boy to fish and the boy loved him.</p>
<p>
"No," the old man said. "You're with a lucky boat. Stay
with them."
</p>
<p>
"But remember how you went eighty-seven days without fish and then
we caught big ones every day for three weeks."
</p>
<p>
"I remember," the old man said. "I know you did not leave
me because you doubted."
</p>
<p>
"It was papa made me leave. I am a boy and I must obey him."
</p>
<p>
"I know," the old man said. "It is quite normal."
</p>
<p>"He hasn't much faith."</p>
<p>
"No," the old man said. "But we have. Haven't we?"
</p>
<p>
"Yes," the boy said. "Can I offer you a beer on the
Terrace and then we'll take the stuff home."
</p>
<p>
"Why not?" the old man said. "Between fishermen."
</p>
<p>
They sat on the Terrace and many of the fishermen made fun of the old
man and he was not angry. Others, of the older fishermen, looked at him
and were sad. But they did not show it and they spoke politely about the
current and the depths they had drifted their lines at and the steady
good weather and of what they had seen. The successful fishermen of that
day were already in and had butchered their marlin out and carried them
laid full length across two planks, with two men staggering at the end
of each plank, to the fish house where they waited for the ice truck to
carry them to the market in Havana. Those who had caught sharks had
taken them to the shark factory on the other side of the cove where they
were hoisted on a block and tackle, their livers removed, their fins cut
off and their hides skinned out and their flesh cut into strips for
salting.
</p>
<p>
When the wind was in the east a smell came across the harbour from the
shark factory; but today there was only the faint edge of the odour
because the wind had backed into the north and then dropped off and it
was pleasant and sunny on the Terrace.
</p>
</article>
<!-- The main Annotator script -->
<script src="pkg/annotator.min.js"></script>
<script>
if (typeof annotator === 'undefined') {
alert("Oops! it looks like you haven't built Annotator. " +
"Either download a tagged release from GitHub, or build the " +
"package by running `make`");
} else {
var app = new annotator.App();
app.include(annotator.ui.main);
app.start();
}
</script>
</body>
</html>