d631ad02237fbdca632c8cc6b0945708dbb8dcf1
Saxonite
Sarand - Wawam collaboration
Online Environment
Home Page Activities
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
- 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
Page Functionality
HTML Editor Controls
- 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();
Languages
JavaScript
45.8%
C#
39.4%
CSS
11%
HTML
3.8%