jshom / story-teller

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

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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!

License:MIT License


Languages

Language:JavaScript 52.2%Language:CSS 28.4%Language:HTML 19.5%