readSector.html

<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>Untitled Document</title>
  <script type="text/javascript" src="travGen.js"></script>
  <script type="text/javascript" src="travGenUtils.js"></script>
  <script
    src="https://code.jquery.com/jquery-3.2.1.min.js"
    integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4="
    crossorigin="anonymous">
  </script>
  <link href="https://fonts.googleapis.com/css?family=Roboto+Mono" rel="stylesheet">
  <style>
  	#sector pre{
  		font-family: 'Roboto Mono', monospace;
  		font-size: 1vw;
  	}
  </style>
</head>
<body>
	<div id="sector"></div>

<script>

	var s = new sector("Core");

	$.get("testSector.txt", function(data){
		//console.log("Data loaded: " + data);

    // Convert data to text
		var text = window.atob(data);
    // Parse the text to a sector object
		s.parseSector(text);

		//console.log(s);

    // Display formatted sector data to page
		var div = document.getElementById("sector");
		div.innerHTML = s.writeSectorHTML();
	});

</script>

</body>
</html>