davanstrien HF Staff commited on
Commit
77c69a2
·
verified ·
1 Parent(s): 9dd1b95

Upload folder using huggingface_hub

Browse files
Files changed (2) hide show
  1. examples.json +10 -0
  2. index.html +15 -0
examples.json CHANGED
@@ -48,5 +48,15 @@
48
  "id": "commoner/ca-46032385-1901-01-23-ed-1-0001/3",
49
  "label": "The Commoner 1901-01-23: This quotation is reproduced because\u2026",
50
  "ocr_input": "This quotation is reproduced because it fairly represents the views of those who criticize tho expression. It has, however, an eminently , respectable origin. In the same chapter in which Christ condensed man's duty to his fellows into the commandment: Thou shalt love thy neighbor as thyself; in the same chapter in which he de nounced those who devour widows' houses and for a pretense make long prayers in this same chapter it is said of Him: The common people heard Him gladly."
 
 
 
 
 
 
 
 
 
 
51
  }
52
  ]
 
48
  "id": "commoner/ca-46032385-1901-01-23-ed-1-0001/3",
49
  "label": "The Commoner 1901-01-23: This quotation is reproduced because\u2026",
50
  "ocr_input": "This quotation is reproduced because it fairly represents the views of those who criticize tho expression. It has, however, an eminently , respectable origin. In the same chapter in which Christ condensed man's duty to his fellows into the commandment: Thou shalt love thy neighbor as thyself; in the same chapter in which he de nounced those who devour widows' houses and for a pretense make long prayers in this same chapter it is said of Him: The common people heard Him gladly."
51
+ },
52
+ {
53
+ "id": "britannica1771/vol1/leaf60",
54
+ "label": "Britannica 1771 (long \u017f): At the thick end\u2026",
55
+ "ocr_input": "At the thick end of the bean,there is a fmall hole vifible to the naked eye, immediatelyover the radicle or future root, that it may have a freepaffage into the foil. Plate IV. fig. I. A. When thefecoats are taken off, the body of the feed appears, whichis divided into two fmooth portions or lobes. Thefmoothnefs of the lobes is owing to a thin'filin or cuticlewith which they are covered.At the bafts of the bean is placed the radicle Qr futureroot, Plate IV. fig. 3. A."
56
+ },
57
+ {
58
+ "id": "britannica1771/vol1/leaf61",
59
+ "label": "Britannica 1771 (long \u017f): II. Of the Root.I\u2026",
60
+ "ocr_input": "II. Of the Root.I n examining the root of plants, the firft thing thatprefents itfelf is the Ikin, which is of various colours indifferent plants. Every root, after it has arrived at acertain age, has a double fkin. The firfl is coeval withthe other parts, and exifls in the feed: but afterwardsthere is a ring fent off from the bark, and forms a fe-cond fit in; eg. in the root of the dandelion, towardsthe end of May, the original or outer fkin appears ftiri-veled, and is eafily feparated from the new one, whichis frefher, and adheres more firmly to the bark."
61
  }
62
  ]
index.html CHANGED
@@ -122,6 +122,11 @@
122
  }
123
  .mode-switch button.active { background: var(--ink); color: var(--paper); }
124
  .mode-switch button[disabled] { opacity: .4; cursor: not-allowed; }
 
 
 
 
 
125
  .columns { display: grid; grid-template-columns: 1fr 1fr; gap: 0 2.4rem; position: relative; }
126
  .columns::before { content: ""; position: absolute; top: 0; bottom: 0; left: 50%; border-left: 1px solid var(--rule); }
127
  @media (max-width: 720px) { .columns { grid-template-columns: 1fr; gap: 2rem; } .columns::before { display: none; } }
@@ -213,6 +218,10 @@
213
  <input type="range" id="press-slider" min="0" max="0" value="0" step="1" disabled />
214
  </div>
215
  <div class="press-stats" id="press-stats"></div>
 
 
 
 
216
  </div>
217
  </section>
218
 
@@ -221,6 +230,10 @@
221
  <button class="active" data-mode="diff">marks vs the OCR input</button>
222
  <button data-mode="diff_gold" id="gold-mode-btn" disabled>marks vs the human transcription</button>
223
  </div>
 
 
 
 
224
  <div class="columns">
225
  <div class="col">
226
  <div class="col-head">
@@ -309,6 +322,8 @@ function setGoldAvailable(gold) {
309
  const btn = $("gold-mode-btn");
310
  if (gold) { btn.disabled = false; $("authority").classList.add("visible"); $("gold-text").textContent = gold; }
311
  else { btn.disabled = true; $("authority").classList.remove("visible"); if (diffMode === "diff_gold") setMode("diff"); }
 
 
312
  }
313
  function currentGold() {
314
  return activeExample && $("ocr-input").value === activeExample.ocr_input ? (activeExample.gold || "") : "";
 
122
  }
123
  .mode-switch button.active { background: var(--ink); color: var(--paper); }
124
  .mode-switch button[disabled] { opacity: .4; cursor: not-allowed; }
125
+ .no-gold-note {
126
+ display: none; text-align: center; font-size: .82rem; font-style: italic; color: var(--red-ink);
127
+ margin: 0 auto 1rem; max-width: 64ch;
128
+ }
129
+ .no-gold-note.visible { display: block; }
130
  .columns { display: grid; grid-template-columns: 1fr 1fr; gap: 0 2.4rem; position: relative; }
131
  .columns::before { content: ""; position: absolute; top: 0; bottom: 0; left: 50%; border-left: 1px solid var(--rule); }
132
  @media (max-width: 720px) { .columns { grid-template-columns: 1fr; gap: 2rem; } .columns::before { display: none; } }
 
218
  <input type="range" id="press-slider" min="0" max="0" value="0" step="1" disabled />
219
  </div>
220
  <div class="press-stats" id="press-stats"></div>
221
+ <div class="no-gold-note" id="no-gold-note-press">
222
+ ⚠ No human transcription for this passage — corrections cannot be verified.
223
+ Fluent output is not necessarily <em>correct</em> output.
224
+ </div>
225
  </div>
226
  </section>
227
 
 
230
  <button class="active" data-mode="diff">marks vs the OCR input</button>
231
  <button data-mode="diff_gold" id="gold-mode-btn" disabled>marks vs the human transcription</button>
232
  </div>
233
+ <div class="no-gold-note" id="no-gold-note">
234
+ ⚠ No human transcription exists for this passage, so corrections cannot be verified —
235
+ fluent output is not necessarily <em>correct</em> output. Models may invent plausible readings.
236
+ </div>
237
  <div class="columns">
238
  <div class="col">
239
  <div class="col-head">
 
322
  const btn = $("gold-mode-btn");
323
  if (gold) { btn.disabled = false; $("authority").classList.add("visible"); $("gold-text").textContent = gold; }
324
  else { btn.disabled = true; $("authority").classList.remove("visible"); if (diffMode === "diff_gold") setMode("diff"); }
325
+ for (const id of ["no-gold-note", "no-gold-note-press"])
326
+ $(id).classList.toggle("visible", !gold);
327
  }
328
  function currentGold() {
329
  return activeExample && $("ocr-input").value === activeExample.ocr_input ? (activeExample.gold || "") : "";