https://github.com/evoluteur/braille-text

Simple Javascript and CSS to display Braille (English grade 1) on web pages with hover effect for translation.
https://github.com/evoluteur/braille-text

animation-css braille braille-alphabet braille-characters braille-display braille-symbols braille-translator css-animation css-animations sprite

Last synced: 7 months ago
JSON representation

Simple Javascript and CSS to display Braille (English grade 1) on web pages with hover effect for translation.

• Host: GitHub
• URL: https://github.com/evoluteur/braille-text
• Owner: evoluteur
• License: mit
• Created: 2023-09-07T23:58:05.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2024-04-29T11:31:11.000Z (over 1 year ago)
• Last Synced: 2025-01-13T11:12:12.980Z (9 months ago)
• Topics: animation-css, braille, braille-alphabet, braille-characters, braille-display, braille-symbols, braille-translator, css-animation, css-animations, sprite
• Language: CSS
• Homepage: https://evoluteur.github.io/braille-text/
• Size: 154 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# Braille-Text

Simple Javascript and CSS to display Braille on web pages with hover effect for translation (for sighted people).

[Live demo](https://evoluteur.github.io/braille-text/index.html)

![](screenshots/your-name.png)

```js

const message = braille("I read Braille");

document.getElementById("braille").innerHTML = message;

```

![](screenshots/themes.png)

The code is open source at [GitHub](https://github.com/evoluteur/braille-text).

More Javascript and CSS to display Braille at [Braille-Tools](https://evoluteur.github.io/braille-tools/index.html).

(c) 2024 Olivier Giulieri