Last active
January 15, 2024 11:42
-
-
Save felipesabino/ec5be2464e08fede3c021d588f3842c3 to your computer and use it in GitHub Desktop.
Learn Plover - Steno text font switch
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // ==UserScript== | |
| // @name Learn Plover - Steno text font switch | |
| // @namespace http://tampermonkey.net/ | |
| // @version 2024-01-10 | |
| // @description Replace raw steno keys with a steno font drawing at Learn Plover! website | |
| // @author felipesabino@ | |
| // @match https://www.openstenoproject.org/learn-plover/* | |
| // @icon https://www.google.com/s2/favicons?sz=64&domain=openstenoproject.org | |
| // @grant GM_addStyle | |
| // ==/UserScript== | |
| // Download and install Stenodisplay fonts at https://github.com/Kaoffie/steno_font | |
| (function() { | |
| 'use strict'; | |
| function classToggle(e) { | |
| this.classList.toggle('steno-keyboard'); | |
| } | |
| document.querySelectorAll('font[color="#eeeeee"]').forEach(e => e.onclick = classToggle); | |
| const st = GM_addStyle('.steno-keyboard, .steno-keyboard b { font-family: "Stenodisplay Square Large"; font-size: 70px; color: black; font-weight: normal; background: none !important }'); | |
| console.log(st); | |
| })(); |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Use it with any of the following browser extensions: