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:

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

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/