Unverified Commit ccf3a457 authored by Zhou (Link)  Fang's avatar Zhou (Link) Fang Committed by GitHub
Browse files

Updated content on sign in page (#282)

parent 8ccd0b78
......@@ -41,6 +41,8 @@ html {
display: flex;
align-items: center;
justify-content: center;
}
.eclipsefdn-membership-webform .loadingIcon {
margin-top: 5rem;
margin-bottom: 3rem;
}
......@@ -56,7 +58,7 @@ html {
border-color: #ff0000;
}
.eclipsefdn-membership-webform .btn {
margin: 0 10px;
margin: 10px;
border-radius: 5px;
}
.eclipsefdn-membership-webform .button-container {
......
......@@ -60,26 +60,21 @@ class SignIn extends React.Component {
this.context.needLoadingSignIn ? (
<Loading />
) : (
<div className="text-center margin-bottom-20">
<div className="text-center margin-bottom-30">
<p className="h4 text-center margin-bottom-10">
Get started by logging in with your Eclipse Foundation account:
</p>
{getCurrentMode() === MODE_REACT_ONLY && (
<NavLink to="/company-info">
<button
type="button"
onClick={() => this.getFakeUser(setFurthestPage)}
className="btn btn-secondary"
>
<button type="button" onClick={() => this.getFakeUser(setFurthestPage)} className="btn btn-secondary">
React Only Login
</button>
</NavLink>
)}
{getCurrentMode() === MODE_REACT_API && (
<a
href="/api/login"
className="btn btn-secondary"
onClick={this.handleSignIn}
>
Sign In
<a href="/api/login" className="btn btn-secondary" onClick={this.handleSignIn}>
Log in
</a>
)}
<a href="https://accounts.eclipse.org/" className="btn btn-secondary">
......
const SignInIntroduction = () => {
return (
<div className="row">
<div className="col-md-8">
<div className="row margin-bottom-20">
<div className="col-md-8 display-center">
<img className="img img-responsive" width={360} src="home_arrows_update.png" alt="arrows-icons" />
</div>
<div className="col-md-16 margin-top-10">
<h1>Membership Application Form</h1>
<p>
<img
className="img img-responsive"
src="home_arrows_update.png"
alt="arrows-icons"
/>
Please complete the Membership Application Form as part of the overall membership application and enrolment
process. Completion of this Form is a required formal step in the{' '}
<a href="https://www.eclipse.org/membership/#tab-membership" target="_blank" rel="noreferrer">
Membership Application Process
</a>
.
</p>
</div>
<div className="col-md-16 margin-top-60">
<p>
Please complete the Member Application Form as part of the overall
membership application and enrolment process. Note that completion of
this Form is a required formal step in the Membership Application
Process.
Once you complete and submit this Application Form, we will forward the various legal agreements for
electronic execution, so please be sure to review these legal documents in advance. For more information,
please see{' '}
<a href="https://www.eclipse.org/membership/#tab-membership" target="_blank" rel="noreferrer">
here
</a>
.
</p>
</div>
</div>
......
......@@ -14,7 +14,7 @@ import {
import { useCallback, useContext, useEffect, useState } from 'react';
import Loading from '../Loading/Loading';
const styles = {
marginBottom: '20px',
marginBottom: '30px',
textAlign: 'center',
};
......@@ -100,7 +100,7 @@ const FormChooser = ({
<Loading />
) : (
<div style={styles}>
<h1 className="h3 padding-bottom-10">
<h1 className="h4">
Welcome back! You can continue the application you previously
started or start a new application.
</h1>
......
import React from 'react';
const Loading = () => {
return (
<div className="display-center">
<div className="display-center loadingIcon">
<i className="fa fa-spinner fa-spin fa-3x fa-fw"></i>
</div>
);
......
......@@ -96,6 +96,9 @@ html {
display: flex;
align-items: center;
justify-content: center;
}
.loadingIcon {
margin-top: 5rem;
margin-bottom: 3rem;
}
......@@ -115,7 +118,7 @@ html {
}
.btn {
margin: 0 10px;
margin: 10px;
border-radius: @border-radius;
}
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment