86 lines
2.4 KiB
Markdown
86 lines
2.4 KiB
Markdown
# 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
|
|
|
|
* https://icons8.com/preloaders/
|
|
|
|
#### 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:
|
|
```js
|
|
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:
|
|
```js
|
|
let editorId = $("#textareaId").attr('id');
|
|
tinymce.get(editorId).show() | hide();
|
|
```
|