status-im
/
status-chat-widget
mirror of https://github.com/status-im/status-chat-widget.git
2
0
Fork 0
Code Issues Projects Releases Wiki Activity
Easily embed a status chatroom in your website - outdated, please use https://github.com/status-im/js-waku
20 Commits 21 Branches 0 Tags 5.4 MiB
JavaScript 62.1%
CSS 29.3%
HTML 8.6%
Go to file
dependabot[bot] 74b9b0d970
Bump lodash from 4.17.11 to 4.17.21 
Bumps [lodash](https://github.com/lodash/lodash) from 4.17.11 to 4.17.21.
- [Release notes](https://github.com/lodash/lodash/releases)
- [Commits](https://github.com/lodash/lodash/compare/4.17.11...4.17.21)

Signed-off-by: dependabot[bot] <support@github.com>
 		2021-05-08 12:54:16 +00:00
dist feat: new build 2019-04-10 22:54:06 -04:00
src feat: identicon 2019-04-10 22:52:54 -04:00
themes feat: identicon 2019-04-10 22:52:54 -04:00
.gitignore initial commit 2019-04-09 17:22:27 -04:00
README.md update readme 2019-04-12 11:13:26 -04:00
index.html make css changes a theme 2019-04-10 22:04:36 -04:00
package.json feat: identicon 2019-04-10 22:52:54 -04:00
webpack.config.js rename generated dist file 2019-04-10 15:59:20 -04:00
yarn.lock Bump lodash from 4.17.11 to 4.17.21 2021-05-08 12:54:16 +00:00

README.md

Status Chat Widget

Easily embed a status chat in your website.

Screenshot

widget

Usage

Copy paste the following snippet to your website

  <link rel="stylesheet" href="https://status-im.github.io/status-chat-widget/themes/status.css">
  <script src="https://status-im.github.io/status-chat-widget/dist/js/statuswidget.js"></script>
  <div id="status-chat-widget"></div>
  <script>StatusWidget("your-channel-name", document.getElementById("status-chat-widget"));</script>

Modify your-channel-name to your channel of choice

And you're done!

Theme

The chat theme can be customized by replacing the css link with your own css file:

  <link rel="stylesheet" href="https://status-im.github.io/status-chat-widget/themes/status.css">