Website generated from separate markdown files

page built from Markdown files compiled with Showdown.js. Just edit the markdown, push and the live site is updated.

TO DO

• put pages in a more flexible data structure
• replace EcoVisum material
• contain code in an IIFE
• do mobile menu
• make design as a skin
• refactor styles as a neutral wireframe
• automate minification of .js files
• add "use strict"

Minification

leave js/showdown.min.js out

cat js/content.js js/mdconvert.js js/scripts.js > js/scripts.concat.js

uglifyjs doesn't do ES6. Try one of these:

• Douglas Crockford's JSMin
• Terser

or go with the herd and try Gulp

JavaScript linting and formatting

use the Prettier and Healthier modules, which can be installed globally.

In package.json:

"lint": "healthier && prettier --check '**/*.{js,json,css,yml}'",
"format": "prettier --write '**/*.{js,json,css,yml}'"

References

• Test: free hosting etc. from GitHub to Render.com: ecovisum.onrender.com
• answer to "Get text from a txt file in the url"
• Showdown.js
• Jake Archibald: "That's so fetch!"
• MDN: the Fetch API and Response methods
• Sara Vieira: "How to Use the JavaScript Fetch API to Get Data"

Also see

• Remarkable
• List of Markdown converters