crusader: Add info pages.

19 files changed, 363 insertions, 0 deletions

diff --git a/Cross_of_the_Knights_Templar.png b/Cross_of_the_Knights_Templar.png
new file mode 100644
index 0000000..c1c5aaf
--- /dev/null
+++ b/Cross_of_the_Knights_Templar.png
diff --git a/Cross_of_the_Knights_Templar.svg b/Cross_of_the_Knights_Templar.svg
new file mode 100644
index 0000000..235cf8a
--- /dev/null
+++ b/Cross_of_the_Knights_Templar.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="600" height="600"><path d="M 0,-250 H 600" fill="none" stroke="#c00" stroke-width="72" transform="translate(0,550)"/><path transform="translate(0,550) matrix(12,0,0,12,0,-550)" fill="#c00" d="M0 18L5 25 0 32z"/><path transform="translate(0,550) matrix(0,12,-12,0,600,-550)" fill="#c00" d="M0 32L0 18 5 25z"/><g><path d="M 0,25 H 50" fill="none" stroke="#c00" stroke-width="6" transform="matrix(0,-12,-12,0,600,600)"/><path fill="#c00" d="M0 32L0 18 5 25z" transform="matrix(0,-12,-12,0,600,600)"/><path transform="matrix(0,-12,-12,0,600,600) rotate(90,25,25)" fill="#c00" d="M5 25L0 32 0 18z"/></g></svg>
\ No newline at end of file
diff --git a/about.html b/about.html
new file mode 100644
index 0000000..1bfb01d
--- /dev/null
+++ b/about.html
@@ -0,0 +1,8 @@
+<p>
+Crusader Rex is a wargame of the 3rd Crusade. One player plays the Christian Franks, the other, the Muslim Saracens. The objective of the game is to control important Victory Cities such as Jerusalem, Acre, Damascus, and Antioch.
+
+<p>
+Designer: Jerry Taylor and Tom Dalgliesh.
+
+<p>
+Publisher: <a href="https://columbiagames.com/cgi-bin/query/cfg/zoom.cfg?product_id=3151">Columbia Games</a>.
diff --git a/blocks.css b/blocks.css
new file mode 100644
index 0000000..771ad39
--- /dev/null
+++ b/blocks.css
@@ -0,0 +1,63 @@
+.block_11{background-image:url(blocks/block_11.png)}
+.block_12{background-image:url(blocks/block_12.png)}
+.block_13{background-image:url(blocks/block_13.png)}
+.block_14{background-image:url(blocks/block_14.png)}
+.block_15{background-image:url(blocks/block_15.png)}
+.block_16{background-image:url(blocks/block_16.png)}
+.block_17{background-image:url(blocks/block_17.png)}
+.block_21{background-image:url(blocks/block_21.png)}
+.block_22{background-image:url(blocks/block_22.png)}
+.block_23{background-image:url(blocks/block_23.png)}
+.block_24{background-image:url(blocks/block_24.png)}
+.block_25{background-image:url(blocks/block_25.png)}
+.block_26{background-image:url(blocks/block_26.png)}
+.block_27{background-image:url(blocks/block_27.png)}
+.block_31{background-image:url(blocks/block_31.png)}
+.block_32{background-image:url(blocks/block_32.png)}
+.block_33{background-image:url(blocks/block_33.png)}
+.block_34{background-image:url(blocks/block_34.png)}
+.block_35{background-image:url(blocks/block_35.png)}
+.block_36{background-image:url(blocks/block_36.png)}
+.block_37{background-image:url(blocks/block_37.png)}
+.block_41{background-image:url(blocks/block_41.png)}
+.block_42{background-image:url(blocks/block_42.png)}
+.block_43{background-image:url(blocks/block_43.png)}
+.block_44{background-image:url(blocks/block_44.png)}
+.block_45{background-image:url(blocks/block_45.png)}
+.block_46{background-image:url(blocks/block_46.png)}
+.block_47{background-image:url(blocks/block_47.png)}
+.block_51{background-image:url(blocks/block_51.png)}
+.block_52{background-image:url(blocks/block_52.png)}
+.block_53{background-image:url(blocks/block_53.png)}
+.block_54{background-image:url(blocks/block_54.png)}
+.block_55{background-image:url(blocks/block_55.png)}
+.block_56{background-image:url(blocks/block_56.png)}
+.block_57{background-image:url(blocks/block_57.png)}
+.block_61{background-image:url(blocks/block_61.png)}
+.block_62{background-image:url(blocks/block_62.png)}
+.block_63{background-image:url(blocks/block_63.png)}
+.block_64{background-image:url(blocks/block_64.png)}
+.block_65{background-image:url(blocks/block_65.png)}
+.block_66{background-image:url(blocks/block_66.png)}
+.block_67{background-image:url(blocks/block_67.png)}
+.block_71{background-image:url(blocks/block_71.png)}
+.block_72{background-image:url(blocks/block_72.png)}
+.block_73{background-image:url(blocks/block_73.png)}
+.block_74{background-image:url(blocks/block_74.png)}
+.block_75{background-image:url(blocks/block_75.png)}
+.block_76{background-image:url(blocks/block_76.png)}
+.block_77{background-image:url(blocks/block_77.png)}
+.block_81{background-image:url(blocks/block_81.png)}
+.block_82{background-image:url(blocks/block_82.png)}
+.block_83{background-image:url(blocks/block_83.png)}
+.block_84{background-image:url(blocks/block_84.png)}
+.block_85{background-image:url(blocks/block_85.png)}
+.block_86{background-image:url(blocks/block_86.png)}
+.block_87{background-image:url(blocks/block_87.png)}
+.block_91{background-image:url(blocks/block_91.png)}
+.block_92{background-image:url(blocks/block_92.png)}
+.block_93{background-image:url(blocks/block_93.png)}
+.block_94{background-image:url(blocks/block_94.png)}
+.block_95{background-image:url(blocks/block_95.png)}
+.block_96{background-image:url(blocks/block_96.png)}
+.block_97{background-image:url(blocks/block_97.png)}
diff --git a/blocks/index.html b/blocks/index.html
new file mode 100644
index 0000000..2205856
--- /dev/null
+++ b/blocks/index.html
@@ -0,0 +1,89 @@
+<html>
+<title>Crusader Rex - Blocks</title>
+<link rel="stylesheet" href="../blocks.css">
+<style>
+body {
+	margin: 80px;
+	background-color: slategray;
+	display: flex;
+	flex-wrap: wrap;
+}
+div.block {
+	width: 55px;
+	height: 55px;
+	margin: 15px;
+	background-size: cover;
+	box-shadow: 0 0 6px 4px black;
+}
+div.block:hover {
+	transform: scale(2);
+	box-shadow: 0 0 3px 4px black;
+}
+div.frank { outline: 4px solid orange; }
+div.saracen { outline: 4px solid green; }
+div.assassin { outline: 4px solid purple; }
+</style>
+<body>
+<div class="frank block block_11"></div>
+<div class="frank block block_12"></div>
+<div class="frank block block_13"></div>
+<div class="frank block block_14"></div>
+<div class="frank block block_15"></div>
+<div class="frank block block_16"></div>
+<div class="frank block block_17"></div>
+<div class="frank block block_21"></div>
+<div class="frank block block_22"></div>
+<div class="frank block block_23"></div>
+<div class="frank block block_24"></div>
+<div class="frank block block_25"></div>
+<div class="frank block block_26"></div>
+<div class="frank block block_27"></div>
+<div class="frank block block_31"></div>
+<div class="frank block block_32"></div>
+<div class="frank block block_33"></div>
+<div class="frank block block_34"></div>
+<div class="frank block block_35"></div>
+<div class="frank block block_36"></div>
+<div class="frank block block_37"></div>
+<div class="frank block block_41"></div>
+<div class="frank block block_42"></div>
+<div class="frank block block_43"></div>
+<div class="frank block block_44"></div>
+<div class="frank block block_45"></div>
+<div class="frank block block_46"></div>
+<div class="frank block block_47"></div>
+<div class="frank block block_51"></div>
+<div class="frank block block_52"></div>
+<div class="frank block block_53"></div>
+<div class="assassin block block_54"></div>
+<div class="saracen block block_55"></div>
+<div class="saracen block block_56"></div>
+<div class="saracen block block_57"></div>
+<div class="saracen block block_61"></div>
+<div class="saracen block block_62"></div>
+<div class="saracen block block_63"></div>
+<div class="saracen block block_64"></div>
+<div class="saracen block block_65"></div>
+<div class="saracen block block_66"></div>
+<div class="saracen block block_67"></div>
+<div class="saracen block block_71"></div>
+<div class="saracen block block_72"></div>
+<div class="saracen block block_73"></div>
+<div class="saracen block block_74"></div>
+<div class="saracen block block_75"></div>
+<div class="saracen block block_76"></div>
+<div class="saracen block block_77"></div>
+<div class="saracen block block_81"></div>
+<div class="saracen block block_82"></div>
+<div class="saracen block block_83"></div>
+<div class="saracen block block_84"></div>
+<div class="saracen block block_85"></div>
+<div class="saracen block block_86"></div>
+<div class="saracen block block_87"></div>
+<div class="saracen block block_91"></div>
+<div class="saracen block block_92"></div>
+<div class="saracen block block_93"></div>
+<div class="saracen block block_94"></div>
+<div class="saracen block block_95"></div>
+<div class="saracen block block_96"></div>
+<div class="saracen block block_97"></div>
diff --git a/cover.jpg b/cover.jpg
new file mode 100644
index 0000000..f5f6cb2
--- /dev/null
+++ b/cover.jpg
diff --git a/create.html b/create.html
new file mode 100644
index 0000000..e69de29
--- /dev/null
+++ b/create.html
diff --git a/info/blocks.html b/info/blocks.html
new file mode 100644
index 0000000..e3b75e4
--- /dev/null
+++ b/info/blocks.html
@@ -0,0 +1,113 @@
+<!DOCTYPE html>
+<html>
+<title>Crusader Rex - Blocks</title>
+<link rel="stylesheet" href="../blocks.css">
+<style>
+body {
+	margin: 40px;
+	background-color: slategray;
+	color: white;
+	text-align: center;
+}
+div.list {
+	display: flex;
+	flex-wrap: wrap;
+	justify-content: center;
+}
+div.block {
+	width: 60px;
+	height: 60px;
+	margin: 10px;
+	background-size: cover;
+	box-shadow: 0 0 4px 0px rgba(0,0,0,0.5);
+}
+div.frank { border: 3px solid orange; }
+div.saracen { border: 3px solid green; }
+div.assassins { border: 3px solid purple; }
+div.block:hover { transform: scale(2); }
+</style>
+<body>
+<h1>
+Crusader Rex - Blocks
+</h1>
+
+<h2>Frank</h2>
+<div class="list">
+<div class="frank block block_11"></div>
+<div class="frank block block_12"></div>
+<div class="frank block block_13"></div>
+<div class="frank block block_14"></div>
+<div class="frank block block_15"></div>
+<div class="frank block block_16"></div>
+<div class="frank block block_17"></div>
+</div>
+<div class="list">
+<div class="frank block block_21"></div>
+<div class="frank block block_22"></div>
+<div class="frank block block_23"></div>
+<div class="frank block block_24"></div>
+<div class="frank block block_25"></div>
+<div class="frank block block_26"></div>
+<div class="frank block block_27"></div>
+</div>
+<div class="list">
+<div class="frank block block_31"></div>
+<div class="frank block block_32"></div>
+<div class="frank block block_33"></div>
+<div class="frank block block_34"></div>
+<div class="frank block block_35"></div>
+<div class="frank block block_36"></div>
+<div class="frank block block_37"></div>
+</div>
+<div class="list">
+<div class="frank block block_41"></div>
+<div class="frank block block_42"></div>
+<div class="frank block block_43"></div>
+<div class="frank block block_44"></div>
+<div class="frank block block_45"></div>
+<div class="frank block block_46"></div>
+<div class="frank block block_47"></div>
+</div>
+
+<h2>Saracen</h2>
+<div class="list">
+<div class="saracen block block_61"></div>
+<div class="saracen block block_62"></div>
+<div class="saracen block block_63"></div>
+<div class="saracen block block_64"></div>
+<div class="saracen block block_65"></div>
+<div class="saracen block block_66"></div>
+<div class="saracen block block_67"></div>
+</div>
+<div class="list">
+<div class="saracen block block_71"></div>
+<div class="saracen block block_72"></div>
+<div class="saracen block block_73"></div>
+<div class="saracen block block_74"></div>
+<div class="saracen block block_75"></div>
+<div class="saracen block block_76"></div>
+<div class="saracen block block_77"></div>
+</div>
+<div class="list">
+<div class="saracen block block_81"></div>
+<div class="saracen block block_82"></div>
+<div class="saracen block block_83"></div>
+<div class="saracen block block_84"></div>
+<div class="saracen block block_85"></div>
+<div class="saracen block block_86"></div>
+<div class="saracen block block_87"></div>
+</div>
+<div class="list">
+<div class="saracen block block_91"></div>
+<div class="saracen block block_92"></div>
+<div class="saracen block block_93"></div>
+<div class="saracen block block_94"></div>
+<div class="saracen block block_95"></div>
+<div class="saracen block block_96"></div>
+<div class="saracen block block_97"></div>
+</div>
+
+<h2>Assassins</h2>
+<div class="list">
+<div class="assassins block block_54"></div>
+</div>
diff --git a/info/cards.html b/info/cards.html
new file mode 100644
index 0000000..c7f813a
--- /dev/null
+++ b/info/cards.html
@@ -0,0 +1,47 @@
+<!DOCTYPE html>
+<html>
+<title>Crusader Rex - Cards</title>
+<style>
+body {
+	background-color: slategray;
+	margin: 80px;
+}
+img {
+	width: 225px;
+	height: 350px;
+	margin: 10px;
+	border-radius: 15px;
+	box-shadow: 1px 1px 8px rgba(0,0,0,0.5);
+}
+</style>
+<body>
+<img src="../cards/card_assassins.jpg">
+<img src="../cards/card_guide.jpg">
+<img src="../cards/card_intrigue.jpg">
+<img src="../cards/card_jihad.jpg">
+<img src="../cards/card_manna.jpg">
+<img src="../cards/card_winter_campaign.jpg">
+
+<img src="../cards/card_3.jpg">
+<img src="../cards/card_3.jpg">
+<img src="../cards/card_3.jpg">
+<img src="../cards/card_3.jpg">
+<img src="../cards/card_3.jpg">
+<img src="../cards/card_3.jpg">
+
+<img src="../cards/card_2.jpg">
+<img src="../cards/card_2.jpg">
+<img src="../cards/card_2.jpg">
+<img src="../cards/card_2.jpg">
+<img src="../cards/card_2.jpg">
+<img src="../cards/card_2.jpg">
+<img src="../cards/card_2.jpg">
+<img src="../cards/card_2.jpg">
+<img src="../cards/card_2.jpg">
+
+<img src="../cards/card_1.jpg">
+<img src="../cards/card_1.jpg">
+<img src="../cards/card_1.jpg">
+<img src="../cards/card_1.jpg">
+<img src="../cards/card_1.jpg">
+<img src="../cards/card_1.jpg">
diff --git a/info/notes.html b/info/notes.html
new file mode 100644
index 0000000..4a4e5f6
--- /dev/null
+++ b/info/notes.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<head>
+<title>Crusader Rex - Notes</title>
+<link rel="stylesheet" href="/fonts/fonts.css">
+<link rel="stylesheet" href="/style.css">
+<style>h1{text-align:center}body{max-width:50rem;margin:0 auto;}</style>
+</head>
+<body>
+<div class="main">
+
+<h1>
+Crusader Rex: Implementation Notes</h1>
+
+<hr>
+
+<p>
+How do I designate the attacking main force?
+<p>
+The first block that moves into a contested area defines the main force. Any other blocks
+who enter the battle from the same road also count as being part of the main force.
+The attacking main force move is marked with an asterisk in the game log.
+
+<hr>
+
+<p style="font-style:normal;font-size:36px;text-align:center;margin:0">&#x2720;</p>
diff --git a/info/rules.html b/info/rules.html
new file mode 100644
index 0000000..03067dd
--- /dev/null
+++ b/info/rules.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+<title>Crusader Rex - Rules 2.0</title>
+<style>
+body { background-color: slategray; }
+img { display: block; margin: 40px auto; box-shadow: 2px 2px 20px rgba(0,0,0,0.5); }
+</style>
+<body>
+<img src="rules1.jpg">
+<img src="rules2.jpg">
+<a name="setup"></a>
+<img src="rules3.jpg">
+<img src="rules4.jpg">
+<img src="rules5.jpg">
+<img src="rules6.jpg">
+<img src="rules7.jpg">
+<img src="rules8.jpg">
diff --git a/info/rules1.jpg b/info/rules1.jpg
new file mode 100644
index 0000000..0874a02
--- /dev/null
+++ b/info/rules1.jpg
diff --git a/info/rules2.jpg b/info/rules2.jpg
new file mode 100644
index 0000000..a1542eb
--- /dev/null
+++ b/info/rules2.jpg
diff --git a/info/rules3.jpg b/info/rules3.jpg
new file mode 100644
index 0000000..13b9262
--- /dev/null
+++ b/info/rules3.jpg
diff --git a/info/rules4.jpg b/info/rules4.jpg
new file mode 100644
index 0000000..fbcf13e
--- /dev/null
+++ b/info/rules4.jpg
diff --git a/info/rules5.jpg b/info/rules5.jpg
new file mode 100644
index 0000000..a7bfc7d
--- /dev/null
+++ b/info/rules5.jpg
diff --git a/info/rules6.jpg b/info/rules6.jpg
new file mode 100644
index 0000000..69c5548
--- /dev/null
+++ b/info/rules6.jpg
diff --git a/info/rules7.jpg b/info/rules7.jpg
new file mode 100644
index 0000000..90feff3
--- /dev/null
+++ b/info/rules7.jpg
diff --git a/info/rules8.jpg b/info/rules8.jpg
new file mode 100644
index 0000000..273c0fa
--- /dev/null
+++ b/info/rules8.jpg