forked from dodplatformone/p1sso
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathnew_account.html
153 lines (150 loc) · 9.92 KB
/
new_account.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>Platform One SSO</title>
<link rel="icon" type="image/png" sizes="502x498" href="img/babyyodaCrop.png">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/styles.min.css">
</head>
<section id="howdoisetupp1sso" class="howdoisetupp1sso text-left"
style="background-color: #040e16;height: none;min-height: auto;max-height: auto;max-width: auto;">
<div class="container">
<div class="row">
<div class="col-md-8 mx-auto">
<h2 class="section-heading" style="color: #52a1fd;">Create a new account</h2>
<p>You will need access to a mobile device with a multi-factor authentication (MFA) app installed such
as Google Authenticator or Authy. Additionally, you will need access to your government email
address.</p>
</div>
</div>
<br>
<div class="row border-bottom: 3px solid #ffffff;">
<div class="col-md-8 mx-auto">
<h3 class="section-heading" style="color: #52a1fd;">Step 1</h2>
<p>Obtain an invite link from another user or admin and access that link from a web browser
(Internet Explorer is not supported). If you're not sure who your team
admin is or can't get a hold of them, email us at <a
href="mailto: [email protected]">[email protected]</a>. Fill out
the registration form. You must use an approved
government email address.<br></p>
<div class="badges" style="height: auto; border-bottom:"><img class="img-fluid"
src="img/registration_form.jpg" width="auto"
style="height: auto;width: 550px; border-radius: 25px;">
</div>
</div>
</div>
<br>
<div class="row border-bottom: 3px solid #ffffff;">
<div class="col-md-8 mx-auto">
<h3 class="section-heading" style="color: #52a1fd;">Step 2</h2>
<p>Setup MFA by scanning the QR code with your MFA app. This will create a
6-digit pin that changes every 30 seconds.
Enter the 6-digit pin and type in a device name (can be anything). <span
style="color: #ff3800;">You will need to enter the MFA 6-digit pin each time you log in, so
do not delete the MFA app.</span>
</p>
<p style="font-style: italic;">Note: If your MFA
pin is not accepted or entered incorrectly, the QR code is
reset so you will need to scan it again which will create a new MFA 6-digit pin. Check the <a
class="js-scroll-trigger" href="#commonissues">common issues section below</a> for
additional
troubleshooting steps.</p>
<div class="badges" style="height: auto; border-bottom:"><img class="img-fluid"
src="img/setup_mfa.jpg" width="auto"
style="height: auto;width: 550px; border-radius: 25px;"></div>
</div>
</div>
<br>
<div class="row border-bottom: 3px solid #ffffff;">
<div class="col-md-8 mx-auto">
<h3 class="section-heading" style="color: #52a1fd;">Step 3</h2>
<p>You will receive an email with a link to verify your email address. Click “Link to e-mail address
verification” or copy the URL into a web browser (do not use Internet Explorer).<br>
<div class="badges" style="height: auto; border-bottom:">
<div class="badges" style="height: auto; border-bottom:"><img class="img-fluid"
src="img/verify_email_new.jpg" width="auto"
style="height: auto;width: 550px; border-radius: 25px;"></div>
</div>
</div>
</div>
<br>
<div class="row border-bottom: 3px solid #ffffff;">
<div class="col-md-8 mx-auto">
<h3 class="section-heading" style="color: #52a1fd;">Step 4</h2>
<p>Validate your email address by selecting "Click here to proceed". On the next screen, click "Back
to Application".<br></p>
<div class="badges" style="height: auto; border-bottom:"><img class="img-fluid"
src="img/confirm_email_validity.jpg" width="auto"
style="height: auto;width: 550px;border-radius: 25px;"></div>
<div class="badges" style="height: auto; border-bottom:"><img class="img-fluid"
src="img/email_verified.jpg" width="auto"
style="height: auto;width: 550px;border-radius: 25px;"></div>
</div>
</div>
<br>
<div class="row border-bottom: 3px solid #ffffff;">
<div class="col-md-8 mx-auto">
<h3 class="section-heading" style="color: #52a1fd;">Step 5</h2>
<p>Your account has been successfully created! If desired, you can update the rest of your profile.
To access Mattermost, go to <a
href="https://chat.collab.cdl.af.mil/">https://chat.collab.cdl.af.mil/</a>, click the blue
"Platform One SSO" login button and use the credentials you just created. If you're looking for the IL2 Mattermost instance, access it using <a href="http://chat.il2.dsop.io"
target="_blank">http://chat.il2.dsop.io</a>.</p>
<p style="font-style: italic;">Note: For the mobile app, select the purple "GitLab" button
to log into P1 SSO. This is a known issue.</p>
<div class="badges" style="height: auto; border-bottom:"><img class="img-fluid"
src="img/setup_profile.jpg" width="auto"
style="height: auto;width: 550px;border-radius: 25px;"></div>
</div>
</div>
<br>
<div class="row border-bottom: 3px solid #ffffff;">
<div class="col-md-8 mx-auto">
<h3 class="section-heading" style="color: #52a1fd;">Step 6</h2>
<p>Once logged in, you will be asked to join a team. Select the "Welcome" team and join the "Team
Access Request" public channel to make a request to join the team you're looking for, or
simply <a href="https://chat.collab.cdl.af.mil/welcome/channels/team-access-request">click
here</a> to be automatically added to both the Welcome team and "Team Access Request" public
channel. You can also ask your team admin for an invite link.
</p>
<div class="badges" style="height: auto; border-bottom:"><img class="img-fluid"
src="img/join_team.jpg" width="auto" style="height: auto;width: 550px;border-radius: 25px;">
</div>
</div>
</div>
<br>
<section id="commonissues" class="commonissues text-left"
style="background-color: #040e16;height: none;min-height: auto;max-height: auto;max-width: auto;">
<div class="container">
<div class="row">
<div class="col-md-8 mx-auto">
<h2 class="section-heading" style="color: #52a1fd;">Common Issues</h2>
<h4>When setting up MFA, I keep getting an invalid code error.</h4>
<li>When you scan the QR code with your MFA app, it will generate a 6-digit pin that changes
every 30 seconds. Make sure you're entering in this 6-digit pin without any spaces or dashes
(e.g. 123456).</li>
<li>Each time you enter an invalid code, you must rescan the QR code which will generate a new
token, meaning a new 6-digit pin that changes every 30 seconds. In other words, you will
have two or more 6-digit pins in your MFA app. Ensure you are typing in the 6-digit pin from
your last QR code scan. You can delete any previous MFA tokens but make sure to keep your
latest one as you will need this to login each time.</li>
<li>MFA depends on accurate time. Make sure your mobile device is set to automatically update
the time.</li>
<br>
<h4>When accessing the invite link, I'm getting an invalid link error.</h4>
<li>Try accessing the link from Chrome or Firefox (not Internet Explorer or Edge). If that
doesn't work, your invite link has likely expired. Invite links are changed every ten days.
Please ask your team admin for a new invite link.</li>
</div>
</div>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script
src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.0/js/bootstrap.bundle.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.4.1/jquery.easing.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.8.2/js/lightbox.min.js"></script>
<script src="js/script.min.js"></script>
</body>
</html>