This project is a modular dialogue box, featuring a poem by George Eliot. It contains a dynamic text generation effect, a toggle switch for dark and light modes for a personalized reading experience, a few fonts to choose the aesthetic, and a CSS animation for the duration of the text generation.
- Text generation effect
- Dark/Light mode toggle for improved readability
- Font selection dropdown
- Clone or download the repository.
- Open the
index.html
file in a web browser. - Interact with the dialogue box, and enjoy.
- Toggle between dark and light modes using the "Toggle Mode" button.
- Customize the font by selecting options from the dropdown.
-
Poem Content: Modify the
excerptPoem
andrestPoem
variables in the script.js to showcase different poems or texts. -
COMING SOON: Pass a textblock and have it automatically excerpt it out, based on a variable set for how many lines/words/sentences/etc in length you want the excerpt to be.
-
Styles: Adjust the styles in the styles.css to match your preferences.
-
Extend Functionality: Explore and extend the JavaScript functions in script.js to add more interactive features or effects.
- George Eliot - Author of the featured poem
- Fonts: Handjet, IM Fell DW Pica, Old Standard TT, Sixtyfour - Provided by Google Fonts
This project is licensed under the MIT License.
Feel free to contribute, share, and customize as per your needs!