plumage | Convert between different color schema formats on Mac OS X

I'm testing some simple HTML/JavaScript code, however, when I open the site, the show/hide scripts only hides the first section, but doesn't do anything to the other sections. I would like it so that for every image clicked, the section corresponding to that image is displayed.

Here is the code:

I've run npx create-react-app . and imported clip-path manually. Development build works without a problem, but the production one doesn't seem to work. Issue is the same on IE11 and Edge44

Steps to reproduce:

1. npx create-react-app .
2. add "ie 11" to browserslist in package.json for prod and dev
3. npm i react-app-polyfill
4. in index.js add import 'react-app-polyfill/ie11'; import 'react-app-polyfill/stable';
5. Grab shapes-polyfill.js from css-shapes-polyfill and insert script in .index.html > head, and also add browser polyfill.

I'm trying to create a web server that serves an html, css and jpeg file from a folder using node.js without express or any other frameworks. So far it is working with a problem. The heading and first few sentences are not showing up. How could I fix it without touching the css and html? Here's what it looks like http://imgur.com/G3LgtVW

My folder structure looks like this: