diff --git a/src/components/auth/AppInfo.jsx b/src/components/auth/AppInfo.jsx
new file mode 100644
index 0000000..4e40bf7
--- /dev/null
+++ b/src/components/auth/AppInfo.jsx
@@ -0,0 +1,20 @@
+import React, { Component } from 'react';
+
+export default class SignIn extends Component {
+ render() {
+ var { name, desc } = this.props;
+
+ return (
+
+ );
+ }
+}
diff --git a/src/components/auth/SignIn.jsx b/src/components/auth/SignIn.jsx
new file mode 100644
index 0000000..80b7f83
--- /dev/null
+++ b/src/components/auth/SignIn.jsx
@@ -0,0 +1,13 @@
+import React, { Component } from 'react';
+
+// 0.5s cubic-bezier(0.075, 0.82, 0.165, 1)
+
+export default class SignIn extends Component {
+ render() {
+ return (
+
+ Hello World
+
+ );
+ }
+}
diff --git a/src/components/userBar/UserBar.jsx b/src/components/userBar/UserBar.jsx
new file mode 100644
index 0000000..187e6ac
--- /dev/null
+++ b/src/components/userBar/UserBar.jsx
@@ -0,0 +1,18 @@
+import React, { Component } from 'react';
+
+import { Link } from 'react-router';
+import { FormattedMessage as Message } from 'react-intl';
+
+import messages from './UserBar.messages.js';
+
+export default class UserBar extends Component {
+ render() {
+ return (
+
+
+
+
+
+ );
+ }
+}
diff --git a/src/components/userBar/UserBar.messages.js b/src/components/userBar/UserBar.messages.js
new file mode 100644
index 0000000..5974e7d
--- /dev/null
+++ b/src/components/userBar/UserBar.messages.js
@@ -0,0 +1,8 @@
+import { defineMessages } from 'react-intl';
+
+export default defineMessages({
+ register: {
+ id: 'register',
+ defaultMessage: 'Join'
+ }
+});
diff --git a/src/index.html b/src/index.html
index b1fdd9a..2bc28d4 100644
--- a/src/index.html
+++ b/src/index.html
@@ -9,7 +9,7 @@
-
+