@@ -212,7 +212,11 @@ <h2 id="navigate_description" tabindex="0" data-edit="true">
212212 </ p >
213213 </ div >
214214 < br />
215- < button class ="download_button " onclick ="keyDown({key:'Digit2'}) " tabindex ="0 ">
215+ < button
216+ class ="download_button "
217+ onclick ="keyDown({key:2, code: 'Digit2'}) "
218+ tabindex ="0 "
219+ >
216220 Next section →
217221 </ button >
218222 </ div >
@@ -231,7 +235,11 @@ <h2 id="navigate_description" tabindex="0" data-edit="true">
231235 </ p >
232236 < br />
233237 < br />
234- < button class ="download_button " onclick ="keyDown({key:'Digit3'}) " tabindex ="0 ">
238+ < button
239+ class ="download_button "
240+ onclick ="keyDown({key:3, code: 'Digit3'}) "
241+ tabindex ="0 "
242+ >
235243 Next section →
236244 </ button >
237245 </ div >
@@ -321,7 +329,11 @@ <h2 id="navigate_description" tabindex="0" data-edit="true">
321329 </ figure >
322330 < br />
323331 < br />
324- < button class ="download_button " onclick ="keyDown({key:'Digit4'}) " tabindex ="0 ">
332+ < button
333+ class ="download_button "
334+ onclick ="keyDown({key:4, code:'Digit4'}) "
335+ tabindex ="0 "
336+ >
325337 Next section →
326338 </ button >
327339 </ div >
@@ -438,7 +450,11 @@ <h2 id="navigate_description" tabindex="0" data-edit="true">
438450 </ div >
439451 < br />
440452 < br />
441- < button class ="download_button " onclick ="keyDown({key:'Digit5'}) " tabindex ="0 ">
453+ < button
454+ class ="download_button "
455+ onclick ="keyDown({key:5, code:'Digit5'}) "
456+ tabindex ="0 "
457+ >
442458 Next section →
443459 </ button >
444460 </ div >
@@ -465,7 +481,11 @@ <h2 id="navigate_description" tabindex="0" data-edit="true">
465481 < br />
466482 < br />
467483 < br />
468- < button class ="download_button " onclick ="keyDown({key:'Digit6'}) " tabindex ="0 ">
484+ < button
485+ class ="download_button "
486+ onclick ="keyDown({key:6, code:'Digit6'}) "
487+ tabindex ="0 "
488+ >
469489 Next section →
470490 </ button >
471491 </ div >
@@ -500,7 +520,11 @@ <h2 tabindex="0" data-edit="true">Play a game: ‘Guess the Character’</h2>
500520 < div id ="waterfall "> </ div >
501521 < br />
502522 < br />
503- < button class ="download_button " onclick ="keyDown({key:'Digit7'}) " tabindex ="0 ">
523+ < button
524+ class ="download_button "
525+ onclick ="keyDown({key:7, code:'Digit7'}) "
526+ tabindex ="0 "
527+ >
504528 Next section →
505529 </ button >
506530 </ div >
@@ -585,7 +609,11 @@ <h2>Choose download alternate characters</h2>
585609 dark mode, 500 for light mode. Alternate characters will be baked and features
586610 merged, resulting in a single static font file that is compatible in all
587611 environments. For an installation guide, see
588- < button class ="download_button " tabindex ="0 " onclick ="keyDown({key:'Digit8'}) ">
612+ < button
613+ class ="download_button "
614+ tabindex ="0 "
615+ onclick ="keyDown({key:8, code:'Digit8'}) "
616+ >
589617 08 Install</ button
590618 > .
591619 < br />
@@ -594,7 +622,11 @@ <h2>Choose download alternate characters</h2>
594622 </ p >
595623 < br />
596624 < br />
597- < button class ="download_button " onclick ="keyDown({key:'Digit8'}) " tabindex ="0 ">
625+ < button
626+ class ="download_button "
627+ onclick ="keyDown({key:8, code:'Digit8'}) "
628+ tabindex ="0 "
629+ >
598630 Next section →
599631 </ button >
600632 </ div >
@@ -622,7 +654,7 @@ <h2>Download CommitMono.zip:</h2>
622654 < p >
623655 < button
624656 class ="download_button "
625- onclick ="keyDown({key:'Digit7'}) "
657+ onclick ="keyDown({key:7, code: 'Digit7'}) "
626658 tabindex ="0 "
627659 >
628660 Customize download
@@ -706,7 +738,7 @@ <h2>Activate Commit Mono in your editor.</h2>
706738 </ div >
707739 < br />
708740 < br />
709- < button class ="download_button " onclick ="keyDown({key:'Digit9'}) " tabindex ="0 ">
741+ < button class ="download_button " onclick ="keyDown({key:9, code: 'Digit9'}) " tabindex ="0 ">
710742 Next section →
711743 </ button >
712744 </ section >
@@ -835,7 +867,7 @@ <h2>Activate Commit Mono in your editor.</h2>
835867 < button
836868 class ="download_button "
837869 tabindex ="0 "
838- onclick ="keyDown({key:'Digit7'}) "
870+ onclick ="keyDown({key:7, code: 'Digit7'}) "
839871 >
840872 07 Customize</ button
841873 > . However, that variable font does not contain custom settings. You
@@ -844,7 +876,7 @@ <h2>Activate Commit Mono in your editor.</h2>
844876 < button
845877 class ="download_button "
846878 tabindex ="0 "
847- onclick ="keyDown({key:'Digit9'}) "
879+ onclick ="keyDown({key:9, code: 'Digit9'}) "
848880 >
849881 09 Docs
850882 </ button >
@@ -918,7 +950,11 @@ <h2 tabindex="0" data-edit="true">Currently supported languages</h2>
918950 </ div >
919951 < br />
920952 < br />
921- < button class ="download_button " onclick ="keyDown({key:'Digit0'}) " tabindex ="0 ">
953+ < button
954+ class ="download_button "
955+ onclick ="keyDown({key:0, code:'Digit0'}) "
956+ tabindex ="0 "
957+ >
922958 Next section →
923959 </ button >
924960 </ div >
@@ -1073,7 +1109,7 @@ <h2>Programs used</h2>
10731109 </ div >
10741110 < br />
10751111 < br />
1076- < button class ="download_button " onclick ="keyDown({key:'Digit1'}) " tabindex ="0 ">
1112+ < button class ="download_button " onclick ="keyDown({key:1, code: 'Digit1'}) " tabindex ="0 ">
10771113 ← First section
10781114 </ button >
10791115 </ section >
0 commit comments