A little context and styling

This commit is contained in:
Jeremy Penner 2023-12-23 23:14:34 -05:00
parent 3fe16c7e49
commit b2cc13510e
2 changed files with 44 additions and 5 deletions

View file

@ -3,6 +3,18 @@
<head>
<meta charset="UTF-8"/>
<title>Inhabitor - The Habitat Inspector</title>
<style type="text/css">
body {
margin:40px auto;
line-height:1.6;
font-size:18px;
color:#444;
padding:0 10px
}
h1,h2,h3 {
line-height:1.2
}
</style>
<script src="index.js"></script>
</head>
<body>
@ -17,6 +29,7 @@
<h2>Data</h1>
</div>
<div id="errors"></div>
<a href="index.html">Back</a>
<script>
const propFilter = (key, value) => {
if (key != "bitmap" && key != "data" && key != "canvas") {

View file

@ -3,6 +3,18 @@
<head>
<meta charset="UTF-8"/>
<title>Inhabitor - The Habitat Inspector</title>
<style type="text/css">
body {
margin:40px auto;
line-height:1.6;
font-size:18px;
color:#444;
padding:0 10px
}
h1,h2,h3 {
line-height:1.2
}
</style>
<script src="index.js"></script>
<script>
function showErrors() {
@ -18,15 +30,29 @@
</script>
</head>
<body>
<h1>Inhabitor - The Habitat Inspector</h1>
<p>
You are looking at a haphazardly-gathered collection of object graphics from
<a href="https://neohabitat.org">Lucasfilm Games' Habitat</a>. These images are
generated by parsing Habitat's internal binary image / animation format in
JavaScript. The full <a href="https://git.information-superhighway.net/SpindleyQ/inhabitor">
source code is freely available</a>. There are missing features in the rendering
code that means that these images may not be a completely accurate representation
of what is actually seen in-game.
</p>
<p>
The images are <code>.bin</code> files that have been pulled from the
<a href="https://github.com/Museum-of-Art-and-Digital-Entertainment/habitat">
Habitat source archive</a> released by the MADE on GitHub. Some of these objects
were never actually included in any released version of Habitat.
</p>
<div id="heads">
<h1>The Hall Of Heads</h1>
<h3>The Hall Of Heads</h3>
</div>
<div id="props">
<h1>Props</h1>
<h3>Props</h3>
</div>
<a href="javascript:showErrors();">
Show errors
</a>
<a href="javascript:showErrors();">Show errors</a>
<div id="errors" style="display: none"></div>
</body>
</html>