-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathm-z-0194c27c-aebe-75d0-812f-06fbeb60b7d6_ground_truth.json
290 lines (290 loc) · 18.1 KB
/
m-z-0194c27c-aebe-75d0-812f-06fbeb60b7d6_ground_truth.json
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
[
{
"video_id": "m-z-0194c27c-aebe-75d0-812f-06fbeb60b7d6",
"start": 0.0,
"end": 1.0,
"frame_time": 0.0,
"ocr_text": "Interactive Typography A small design/development tutorial for the codrops magazine. Documenting how to make interactive particle-based typography. Bezier Curve Simulation A small visualization showing the mathematics and mechanics behind bezier curves.",
"processing_time": 4.337894916534424
},
{
"video_id": "m-z-0194c27c-aebe-75d0-812f-06fbeb60b7d6",
"start": 1.0,
"end": 2.0,
"frame_time": 1.0,
"ocr_text": "@keyframes spin { 0% { transform: rotateZ(0deg); } 100% { transform: rotateZ(360deg); } }",
"processing_time": 4.445312023162842
},
{
"video_id": "m-z-0194c27c-aebe-75d0-812f-06fbeb60b7d6",
"start": 2.0,
"end": 3.0,
"frame_time": 2.0,
"ocr_text": "Interactive Typography A small design/development tutorial for the codrops magazine. Documenting how to make interactive particle-based typography. Bezier Curve Simulation A small visualization showing the mathematics and mechanics behind bezier curves.",
"processing_time": 5.406306743621826
},
{
"video_id": "m-z-0194c27c-aebe-75d0-812f-06fbeb60b7d6",
"start": 3.0,
"end": 4.0,
"frame_time": 3.0,
"ocr_text": "Chrome File Edit View History Bookmarks People Window Help 56% Sat Jan 27 3:14 PM tholman/the-zen-zone: Digital Someone Call The Fire Depart CSS-pranks: Slides Tims Curious Creations Tim Slides,Inc.[US] https://slides.com/tholman/css-pranks/live#10 tholman.com Interactive Typography A small design/development tutorial for the codrops magazine. Documenting how to make interactive particle-based typography. Bezier Curve Simulation A small visualization showing the mathematics and mechanics behind bezier curves.",
"processing_time": 4.605340957641602
},
{
"video_id": "m-z-0194c27c-aebe-75d0-812f-06fbeb60b7d6",
"start": 4.0,
"end": 5.0,
"frame_time": 4.0,
"ocr_text": "S.JS on GitHub 1280px x 553px What have you made today? Got a little sick of my old \"new tab\" page, so I built something small to replace it. The idea of this little project was to build something that replaced the default \"Chrome\" new tabs page, which, although good, would be a little frustrating at times it would load a whole google search bar, when really I was using the browsers URL bar to search anyway. It was also sending off requests this way and the next, which weren't really necessary. All I really wanted was a simple speed dial, and some motivational text. So thats what I did! What Have G F H Elements Console Sources Network Performance Memory Application Security Audits Adblock Plus <html> #shadow-root (open) <head>...</head> <body> == $0 <section class=\"wrapper\" style=\"transform: rotate(1.5deg); \"> <div class=\"content\"> html body section.wrapper Elements Conso dow-root (open) ead>...</head> body> == 0 section class=\"wrapper ansform: rotate(1. class=\"content\" section.wrapper :14 Liberation Mono, DejaVu Sans Mono Bitstream",
"processing_time": 7.836313962936401
},
{
"video_id": "m-z-0194c27c-aebe-75d0-812f-06fbeb60b7d6",
"start": 5.0,
"end": 6.0,
"frame_time": 5.0,
"ocr_text": "Smelvetica is an experimentation in taking one of the world's most beloved fonts, and turning it into a morbid monstrosity. This project began by pulling the original \"Helvetica\" font from my system files, and making a copy of it. From there I opened it in FontForge, which is a brilliant open source font editor. A at 65 from Helvetica* LATIN CAPITAL LETTER A File Edit Point Element Tools Hints View Metrics Window Help Elements Console Sources Network Performance Memory Application Security Audits Adblock Plus <html> #shadow-root (open) <head>...</head> <body> == $0 <section class=\"wrapper\" style=\"transform: rotate(1.5deg); \"> <div class=\"content\"> html body section.wrapper Elements Conso dow-root (open) ead>...</head> body> == 0 section class=\"wrapper ansform: rotate(1. class=\"content\" section.wrapper :14 Liberation Mono, DejaVu Sans Mono Bitstream",
"processing_time": 7.190737247467041
},
{
"video_id": "m-z-0194c27c-aebe-75d0-812f-06fbeb60b7d6",
"start": 6.0,
"end": 7.0,
"frame_time": 6.0,
"ocr_text": "this little web page some of them are a little trickier to get handle on than the others, but ultimately learnable. Abstract Clocks Demo's & Instructions Abstract Clocks code on Github Abstract Clocks on Electric Object OK, Get This Things you probably didn't know about, in 5 minutes or less! I recently \"bumped\" into bumpers.fm, a cool little app for recording small audio casts. I figured why not, and so \"OK, Get This\" was born. The goal of this \"podcast\" is to highlight weird and wonderful events, happenings and coincidences in the world, and then talk about them for 5 minutes or less. For example, The Emu Wars in Australia, or the history of tug-o-war fatalities, yikes! The individual episodes are also embeddable, whi Elements Console Sources Network Performance Memory Application Security Audits Adblock Plus <html> #shadow-root (open) <head>...</head> <body> == $0 <section class=\"wrapper\" style=\"transform: rotate(1.5deg); \"> <div class=\"content\"> html body section.wrapper Elements Conso dow-root (open) ead>...</head> body> == 0 section class=\"wrapper ansform: rotate(1. class=\"content\" section.wrapper :14 Liberation Mono, DejaVu Sans Mono Bitstream",
"processing_time": 8.017720937728882
},
{
"video_id": "m-z-0194c27c-aebe-75d0-812f-06fbeb60b7d6",
"start": 7.0,
"end": 8.0,
"frame_time": 7.0,
"ocr_text": "AsciiMorph is a small JS library designed to transition between two ascii images for an old website of mine. Elements Console Sources Network Performance Memory Application Security Audits Adblock Plus <html> #shadow-root (open) <head>...</head> <body> == $0 <section class=\"wrapper\" style=\"transform: rotate(1.5deg); \"> <div class=\"content\"> html body section.wrapper Elements Conso dow-root (open) ead>...</head> body> == 0 section class=\"wrapper ansform: rotate(1. class=\"content\" section.wrapper :14 Liberation Mono, DejaVu Sans Mono Bitstream",
"processing_time": 3.757111072540283
},
{
"video_id": "m-z-0194c27c-aebe-75d0-812f-06fbeb60b7d6",
"start": 8.0,
"end": 9.0,
"frame_time": 8.0,
"ocr_text": "AsciiMorph is a small JS library designed to transition between two ascii images for an old website of mine. The library counts the spaces around the \"image\" then systematically collapses it from the outsid inwards. Rather than just hiding the bordered ascii chara,",
"processing_time": 4.2795491218566895
},
{
"video_id": "m-z-0194c27c-aebe-75d0-812f-06fbeb60b7d6",
"start": 9.0,
"end": 10.0,
"frame_time": 9.0,
"ocr_text": "OBNXIOUS.CSS Animations for the strong of heart, and weak of mind. Shake It Run Animation By Tim Holman Source / Show to the The key to bad animations is fairly simple really, make them move to much, make them run to long, make them flash and jitter! All of these terrible components have been compiled into the Obnoxious.css library! The crowning glory of these animations, is \"fontalicious\", which contains a devestatingly frustating series of font changes. OBNXIOUS.CS I always find that when you explore the way thin SHOULDN'T be used, you get a little bit of appreciation for how good we ultimately have it.",
"processing_time": 9.23195505142212
},
{
"video_id": "m-z-0194c27c-aebe-75d0-812f-06fbeb60b7d6",
"start": 10.0,
"end": 11.0,
"frame_time": 10.0,
"ocr_text": "to put each piece Its definitely worth the read! To meet this goal, our AI will decide the best move for a given Tetris piece by trying out all the possible moves (rotation and position). It computes a score for each possible move (together with the lookahead piece), and selects the one with the best score as its next move. The score for each move is computed by assessing the grid the move would result in. This assessment is based on four heuristics: aggregate height, complete lines, holes, and bumpiness, each of which the AI will try to either minimize or maximize. From this point, I forked the code and set my mind to hacking how the pieces were drawn, so I could have multiple different looks and feels. These are, from left to right.",
"processing_time": 7.905722141265869
},
{
"video_id": "m-z-0194c27c-aebe-75d0-812f-06fbeb60b7d6",
"start": 11.0,
"end": 12.0,
"frame_time": 11.0,
"ocr_text": "From this point, I forked the code and set my mind to hacking how the pieces were drawn, so I could have multiple different looks and feels. These are, from left to right. 1: Ambient Blocks, in this version the tiles take up solid block colors. As the game goes on, the hue of these colors rotates very slowly, meaning whenever you look at the wall you should see slightly different colors. This playful touch made it my personal favorite. 2: Classic Tetris, in this specific rendering I' copied the colors and patterns from the original GameBoy game, including that ever present green 3: Colored Classic, using the colors of the tetr game that appeared on Super Nintendo, the colore tiles perhaps look the nicest on the screen, and definitely bring back some nostalgic feelings!",
"processing_time": 9.565673112869263
},
{
"video_id": "m-z-0194c27c-aebe-75d0-812f-06fbeb60b7d6",
"start": 12.0,
"end": 13.0,
"frame_time": 12.0,
"ocr_text": "tholman.com/smelvetica Smelvetica Smelvetica is a font for a more civilized time. Identifable by its infamous sunken t, smelvetica ensures that your brand and message will always be eye catching, and unique. The installation ended up being the most devious part of the prank in the end, since it would install on the system it makes it really difficult for anyone to understand why everything looks just that little bit wrong. Smelvetica website & examples Smelvetica source and installation instructions Passive Aggressive Office Simulator \"Remember everybody, the crisper is for green vegetables only, anything else found in it will be thrown out at the end of the day.\" ~ Passive aggressive post-it note. One of the funnier things I found from office life was the small messages that would blast out to the whole",
"processing_time": 10.055355310440063
},
{
"video_id": "m-z-0194c27c-aebe-75d0-812f-06fbeb60b7d6",
"start": 13.0,
"end": 14.0,
"frame_time": 13.0,
"ocr_text": "Smelvetica is a font for a more civilized time. Identifiable by its infamous sunken t, smelvetica ensures that your brand and message will always be eye catching, and unique. The installation ended up being the most devious part of the prank in the end, since it would install on the system it makes it really difficult for anyone to understand why everything looks just that little bit wrong. Smelvetica website & examples Smelvetica source and installation instructions Passive Aggressive Office Simulator \"Remember everybody, the crisper is for green vegetables only, anything else found in it will be thrown out at the end of the day.\" ~ Passive aggressive post-it note. One of the funnier things I found from office life was the small messages that would blast out to the whole company \"There's a fire drill tomorrow.\" \"The coffee",
"processing_time": 9.191355228424072
},
{
"video_id": "m-z-0194c27c-aebe-75d0-812f-06fbeb60b7d6",
"start": 14.0,
"end": 15.0,
"frame_time": 14.0,
"ocr_text": "Chrome File Edit View History Bookmarks People Window Help 56% Sat Jan 27 3:14 PM tholman/the-zen-zone: Digital Someone Call The Fire Depart CSS-pranks: Slides Tims Curious Creations Tim tholman.com Smelvetica is a font for a more civilized time. Identifiable by its infamous sunken t, smelvetica ensures that your brand and message will always be eye catching, and unique. The installation ended up being the most devious part of the prank in the end, since it would install on the system it makes it really difficult for anyone to understand why everything looks just that little bit wrong. Smelvetica website & examples Smelvetica source and installation instructions Passive Aggressive Office Simulator \"Remember everybody, the crisper is for green vegetables only, anything else found in it will be thrown out at the end of the day.\" ~ Passive aggressive post-it note. One of the funnier things I found from office life was the small messages that would blast out to the whole company \"There's a fire drill tomorrow.\" \"The coffee",
"processing_time": 8.414151191711426
},
{
"video_id": "m-z-0194c27c-aebe-75d0-812f-06fbeb60b7d6",
"start": 15.0,
"end": 16.0,
"frame_time": 15.0,
"ocr_text": "Interactive Typography A small design/development tutorial for the codrops magazine. Documenting how to make interactive particle-based typography. Bezier Curve Simulation A small visualization showing the mathematics and mechanics behind bezier curves.< >",
"processing_time": 4.670606851577759
},
{
"video_id": "m-z-0194c27c-aebe-75d0-812f-06fbeb60b7d6",
"start": 16.0,
"end": 17.0,
"frame_time": 16.0,
"ocr_text": "@keyframes spin { 0% { transform: rotateZ(0deg); } 100% { transform: rotateZ(360deg); } } < >",
"processing_time": 3.9967281818389893
},
{
"video_id": "m-z-0194c27c-aebe-75d0-812f-06fbeb60b7d6",
"start": 17.0,
"end": 18.0,
"frame_time": 17.0,
"ocr_text": "@keyframes spin { 0% { transform: rotateZ(0deg); } 100% { transform: rotateZ(360deg); } } < >",
"processing_time": 3.6582870483398438
},
{
"video_id": "m-z-0194c27c-aebe-75d0-812f-06fbeb60b7d6",
"start": 18.0,
"end": 19.0,
"frame_time": 18.0,
"ocr_text": "@keyframes spin { 0% { transform: rotateZ(0deg); } 100% { transform: rotateZ(360deg); } } < >",
"processing_time": 4.0854151248931885
},
{
"video_id": "m-z-0194c27c-aebe-75d0-812f-06fbeb60b7d6",
"start": 19.0,
"end": 20.0,
"frame_time": 19.0,
"ocr_text": "@keyframes spin { 0% { transform: rotateZ(0deg); } 100% { transform: rotateZ(360deg); } } < >",
"processing_time": 4.862321853637695
},
{
"video_id": "m-z-0194c27c-aebe-75d0-812f-06fbeb60b7d6",
"start": 20.0,
"end": 21.0,
"frame_time": 20.0,
"ocr_text": "@keyframes spin { 0% { transform: rotateZ(0deg); } 100% { transform: rotateZ(360deg); } } < >",
"processing_time": 4.111140251159668
},
{
"video_id": "m-z-0194c27c-aebe-75d0-812f-06fbeb60b7d6",
"start": 21.0,
"end": 22.0,
"frame_time": 21.0,
"ocr_text": "@keyframes spin { 0% { transform: rotateZ(0deg); } 100% { transform: rotateZ(360deg); } } < >",
"processing_time": 3.890781879425049
},
{
"video_id": "m-z-0194c27c-aebe-75d0-812f-06fbeb60b7d6",
"start": 22.0,
"end": 23.0,
"frame_time": 22.0,
"ocr_text": "@keyframes spin { 0% { transform: rotateZ(0deg); } 100% { transform: rotateZ(360deg); } } < >",
"processing_time": 4.166761159896851
},
{
"video_id": "m-z-0194c27c-aebe-75d0-812f-06fbeb60b7d6",
"start": 23.0,
"end": 24.0,
"frame_time": 23.0,
"ocr_text": "@keyframes spin { 0% { transform: rotateZ(0deg); } 100% { transform: rotateZ(360deg); } } < >",
"processing_time": 3.75079083442688
},
{
"video_id": "m-z-0194c27c-aebe-75d0-812f-06fbeb60b7d6",
"start": 24.0,
"end": 25.0,
"frame_time": 24.0,
"ocr_text": "@keyframes spin { 0% { transform: rotateZ(0deg); } 100% { transform: rotateZ(360deg); } } < >",
"processing_time": 4.178572654724121
},
{
"video_id": "m-z-0194c27c-aebe-75d0-812f-06fbeb60b7d6",
"start": 25.0,
"end": 26.0,
"frame_time": 25.0,
"ocr_text": "@keyframes spin { 0% { transform: rotateZ(0deg); } 100% { transform: rotateZ(360deg); } } < >",
"processing_time": 3.1248908042907715
},
{
"video_id": "m-z-0194c27c-aebe-75d0-812f-06fbeb60b7d6",
"start": 26.0,
"end": 27.0,
"frame_time": 26.0,
"ocr_text": "@keyframes spin { 0% { transform: rotateZ(0deg); } 100% { transform: rotateZ(360deg); } } < >",
"processing_time": 4.972859859466553
},
{
"video_id": "m-z-0194c27c-aebe-75d0-812f-06fbeb60b7d6",
"start": 27.0,
"end": 28.0,
"frame_time": 27.0,
"ocr_text": "@keyframes spin { 0% { transform: rotateZ(0deg); } 100% { transform: rotateZ(360deg); } } < >",
"processing_time": 4.111301898956299
},
{
"video_id": "m-z-0194c27c-aebe-75d0-812f-06fbeb60b7d6",
"start": 28.0,
"end": 29.0,
"frame_time": 28.0,
"ocr_text": ".logo, #logo, .logo img, #logo-image { animation: spin 10s alternate infinite; } < >",
"processing_time": 3.2393248081207275
},
{
"video_id": "m-z-0194c27c-aebe-75d0-812f-06fbeb60b7d6",
"start": 29.0,
"end": 30.0,
"frame_time": 29.0,
"ocr_text": ".logo, #logo, .logo img, #logo-image { animation: spin 10s alternate infinite; } < >",
"processing_time": 3.387882947921753
},
{
"video_id": "m-z-0194c27c-aebe-75d0-812f-06fbeb60b7d6",
"start": 30.0,
"end": 31.0,
"frame_time": 30.0,
"ocr_text": ".logo, #logo, .logo img, #logo-image { animation: spin 10s alternate infinite; } < >",
"processing_time": 3.1339609622955322
},
{
"video_id": "m-z-0194c27c-aebe-75d0-812f-06fbeb60b7d6",
"start": 31.0,
"end": 32.0,
"frame_time": 31.0,
"ocr_text": ".logo, #logo, .logo img, #logo-image { animation: spin 10s alternate infinite; } < >",
"processing_time": 3.9446771144866943
},
{
"video_id": "m-z-0194c27c-aebe-75d0-812f-06fbeb60b7d6",
"start": 32.0,
"end": 33.0,
"frame_time": 32.0,
"ocr_text": ".logo, #logo, .logo img, #logo-image { animation: spin 10s alternate infinite; } < >",
"processing_time": 3.632155179977417
},
{
"video_id": "m-z-0194c27c-aebe-75d0-812f-06fbeb60b7d6",
"start": 33.0,
"end": 34.0,
"frame_time": 33.0,
"ocr_text": "\"\"",
"processing_time": 2.012840986251831
},
{
"video_id": "m-z-0194c27c-aebe-75d0-812f-06fbeb60b7d6",
"start": 34.0,
"end": 35.0,
"frame_time": 34.0,
"ocr_text": "\"\"",
"processing_time": 1.2393031120300293
},
{
"video_id": "m-z-0194c27c-aebe-75d0-812f-06fbeb60b7d6",
"start": 35.0,
"end": 36.0,
"frame_time": 35.0,
"ocr_text": "\"\"",
"processing_time": 1.5906319618225098
}
]