# Saxonite

## Sarand - Wawam collaboration

### Components

#### 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();  
```

### 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/