diff --git a/README.md b/README.md index 862b03ac..21b18e81 100644 --- a/README.md +++ b/README.md @@ -1,5 +1,5 @@ -# react-js +# Example single-page app chat -Web chat using bootstrap and react.js +Example using Tinode to build a single-page app chat. The app uses bootstrap and react.js. -Work in progress. It does not work yet. +Work in progress. It's just a JS + HTML shell not hooked up to a server. diff --git a/fonts/glyphicons-halflings-regular.eot b/fonts/glyphicons-halflings-regular.eot new file mode 100644 index 00000000..b93a4953 Binary files /dev/null and b/fonts/glyphicons-halflings-regular.eot differ diff --git a/fonts/glyphicons-halflings-regular.svg b/fonts/glyphicons-halflings-regular.svg new file mode 100644 index 00000000..94fb5490 --- /dev/null +++ b/fonts/glyphicons-halflings-regular.svg @@ -0,0 +1,288 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/fonts/glyphicons-halflings-regular.ttf b/fonts/glyphicons-halflings-regular.ttf new file mode 100644 index 00000000..1413fc60 Binary files /dev/null and b/fonts/glyphicons-halflings-regular.ttf differ diff --git a/fonts/glyphicons-halflings-regular.woff b/fonts/glyphicons-halflings-regular.woff new file mode 100644 index 00000000..9e612858 Binary files /dev/null and b/fonts/glyphicons-halflings-regular.woff differ diff --git a/fonts/glyphicons-halflings-regular.woff2 b/fonts/glyphicons-halflings-regular.woff2 new file mode 100644 index 00000000..64539b54 Binary files /dev/null and b/fonts/glyphicons-halflings-regular.woff2 differ diff --git a/avatar.svg b/img/avatar.svg similarity index 100% rename from avatar.svg rename to img/avatar.svg diff --git a/group.svg b/img/group.svg similarity index 100% rename from group.svg rename to img/group.svg diff --git a/img/ignasi_pattern_s.png b/img/ignasi_pattern_s.png new file mode 100644 index 00000000..9afda79f Binary files /dev/null and b/img/ignasi_pattern_s.png differ diff --git a/index.html b/index.html index 61a9f04f..1ead47ca 100644 --- a/index.html +++ b/index.html @@ -3,13 +3,16 @@ - Tinode example: chat in react.js - + Tinode example: chat web application in react.js + + + + @@ -31,6 +34,7 @@ {hour12: false, year: 'numeric', month: 'short', day: 'numeric', hour: '2-digit', minute: '2-digit'}); } + /* BEGIN Login */ var LoginNavbar = React.createClass({ render: function() { return ( @@ -42,13 +46,15 @@
@@ -59,7 +65,6 @@ } }) - /* BEGIN Login */ var LoginForm = React.createClass({ getInitialState: function() { return {login: '', password: ''}; @@ -119,7 +124,8 @@