https://github.com/daim-nickel-penny/glance

Chrome extension that converts web page's text into bionic format.
https://github.com/daim-nickel-penny/glance

bionic bionic-reading chrome-extension extension

Last synced: 4 months ago
JSON representation

Chrome extension that converts web page's text into bionic format.

• Host: GitHub
• URL: https://github.com/daim-nickel-penny/glance
• Owner: Daim-Nickel-Penny
• License: mpl-2.0
• Created: 2022-05-23T07:49:27.000Z (about 3 years ago)
• Default Branch: main
• Last Pushed: 2022-05-23T13:38:17.000Z (about 3 years ago)
• Last Synced: 2025-01-08T10:44:47.116Z (5 months ago)
• Topics: bionic, bionic-reading, chrome-extension, extension
• Language: CSS
• Homepage:
• Size: 7.79 MB
• Stars: 3
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.MD

Awesome Lists containing this project

README

        
# Glance







## ![Chrome Extension](https://badgen.net/chrome-web-store/v/ckkdlimhmcjmikdlpkmbgfkaikojcbjk) ![Mozilla](https://badgen.net/amo/v/markdown-viewer-chrome) ![Status Up](https://badgen.net/uptime-robot/status/m780862024-50db2c44c703e5c68d6b1ebb) ![Build](https://img.shields.io/badge/build-passing-brightgreen)

## Download Link : Version 1.0.0

![Download](https://img.shields.io/badge/download-zip-blue)

Link to download the extension: here

# Project Title

**Description**: This is a browser extension designed primarily for the Chrome browser that converts the text into bionic reading format.

## What is Bionic Reading?

**Bionic Reading** is a new method facilitating the reading process by guiding the eyes through text with artificial fixation points. As a result, the reader is only focusing on the highlighted initial letters and lets the brain center complete the word.  

In a digital world dominated by shallow forms of reading, Bionic Reading aims to encourage a more in-depth reading and understanding of written content.

Other things to include:

- **Technology stack**: JavaScript, HTML, CSS

- **Status**: ![Build](https://img.shields.io/badge/build-passing-brightgreen)

- **Links to production or demo instances**

## Demo

![Demo](./assets/demo.gif)

## Dependencies

    "NodeJs":  "^11.0.0"

## How to test the extension?

1. Vist [chrome://extensions](chrome://extensions) in your browser

2. Toggle **Developer Mode On** from the top-right of the window.

3. Select the **Load Unpacked** button.

4. Browse to the **Glance root folder** and select it.

5. **Pin** the extension in the window.

6. Set the **anchor position** from the extension pop-up.

7. Now, select the word for finding its meaning.

## Known issues

There are issues in letter and line spacing which will be fixed in the future updates.

---

## Open source licensing info

1. [LICENSE](LICENSE)

---

## Credits and references

Make sure to star if you feel like!