SolarSystem/index.html

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Solar System</title>

<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<link rel="icon" href="favicon.ico" type="image/x-icon">
<link rel="stylesheet" href="../libs/jquery-ui/jquery-ui.css" />
<link rel="stylesheet" href="../css/solarSystem.css" />

<script src="../libs/jquery-3.4.1/jquery-3.4.1.min.js"></script>
<script src="../libs/jquery-ui/jquery-ui.js"></script>
<script src="../libs/three.js/three.min.js"></script>
<script src="../libs/three.js/controls/OrbitControls.js"></script>

<script src="sceneHandlers.js"></script>
<script src="solarSystem.js"></script>

<script type="text/javascript">
       
	$(document).ready(
			function() {	
				let canvas = document.getElementById("webglcanvas");
				// create the scene
				createScene(canvas);
		        // Run the run loop
		        run();
			}
	);

</script>

</head>
<body>
	<!--
	<section id="loading-screen">
		<div id="loader"></div>
	</section>
	-->
	<div id="canvasContainer">
	    <canvas id="webglcanvas"></canvas>
	</div>
</body>

</html>