Interface Documentation

Website Part Name
Navigation Bar
Description
The navigation bar that allows user to quickly switch between various pages.
Sections
Bar	The navigation bar appearing on the top of each page.
Actions
Home	Link that takes user to the main page.
About	Link that takes user to the page with information about website.
Register	Link that takes user to the registration page. Visible only for not logged-in users.
Login	Link that takes user to the login page. Visible only for not logged-in users.
Characters	Link that takes user to their characters page. Visible only for logged-in users.
Logout	Button that logs out user and redirects to the main page. Visible only for logged-in users.

Window Name
Main page
Description
The main page of the website, that displays new announcements.
Sections
Navigation Bar	Section with various links, see Navbar Documentation
Announcements	Section containing new announcements for this website.
Footer	Information about copyright.

Window Name
About page
Description
Page that gives information about the application and author. It also contains links to author's other media.
Sections
Navigation Bar	Section with various links, see Navbar Documentation
About the Application	Section containing information related to web application.
About the Author	Section containing information related to application author.
Contact Me	Section containing links to author's media.
Footer	Information about copyright.
Actions
Portfolio	Link to author's portfolio website.
Mail	Author's email address.
LinkedIn icon	Link to author's LinkedIn account.
GitHub icon	Link to author's GitHub repositories.

Window Name
Sign-up page
Description
Page that allows user to sign up.
Sections
Navigation Bar	Section with various links, see Navbar Documentation
Sign Up Section	Section containing fields for username, email and password. It also has button to send the form and link to login page.
Footer	Information about copyright.
Actions
Sign Up	Button that submits the form with information provided in the fields.
Log in here	Link that redirects user to login page.

Window Name
Login Page
Description
Page that allows user to log in.
Sections
Navigation Bar	Section with various links, see Navbar Documentation
Sign Up Section	Section containing fields for username and password. It also has button to send the form and link to sign sign-up page.
Footer	Information about copyright.
Actions
Login	Button that submits the form with information provided in the fields.
Sign up here	Link that redirects user to sign-up page.

Window Name
Character List
Description
Page containing a list of characters owned by the logged-in user.
Sections
Navigation Bar	Section with various links, see Navbar Documentation
Characters List	Section containing list of created characters. If there are none, a suitable message is displayed instead.
Footer	Information about copyright.
Actions
[Character Name]	Link to details page of given character.
Create New Character	Link to the character creation page.

Window Name
Character creation page
Description
Page that allows user to create a new character.
Sections
Navigation Bar	Section with various links, see Navbar Documentation
Input Character Fields	Input fields from Character model.
Input Characteristics Fields	Input fields from Characteristics model.
Input Fate Fields	Input fields from Fate model.
Input Resilience Fields	Input fields from Resilience model.
Input Experience Fields	Input fields from Experience model.
Input Movement Fields	Input fields from Movement model.
Input Basic Skills Fields	Input fields from Basic Skills model.
Input Advanced Skills Fields	Input fields from Advanced Skills model.
Input Talents Fields	Input fields from Talents model.
Input Ambitions Fields	Input fields from Ambitions model.
Input Party Fields	Input fields from Party model.
Input Psychology Fields	Input fields from Psychology model.
Input Corruption and Mutation Fields	Input fields from Corruption and Mutation model.
Input Wounds Fields	Input fields from Wounds model.
Input Sin Fields	Input fields from Sin model.
Footer	Information about copyright.
Actions
Create	Button that submits the form to create a character from provided parameters.

Window Name
Character details page
Description
Page that shows character details.
Sections
Navigation Bar	Section with various links, see Navbar Documentation
Table with Character Fields	Fields from Character model.
Table with Characteristics Fields	Fields from Characteristics model.
Table with Fate Fields	Fields from Fate model.
Table with Resilience Fields	Fields from Resilience model.
Table with Experience Fields	Fields from Experience model.
Table with Movement Fields	Fields from Movement model.
Table with Basic Skills Fields	Fields from Basic Skills model.
Table with Advanced Skills Fields	Fields from Advanced Skills model.
Table with Talents Fields	Fields from Talents model.
Table with Ambitions Fields	Fields from Ambitions model.
Table with Party Fields	Fields from Party model.
Table with Psychology Fields	Fields from Psychology model.
Table with Corruption and Mutation Fields	Fields from Corruption and Mutation model.
Table with Wounds Fields	Fields from Wounds model.
Table with Sin Fields	Fields from Sin model.
Footer	Information about copyright.
Actions
Update	Button that redirects user to the character update page.
Delete	Button that redirects user to the character deletion confirmation page.

Window Name
Character update page
Description
Page that allows user to update a character.
Sections
Navigation Bar	Section with various links, see Navbar Documentation
Input Character Fields	Input fields from Character model.
Input Characteristics Fields	Input fields from Characteristics model.
Input Fate Fields	Input fields from Fate model.
Input Resilience Fields	Input fields from Resilience model.
Input Experience Fields	Input fields from Experience model.
Input Movement Fields	Input fields from Movement model.
Input Basic Skills Fields	Input fields from Basic Skills model.
Input Advanced Skills Fields	Input fields from Advanced Skills model.
Input Talents Fields	Input fields from Talents model.
Input Ambitions Fields	Input fields from Ambitions model.
Input Party Fields	Input fields from Party model.
Input Psychology Fields	Input fields from Psychology model.
Input Corruption and Mutation Fields	Input fields from Corruption and Mutation model.
Input Wounds Fields	Input fields from Wounds model.
Input Sin Fields	Input fields from Sin model.
Footer	Information about copyright.
Actions
Save Changes	Button that submits the form with information provided in the fields.

Window Name
Character deletion confirmation screen
Description
Page that requires confirmation from user to delete a character.
Sections
Message	Message with a confirmation request
Actions
Yes, delete	Button that executes character deletion and redirects user to characters list.
Cancel	Button that cancels character deletion and redirects user to characters list.