/SignIt

🌻 Lingua Libre SignIt web-browser extension translates selected word in French Sign Language via an elegant pop up so you learn sign language while reading online.

Primary LanguageJavaScriptMIT LicenseMIT

SignIt

Lingua Libre SignIt translate a word in (French) Sign Language.

This extension allows you to translate a word into French sign language on any web page. When you read a text and come across a word you don't know, highlight that word, right click and click on the Sign it icon: the sign in LSF and the definition of the word in French will appear on a window. If a word is not available in LSF, we invite you to record it with our easy-to-use webapp on https://lingualibre.org. The definitions come from the French Wiktionary to which you can also contribute: https://fr.wiktionary.org.

Install

Build & hack

npm install                 # Install dependencies
npm run web-ext:build       # build the firefox extension into an instalable .zip
npm run web-ext:test        # runs current dev version in Firefox, opens url defined in package.json

See also Mozilla's web-ext

Inspect Firefox extension : Open url about:debugging#/runtime/this-firefox. There, Load temporary Add-on, fin "Lingua Libre SignIt" : click Inspect.

Visuals

Development

/background-script.js — main script.
/SignItCoreContent.js — creates duo panels "Video | Definition"
/SignItVideosGallery.js — given urls, creates gallery of videos.
/content_scripts/
  ├── signit.js — creates above text SignIt popup
  └── wpintegration.js — on wikimedia sites, if page's title has a sign language video available, then display smartly.
/popup/
  ├── popup.html — top bar SignIt icon's popup, with search, history and settings.
  ├── popup.js — same.
  └── SearchWidget.js — handle the search queries  

Contact

  • @hugolpz