config.html

<!DOCTYPE html>
<html lang="en">

<head>
    <!-- Global site tag (gtag.js) - Google Analytics -->
	<script async src="https://www.googletagmanager.com/gtag/js?id=UA-157182554-1"></script>
	<script>
		window.dataLayer = window.dataLayer || [];
		function gtag() {
			dataLayer.push(arguments);
		}
		gtag('js', new Date());
		gtag('config', 'UA-157182554-1');
	</script>
    <meta charset="utf-8">
    <title>P1AM Configuration Tool</title>
    <link href="https://fonts.googleapis.com/css?family=Roboto&display=swap" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="styles.css">
    <link rel="stylesheet" type="text/css" href="highlight/styles/github.css">
	<link rel="shortcut icon" type="image/png" href="/favicon.png"/>

    <script src="./modules.js"></script>
    <script src="./main.js"></script>
    <script src="./highlight/highlight.pack.js"></script>
    <script src="./config.js"></script>

    <script>
        hljs.initHighlightingOnLoad();
    </script>
</head>

<body>
    <div class="sidebar">
        <div class="sidebar-header">
            <a id="title" href="/index.html">P1AM</a>
        </div>
        <ul class="sidebar-content"></ul>
    </div>
    <div class="header">
        <h1>P1AM Module Configuration Tool</h1>		
        <div class="line"></div>
    </div>
    <div class="content">
        <p>Select any module on the list below to access the generator for its configuration array. All default
            properties are displayed in bold.</p>
        <p id="moduleTitle">Module for Configuration</p>
        <div id="moduleList"></div>
        <div id="configTool"></div>
    </div>
</body>

</html>