Here is the HTML source code for the chart. If you don't know what this is for, you can ignore this post.
I want others to be able to produce a new version of the chart to reflect changes in future versions (or fix data entry screwups) without needing to resort to an image editor. I'll fix any problems in the chart that I'm made aware of, but I don't spend much time on these forums. When I do, it's usually for whatever Arcen title I'm currently playing. I'm sure there are a few forum regulars who can easily use this code to regenerate the chart when the numbers change, so I'm just throwing it out there.
<html>
<head>
<!--
Quick instruction manual:
- Copy/paste this text into your favorite text editor.
- Save in TLF base directory.
- Rename resulting .txt file to .html extension.
- Actual data is in "buildings" JSON object, format should be self explanatory.
- Produce chart by taking a screenshot, then using your favorite image editor.
Some advise on versions:
- Be sure to bump version letter and note your name in modified-by.
- Numeric part of version should match game version
- Letter part of version represents revisions to the chart within one game version.
If you have too much time on your hands, feel free to add the following features:
- Filter by race, when clicking on race's icon.
- Alternate printer-friendly color scheme.
- Automatic export to data URL using Domvas library, see http://stackoverflow.com/questions/2754118/how-to-save-export-a-dom-element-to-an-image
- Host it on your website :)
-->
<title>
</title>
<style>
body { background : #000000;
color : #ffffff;
}
table { border-collapse : collapse; }
td { border : 1px solid #ffffff; }
td.plus { color : #00ff00; }
td.minus { color : #ff4040; }
</style>
<script type="text/javascript">
"use strict";
var buildings = [
[
"Arms Dealer",
[
["Burlusts" , "+30"],
["Acutians" , "+15"],
["Skylaxians", "-15"],
["Thoraxians", "-30"]
]
],
[
"Confectionary",
[
["Burlusts" , "+30"],
["Peltians" , "+15"],
["Evucks" , "-30"]
]
],
[
"Cryo-Storage Warren",
[
["Skylaxians", "+30"],
["Evucks" , "+15"],
["Burlusts" , "-15"],
["Thoraxians", "-30"]
]
],
[
"Gladiatorial Arena",
[
["Burlusts" , "+30"],
["Acutians" , "+15"],
["Andors" , "-15"],
["Skylaxians", "-30"]
]
],
[
"HG: Adventure",
[
["Boarines" , "+30"],
["Thoraxians", "+15"],
["Andors" , "-30"],
["Peltians" , "-30"]
]
],
[
"HG: Documentaries",
[
["Evucks" , "+30"],
["Skylaxians", "+15"],
["Boarines" , "-15"],
["Burlusts" , "-30"]
]
],
[
"HG: Family Stories",
[
["Peltians" , "+30"],
["Skylaxians", "+15"],
["Thoraxians", "-15"],
["Boarines" , "-30"]
]
],
[
"HG: Inappropriate",
[
["Burlusts" , "+30"],
["Evucks" , "+30"],
["Peltians" , "-5"],
["Skylaxians", "-30"]
]
],
[
"HG: Reality",
[
["Acutians" , "+30"],
["Burlusts" , "+15"],
["Skylaxians", "-15"],
["Andors" , "-30"]
]
],
[
"HG: Sports",
[
["Andors" , "+30"],
["Peltians" , "+15"],
["Boarines" , "-15"],
["Evucks" , "-30"]
]
],
[
"Hydroponics",
[
["Boarines" , "+30"],
["Evucks" , "+5"],
["Peltians" , "-5"],
["Burlusts" , "-30"]
]
],
[
"Interactive Teaching Museum",
[
["Skylaxians", "+30"],
["Evucks" , "+15"],
["Boarines" , "+5"],
["Burlusts" , "-5"]
]
],
[
"Pastoral Hideaway",
[
["Peltians" , "+30"],
["Andors" , "+5"],
["Burlusts" , "-15"],
["Acutians" , "-30"]
]
],
[
"Philosophic Academy",
[
["Evucks" , "+30"],
["Skylaxians", "+15"],
["Burlusts" , "-5"]
]
],
[
"Protein Vats",
[
["Evucks" , "+30"],
["Boarines" , "+15"],
["Burlusts" , "-15"],
["Thoraxians", "-30"]
]
]
];
var race2id = {
"Acutians" : 0,
"Andors" : 1,
"Boarines" : 2,
"Burlusts" : 3,
"Evucks" : 4,
"Peltians" : 5,
"Skylaxians" : 6,
"Thoraxians" : 7
};
var NUM_RACES = 8;
function go()
{
var d_table = document.getElementById("thetable");
for(var i=0;i<buildings.length;i++)
{
var d_tr = document.createElement("tr");
var bname = buildings[i][0], boosts = buildings[i][1];
var d_td_bname = document.createElement("td");
d_td_bname.appendChild(document.createTextNode(bname));
d_tr.appendChild(d_td_bname);
var d_td = []
for(var j=0;j<NUM_RACES;j++)
{
var d_td_j = document.createElement("td");
d_td.push(d_td_j);
d_tr.appendChild(d_td_j);
}
for(var j=0;j<boosts.length;j++)
{
var race = boosts[j][0], bvalue = boosts[j][1];
var d_text = document.createTextNode(bvalue);
var k = race2id[race];
var d_td_k = d_td[k];
var cname;
if (bvalue === "0")
continue;
else if (bvalue.indexOf('-') >= 0)
cname = "minus";
else
cname = "plus";
d_td_k.className = cname;
d_td_k.appendChild(d_text);
}
d_table.appendChild(d_tr);
}
return;
}
window.onload = go;
</script>
</head>
<body>
<table id="thetable">
<tr>
<td>windgen's TLF attitude table<br>v1.008a</td>
<td><img src="RuntimeData/Images/Factions/Acutian.png"></td>
<td><img src="RuntimeData/Images/Factions/Andor.png"></td>
<td><img src="RuntimeData/Images/Factions/Boarine.png"></td>
<td><img src="RuntimeData/Images/Factions/Burlust.png"></td>
<td><img src="RuntimeData/Images/Factions/Evuck.png"></td>
<td><img src="RuntimeData/Images/Factions/Peltian.png"></td>
<td><img src="RuntimeData/Images/Factions/Skylaxian.png"></td>
<td><img src="RuntimeData/Images/Factions/Thoraxian.png"></td>
</tr>
</table>
created-by: windgen<br>
modified-by: <br>
</body>
</html>
