Login vs log in
There is a difference between login and log in. Login is a noun and log in is a verb. For example, the correct usage is: Go to the login page to log in.
Sometimes, there is a callout above the form. It usually announces an upcoming planned outage, but callouts can also announce unplanned outages or that MyPCC has been updated.
The login (and logout) page files and styles are on different servers than other MyPCC files. Learn how to access and update the login and logout pages on Spaces. The files are in different folder locations depending on which server you’re accessing.
Here’s a breakdown of the MyPCC login page components:
The login form is simple – it only asks for your username and password. If it doesn’t recognize the login credentials entered, for security reasons it only states the username/password pair wasn’t found.
Below the form, there are links to help people with their login credentials if needed. There is also a checkbox to stay signed in, but it functions inconsistently.
The login form has an error screen that displays if you provide the wrong username or password. It doesn’t say which field was incorrect for security reasons. It also provides an explanation and link for first-time users if they try logging in using the regular form.
Outage notices are posted up to a week before the outage date. They use the same announcement callout design that is used on the main PCC website, and are always located directly above the login form, and are full-width.
Unplanned outage alerts are the same as alerts on the main PCC website. They appear in red across the top of the page and push everything below them down rather than cover it up.
For more on alert messages, view the alerts page in the web style guide.
When we launched the updated Luminis 5 MyPCC, we included the update message for about a month to let everyone know things had changed. We plan on using it again to announce any large future updates.
MyPCC login page update message are the same as feedback callouts on the main PCC website – learn more about them on the feedback callouts page of the web style guide.
There’s a full-screen background photo behind the login form. It should be black and white. The photo crops and resizes based on screen size.
We’ve talked about changing the background photo depending on the time of year. For example, there could be a photo of a group of new students at the beginning of the school year and a graduation photo at the end of the year.
The logout page tells users they’ve been logged out successfully and provides a link back to the login page.