1 files changed, 244 insertions, 0 deletions
diff --git a/info/pieces.html b/info/pieces.html
new file mode 100644
index 0000000..7e3cb8a
--- /dev/null
+++ b/info/pieces.html
@@ -0,0 +1,244 @@
+<!DOCTYPE html>
+<link rel="stylesheet" href="../images.css">
+<style>
+h2{color:white;border-bottom:2px solid white;margin-top:40px}
+body{background-color:slategray;margin:40px auto;max-width:535px}
+.row{display:flex;flex-wrap:wrap;gap:5px;margin:20px 0}
+
+.m1s{width:45px;height:45px;background-position:-0px 0}
+.m1{width:45px;height:45px;background-position:-0px 0}
+.m2s{width:45px;height:45px;background-position:-45px 0}
+.m2{width:45px;height:45px;background-position:-90px 0}
+.m3s{width:45px;height:45px;background-position:-90px 0}
+.m3{width:45px;height:45px;background-position:-180px 0}
+.m4s{width:45px;height:45px;background-position:-135px 0}
+.m4{width:45px;height:45px;background-position:-270px 0}
+.m5s{width:45px;height:45px;background-position:-180px 0}
+.m5{width:45px;height:45px;background-position:-360px 0}
+.m6s{width:45px;height:45px;background-position:-225px 0}
+.m6{width:45px;height:45px;background-position:-450px 0}
+.m7s{width:45px;height:45px;background-position:-270px 0}
+.m7{width:45px;height:45px;background-position:-540px 0}
+.m8s{width:45px;height:45px;background-position:-315px 0}
+.m8{width:45px;height:45px;background-position:-630px 0}
+.m9s{width:45px;height:45px;background-position:-360px 0}
+.m9{width:45px;height:45px;background-position:-720px 0}
+.m10s{width:45px;height:45px;background-position:-405px 0}
+.m10{width:45px;height:45px;background-position:-810px 0}
+.m11s{width:45px;height:45px;background-position:-450px 0}
+.m11{width:45px;height:45px;background-position:-900px 0}
+.m12s{width:45px;height:45px;background-position:-495px 0}
+.m12{width:45px;height:45px;background-position:-990px 0}
+.m13s{width:45px;height:45px;background-position:-540px 0}
+.m13{width:45px;height:45px;background-position:-1080px 0}
+.m14s{width:45px;height:45px;background-position:-585px 0}
+.m14{width:45px;height:45px;background-position:-1170px 0}
+.m15s{width:45px;height:45px;background-position:-630px 0}
+.m15{width:45px;height:45px;background-position:-1260px 0}
+.m16s{width:45px;height:45px;background-position:-675px 0}
+.m16{width:45px;height:45px;background-position:-1350px 0}
+.m17s{width:45px;height:45px;background-position:-720px 0}
+.m17{width:45px;height:45px;background-position:-1440px 0}
+.c1{border-radius:50%;width:48px;height:48px;background-position:-0px 0}
+.c2{border-radius:50%;width:48px;height:48px;background-position:-96px 0}
+.c3{border-radius:50%;width:48px;height:48px;background-position:-192px 0}
+.c4{border-radius:50%;width:48px;height:48px;background-position:-288px 0}
+.c5{border-radius:50%;width:48px;height:48px;background-position:-384px 0}
+.c6{border-radius:50%;width:48px;height:48px;background-position:-480px 0}
+.c7{border-radius:50%;width:48px;height:48px;background-position:-576px 0}
+.c8{border-radius:50%;width:48px;height:48px;background-position:-672px 0}
+
+.leader, .unit {
+	border-width: 2px; border-style: solid;
+	background-size: auto 100%;
+	background-repeat: no-repeat;
+}
+.leader{background-color:#f0f0f0}
+.leader{border-color:#f5f5f5 #d8d8d8 #d8d8d8 #f5f5f5;box-shadow:0 0 0 1px #707070}
+.unit.british{background-color:#eac99e}
+.unit.british{border-color:#ffe8bd #caa87d #caa87d #ffe8bd;box-shadow:0 0 0 1px #6a481d}
+.unit.french{background-color:#aae0fa}
+.unit.french{border-color:#c9ffff #89c0da #89c0da #c9ffff;box-shadow:0 0 0 1px #29607a}
+
+</style>
+<html class="jpeg">
+
+<h2>French Leaders &amp; Units</h2>
+
+<div class="row">
+<div class="leader french french_square_leader m7s"></div>
+<div class="leader french french_square_leader m3s"></div>
+<div class="leader french french_square_leader m6s"></div>
+<div class="leader french french_square_leader m9s"></div>
+<div class="leader french french_square_leader m4s"></div>
+<div class="leader french french_square_leader m8s"></div>
+<div class="leader french french_square_leader m10s"></div>
+<div class="leader french french_square_leader m2s"></div>
+<div class="leader french french_square_leader m1s"></div>
+<div class="leader french french_square_leader m5s"></div>
+</div>
+<div class="row">
+<div class="unit french french_indian_blue_orange c1"></div>
+<div class="unit french french_indian_blue_orange c2"></div>
+<div class="unit french french_indian_blue_orange c3"></div>
+<div class="unit french french_indian_blue_orange c4"></div>
+</div><div class="row">
+<div class="unit french french_indian_blue c1"></div>
+<div class="unit french french_indian_blue c2"></div>
+<div class="unit french french_indian_blue c3"></div>
+<div class="unit french french_indian_blue c4"></div>
+<div class="unit french french_indian_blue c5"></div>
+<div class="unit french french_indian_blue c6"></div>
+<div class="unit french french_indian_blue c7"></div>
+</div><div class="row">
+<div class="unit french french_indian_orange c1"></div>
+<div class="unit french french_indian_orange c2"></div>
+<div class="unit french french_indian_orange c3"></div>
+<div class="unit french french_indian_orange c4"></div>
+<div class="unit french french_indian_orange c5"></div>
+<div class="unit french french_indian_orange c6"></div>
+</div><div class="row">
+<div class="unit french french_indian_gray c1"></div>
+<div class="unit french french_indian_gray c2"></div>
+<div class="unit french french_indian_gray c3"></div>
+<div class="unit french french_indian_gray c4"></div>
+<div class="unit french french_indian_gray c5"></div>
+</div><div class="row">
+<div class="unit french french_coureurs c1"></div>
+<div class="unit french french_coureurs c2"></div>
+<div class="unit french french_coureurs c3"></div>
+<div class="unit french french_coureurs c4"></div>
+<div class="unit french french_coureurs c5"></div>
+<div class="unit french french_coureurs c6"></div>
+<div class="unit french french_coureurs c7"></div>
+<div class="unit french french_coureurs c8"></div>
+</div><div class="row">
+<div class="unit french french_marine_detachment m1"></div>
+<div class="unit french french_marine_detachment m1"></div>
+<div class="unit french french_marine_detachment m1"></div>
+<div class="unit french french_marine_detachment m1"></div>
+<div class="unit french french_marine_detachment m1"></div>
+<div class="unit french french_marine_detachment m1"></div>
+<div class="unit french french_marine_detachment m1"></div>
+</div><div class="row">
+<div class="unit french french_regular m1"></div>
+<div class="unit french french_regular m2"></div>
+<div class="unit french french_regular m3"></div>
+<div class="unit french french_regular m4"></div>
+<div class="unit french french_regular m5"></div>
+<div class="unit french french_regular m6"></div>
+<div class="unit french french_regular m7"></div>
+<div class="unit french french_regular m8"></div>
+<div class="unit french french_regular m9"></div>
+<div class="unit french french_regular m10"></div>
+<div class="unit french french_regular m11"></div>
+<div class="unit french french_regular m11"></div>
+<div class="unit french french_regular m12"></div>
+<div class="unit french french_regular m13"></div>
+</div><div class="row">
+<div class="unit french french_militia m1"></div>
+<div class="unit french french_militia m1"></div>
+<div class="unit french french_militia m1"></div>
+<div class="unit french french_militia m1"></div>
+</div>
+
+<h2>British Leaders &amp; Units</h2>
+
+<div class="row">
+<div class="leader british british_square_leader_seven m2s"></div>
+<div class="leader british british_square_leader_seven m3s"></div>
+<div class="leader british british_square_leader_seven m1s"></div>
+<div class="leader british british_square_leader_seven m4s"></div>
+<div class="leader british british_square_leader m9s"></div>
+<div class="leader british british_square_leader m3s"></div>
+<div class="leader british british_square_leader m7s"></div>
+<div class="leader british british_square_leader m6s"></div>
+<div class="leader british british_square_leader m5s"></div>
+<div class="leader british british_square_leader m8s"></div>
+<div class="leader british british_square_leader m1s"></div>
+<div class="leader british british_square_leader m2s"></div>
+<div class="leader british british_square_leader m4s"></div>
+</div><div class="row">
+<div class="unit british british_indian_cherokee c1"></div>
+<div class="unit british british_indian_cherokee c1"></div>
+<div class="unit british british_indian_mohawk c1"></div>
+<div class="unit british british_indian_mohawk c1"></div>
+</div><div class="row">
+<div class="unit british british_indian_gray c1"></div>
+<div class="unit british british_indian_gray c2"></div>
+<div class="unit british british_indian_gray c3"></div>
+<div class="unit british british_indian_gray c4"></div>
+<div class="unit british british_indian_gray c5"></div>
+</div><div class="row">
+<div class="unit british british_ranger c1"></div>
+<div class="unit british british_ranger c2"></div>
+<div class="unit british british_ranger c3"></div>
+</div><div class="row">
+<div class="unit british british_light_infantry m1"></div>
+<div class="unit british british_light_infantry m2"></div>
+<div class="unit british british_light_infantry m3"></div>
+<div class="unit british british_light_infantry m4"></div>
+<div class="unit british british_light_infantry m5"></div>
+<div class="unit british british_light_infantry m6"></div>
+</div><div class="row">
+<div class="unit british british_northern_provincial m1"></div>
+<div class="unit british british_northern_provincial m1"></div>
+<div class="unit british british_northern_provincial m1"></div>
+<div class="unit british british_northern_provincial m2"></div>
+<div class="unit british british_northern_provincial m2"></div>
+<div class="unit british british_northern_provincial m2"></div>
+<div class="unit british british_northern_provincial m2"></div>
+<div class="unit british british_northern_provincial m2"></div>
+<div class="unit british british_northern_provincial m2"></div>
+<div class="unit british british_northern_provincial m3"></div>
+<div class="unit british british_northern_provincial m4"></div>
+<div class="unit british british_northern_provincial m4"></div>
+<div class="unit british british_northern_provincial m5"></div>
+<div class="unit british british_northern_provincial m5"></div>
+<div class="unit british british_northern_provincial m5"></div>
+<div class="unit british british_northern_provincial m5"></div>
+<div class="unit british british_northern_provincial m5"></div>
+<div class="unit british british_northern_provincial m6"></div>
+</div><div class="row">
+<div class="unit british british_southern_provincial m1"></div>
+<div class="unit british british_southern_provincial m2"></div>
+<div class="unit british british_southern_provincial m2"></div>
+<div class="unit british british_southern_provincial m2"></div>
+<div class="unit british british_southern_provincial m3"></div>
+<div class="unit british british_southern_provincial m3"></div>
+</div><div class="row">
+<div class="unit british british_regular m1"></div>
+<div class="unit british british_regular m2"></div>
+<div class="unit british british_regular m3"></div>
+<div class="unit british british_regular m4"></div>
+<div class="unit british british_regular m5"></div>
+<div class="unit british british_regular m6"></div>
+<div class="unit british british_regular m7"></div>
+<div class="unit british british_regular m8"></div>
+<div class="unit british british_regular m9"></div>
+<div class="unit british british_regular m10"></div>
+<div class="unit british british_regular m11"></div>
+<div class="unit british british_regular m12"></div>
+<div class="unit british british_regular m13"></div>
+<div class="unit british british_regular m14"></div>
+<div class="unit british british_regular m15"></div>
+<div class="unit british british_regular m16"></div>
+<div class="unit british british_regular m17"></div>
+</div><div class="row">
+<div class="unit british british_royal_american m1"></div>
+<div class="unit british british_royal_american m2"></div>
+<div class="unit british british_royal_american m3"></div>
+<div class="unit british british_royal_american m4"></div>
+</div><div class="row">
+<div class="unit british british_highland m1"></div>
+<div class="unit british british_highland m2"></div>
+<div class="unit british british_highland m3"></div>
+<div class="unit british british_highland m4"></div>
+<div class="unit british british_highland m5"></div>
+<div class="unit british british_highland m6"></div>
+</div><div class="row">
+<div class="unit british british_militia m1"></div>
+<div class="unit british british_militia m1"></div>
+<div class="unit british british_militia m1"></div>
+<div class="unit british british_militia m1"></div>
+</div>