From 1b14eee45f96b6fa2a1653a8e6d4c93775b58268 Mon Sep 17 00:00:00 2001
From: Tor Andersson <tor@ccxvii.net>
Date: Thu, 20 May 2021 12:55:56 +0200
Subject: crusader: Add info pages.

---
 Cross_of_the_Knights_Templar.png | Bin 0 -> 630 bytes
 Cross_of_the_Knights_Templar.svg |   1 +
 about.html                       |   8 +++
 blocks.css                       |  63 ++++++++++++++++++++++
 blocks/index.html                |  89 ++++++++++++++++++++++++++++++
 cover.jpg                        | Bin 0 -> 10299 bytes
 create.html                      |   0
 info/blocks.html                 | 113 +++++++++++++++++++++++++++++++++++++++
 info/cards.html                  |  47 ++++++++++++++++
 info/notes.html                  |  25 +++++++++
 info/rules.html                  |  17 ++++++
 info/rules1.jpg                  | Bin 0 -> 235659 bytes
 info/rules2.jpg                  | Bin 0 -> 198724 bytes
 info/rules3.jpg                  | Bin 0 -> 244200 bytes
 info/rules4.jpg                  | Bin 0 -> 245064 bytes
 info/rules5.jpg                  | Bin 0 -> 232338 bytes
 info/rules6.jpg                  | Bin 0 -> 246210 bytes
 info/rules7.jpg                  | Bin 0 -> 222042 bytes
 info/rules8.jpg                  | Bin 0 -> 157118 bytes
 19 files changed, 363 insertions(+)
 create mode 100644 Cross_of_the_Knights_Templar.png
 create mode 100644 Cross_of_the_Knights_Templar.svg
 create mode 100644 about.html
 create mode 100644 blocks.css
 create mode 100644 blocks/index.html
 create mode 100644 cover.jpg
 create mode 100644 create.html
 create mode 100644 info/blocks.html
 create mode 100644 info/cards.html
 create mode 100644 info/notes.html
 create mode 100644 info/rules.html
 create mode 100644 info/rules1.jpg
 create mode 100644 info/rules2.jpg
 create mode 100644 info/rules3.jpg
 create mode 100644 info/rules4.jpg
 create mode 100644 info/rules5.jpg
 create mode 100644 info/rules6.jpg
 create mode 100644 info/rules7.jpg
 create mode 100644 info/rules8.jpg

diff --git a/Cross_of_the_Knights_Templar.png b/Cross_of_the_Knights_Templar.png
new file mode 100644
index 0000000..c1c5aaf
Binary files /dev/null and b/Cross_of_the_Knights_Templar.png differ
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
Binary files /dev/null and b/cover.jpg differ
diff --git a/create.html b/create.html
new file mode 100644
index 0000000..e69de29
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
Binary files /dev/null and b/info/rules1.jpg differ
diff --git a/info/rules2.jpg b/info/rules2.jpg
new file mode 100644
index 0000000..a1542eb
Binary files /dev/null and b/info/rules2.jpg differ
diff --git a/info/rules3.jpg b/info/rules3.jpg
new file mode 100644
index 0000000..13b9262
Binary files /dev/null and b/info/rules3.jpg differ
diff --git a/info/rules4.jpg b/info/rules4.jpg
new file mode 100644
index 0000000..fbcf13e
Binary files /dev/null and b/info/rules4.jpg differ
diff --git a/info/rules5.jpg b/info/rules5.jpg
new file mode 100644
index 0000000..a7bfc7d
Binary files /dev/null and b/info/rules5.jpg differ
diff --git a/info/rules6.jpg b/info/rules6.jpg
new file mode 100644
index 0000000..69c5548
Binary files /dev/null and b/info/rules6.jpg differ
diff --git a/info/rules7.jpg b/info/rules7.jpg
new file mode 100644
index 0000000..90feff3
Binary files /dev/null and b/info/rules7.jpg differ
diff --git a/info/rules8.jpg b/info/rules8.jpg
new file mode 100644
index 0000000..273c0fa
Binary files /dev/null and b/info/rules8.jpg differ
-- 
cgit v1.2.3