A little context and styling
This commit is contained in:
parent
3fe16c7e49
commit
b2cc13510e
13
detail.html
13
detail.html
|
@ -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") {
|
||||
|
|
36
index.html
36
index.html
|
@ -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>
|
Loading…
Reference in a new issue