Informative items presented on Home page, primarily filters by Sports and regions associated with the user. The type of activity determines the sequence and period for which they are presented.

Articles by individuals (journalists) or for organisations.
- Sequencened by publication date (newest first).
- Expiry up to 3 months after publication (user selectable on publication).
Organisation Events.
- Sequenced by number of days until event happens, nearest first.
- Expires a number of days after events happens (user selectable).
Organisation Opportunities.
- Sequencened by publication date (newest first).
- Expiry up to 1 month after publication (user selectable on publication).

User Profile

User details: name, date of birth, country.
User's sports, level of interest/participation and experience for each.
User's organisations, editable where user has rights.-
Articles: for journalists or members of orgsniations allowed to author articles.
Events: members of orgsniations allowed to manage events.
Opportunities: members of orgsniations allowed to manage opportunities.

Application Components

Styling

Web resources:
- Colour analysis, including complementary etc. https://www.crispedge.com/color/556B2F

Online

Colours:
- Base: #556B2F Dark Olive Green
- Darker: #445525, #33401c. Lighter: #768858, #99a682, #a6c275, #b7ce90.

Graphics

Icons

Bootstrap: https://icons.getbootstrap.com/
Where to find icons: https://www.canva.com/learn/free-icons-download/
https://icons8.com
https://www.smashingmagazine.com/category/freebies
https://goodstuffnononsense.com/icons-category/free/
https://www.iconfinder.com/

Animated gifs

https://icons8.com/preloaders/

Page Functionality

HTML Editor Controls

RoosterJS
- https://github.com/microsoft/roosterjs
- https://github.com/microsoft/roosterjs/wiki/How-to-use
- https://github.com/microsoft/roosterjs/wiki#useful-links
- https://github.com/microsoft/roosterjs/tree/master/packages/roosterjs-editor-api/lib/format - styling interface.
- https://www.npmjs.com/package/roosterjs - distribution files.
  - https://registry.npmjs.org/roosterjs/latest - dist - tarball for download URL.
  - Download specific version: https://registry.npmjs.org/roosterjs/-/roosterjs-8.41.0.tgz
TinyMCE
- NuGet package available but effectively doesn nothing - no longer able to copy script filles to aapplication folders.
- Manually copy files from: https://www.tiny.cloud/get-tiny/self-hosted/

TinyMCE

HTML editor
- Journallist Articles etc
Initialisation:

		tinymce.init({
			branding: false,    // Show/hide on editor footer.
			elementpath: true,  // Show/hide on element footer.
			min_height: 280,
			resize: false,
			selector: '.sax-editor-html'
		});

Show/hide editor:

		let editorId = $("#textareaId").attr('id');
		tinymce.get(editorId).show() | hide();