Skip to content

πŸ“– ⌨️ πŸ™Œ An easy personal site, looks like someone is typing in front of your eyes!

License

Notifications You must be signed in to change notification settings

jshom/story-teller

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

3 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

Story Teller

Change the way people perceive information. Make the user live in the present. This was done by revealing a story through the illusion of someone typing and deleting messages in realtime.

Usage

To use this, you can edit the config variable in config.js. Here is an example

// config.js
const config = {
  elementId: 'curLine',
  story: `
    Hey.
    Here is an example of how this works.
    Feel free to submit any bugs or feature requests on GitHub.
    Also, if you enjoyed it shoot me an email.
    Thanks for trying this out.
  `,
  closer: '<a href="https://github.com/jshom">https://github.com/jshom</a>',
  startLine: 1
}

Deployment

This was made with easy deployments. You can startup any web-server to send the HTML, CSS and JS files. If you are running this locally, just open index.html. Also, I'd recommend using the minified version of the story-teller

About

πŸ“– ⌨️ πŸ™Œ An easy personal site, looks like someone is typing in front of your eyes!

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published