Kurrent Alphabet Comparator

by John Doe

HTML

<!-- future sources to be included -->
<a href="https://www.reddit.com/r/Kurrent/comments/5tpsch/german_gt_english_postcard_from_1940s_rtranslator/" >3</a>
<a href="https://www.reddit.com/r/Kurrent/comments/6584sz/german_gt_english_letter_from_my_grandfather/" >4</a>
<a href="https://www.reddit.com/r/Kurrent/comments/65phcn/letter_from_my_greatgrandmother_in_germany_1941/" >5</a>
<a href="https://www.reddit.com/r/Kurrent/comments/67z5sw/german_gt_english_world_war_ii_war_journal/" >7</a>
<a href="https://www.reddit.com/r/Kurrent/comments/6awz5y/old_german_gt_english_short_letter_from_1902/" >8</a>
<a href="https://www.reddit.com/r/Kurrent/comments/6d4ke2/german_gt_english_found_an_old_german_postcard/" >9</a>
<a href="https://www.reddit.com/r/Kurrent/comments/7lbpjn/german_english_a_letter_to_my_great_grandpa_from/" >11</a>
<a href="https://www.reddit.com/r/Kurrent/comments/7px9ce/a_man_named_johann_balthasar_hupel_in_ostofen/" >12</a>

JavaScript

/* todo
* implement overview image with flyover
* implement source squares
*/


var table
var examples
var columns
var image
var letterHeight = 50;
var letterWidth = 35;

var rows = [
	{
    url:"https://i.imgur.com/RNmcVKG.jpg",
    src:"https://www.reddit.com/r/translator/comments/7l7t4d/german_english_a_letter_to_my_great_grandpa_from/",
    width: 3024,
    height: 4032,
    scale: 0.22,
    year: "NaN", 
         /*   a         b         c         d         e         f         g         h     */
    abc: [[1380,537],[1285,921],[1436,918],[2331,884],[2268,628],[1566,521],[2186,622],[1468,912],
         /*   i         j         k         l         m         n         o         p     */
         [2397,887],[1899,1825],[1021,1447],[460,817],[2177,1013],[599,814],[2618,1016],[1046,2673],
         /*   q         r          ſ         s         ß         t           u         v    */
         [NaN,NaN],[2120,622],[2325,628],[1405,1703],[2728,1548],[662,1192],[457,691],[202,1583],
         /*   w           x         y        z         A         B           C         D    */
         [2422,506],[NaN,NaN],[NaN,NaN],[1175,663],[NaN,NaN],[NaN,NaN],[NaN,NaN],[394,569],
         /*   E          F          G        H         I         J           K         L     */
         [1666,3120],[347,685],[866,3580],[1244,1047],[NaN,NaN],[1383,2112],[1304,2972],[1326,537],
         /*   M          N          O        P         Q         R           S         T     */
         [536,1073],[NaN,NaN],[NaN,NaN],[NaN,NaN],[NaN,NaN],[NaN,NaN],[1940,3416],[1695,1032],
         /*   U          V         W         X         Y         Z */
         [2051,616],[145,3583],[1991,490],[NaN,NaN],[NaN,NaN],[NaN,NaN]]
	},
  {
		url:"https://i.imgur.com/KrtZ2jA.jpg",
    src:"https://www.reddit.com/r/translator/comments/65xpdt/german_handwriting_germanenglish_text_written_in/dgh6abd/",
    width: 1606,
    height: 2349,
    scale: 0.65,
    year: "1793", 
         /*   a         b         c         d  ...