add oauth flows, profile, logout page, and index page

imports/ui/pages/Signup/Signup.js

@@ -4,13 +4,11 @@ import PropTypes from 'prop-types';
 import { Link } from 'react-router-dom';
 import { Accounts } from 'meteor/accounts-base';
 import { Bert } from 'meteor/themeteorchef:bert';
-import OAuthLoginButton from '../../components/OAuthLoginButton/OAuthLoginButton';
+import OAuthLoginButtons from '../../components/OAuthLoginButtons/OAuthLoginButtons';
 import InputHint from '../../components/InputHint/InputHint';
 import AccountPageFooter from '../../components/AccountPageFooter/AccountPageFooter';
 import validate from '../../../modules/validate';
 
-import './Signup.scss';
-
 class Signup extends React.Component {
   constructor(props) {
     super(props);
@@ -86,15 +84,16 @@ class Signup extends React.Component {
           <h4 className="page-header">Sign Up</h4>
           <Row>
             <Col xs={12}>
-              <FormGroup className="OAuthLoginButtons">
-                <OAuthLoginButton service="facebook" />
-                <OAuthLoginButton service="google" />
-                <OAuthLoginButton service="github" />
-              </FormGroup>
+              <OAuthLoginButtons
+                services={['facebook', 'github', 'google']}
+                emailMessage={{
+                  offset: 97,
+                  text: 'Sign Up with an Email Address',
+                }}
+              />
             </Col>
           </Row>
           <form ref={form => (this.form = form)} onSubmit={event => event.preventDefault()}>
-            <p className="SignupWithEmail">Sign Up with an Email Address</p>
             <Row>
               <Col xs={6}>
                 <FormGroup>

imports/ui/pages/Signup/Signup.scss

@@ -1,20 +0,0 @@
-@import '../../stylesheets/colors';
-
-.Signup {
-  form {
-    position: relative;
-    border-top: 1px solid $gray-lighter;
-    margin-top: 15px;
-    padding-top: 25px;
-
-    .SignupWithEmail {
-      display: inline-block;
-      background: #fff;
-      padding: 0 10px;
-      position: absolute;
-      top: -12px;
-      left: 50%;
-      margin-left: -106px;
-    }
-  }
-}