summaryrefslogtreecommitdiff
path: root/info
diff options
context:
space:
mode:
Diffstat (limited to 'info')
-rw-r--r--info/blocks.html113
-rw-r--r--info/cards.html47
-rw-r--r--info/notes.html25
-rw-r--r--info/rules.html17
-rw-r--r--info/rules1.jpgbin0 -> 235659 bytes
-rw-r--r--info/rules2.jpgbin0 -> 198724 bytes
-rw-r--r--info/rules3.jpgbin0 -> 244200 bytes
-rw-r--r--info/rules4.jpgbin0 -> 245064 bytes
-rw-r--r--info/rules5.jpgbin0 -> 232338 bytes
-rw-r--r--info/rules6.jpgbin0 -> 246210 bytes
-rw-r--r--info/rules7.jpgbin0 -> 222042 bytes
-rw-r--r--info/rules8.jpgbin0 -> 157118 bytes
12 files changed, 202 insertions, 0 deletions
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
Binary files differ
diff --git a/info/rules2.jpg b/info/rules2.jpg
new file mode 100644
index 0000000..a1542eb
--- /dev/null
+++ b/info/rules2.jpg
Binary files differ
diff --git a/info/rules3.jpg b/info/rules3.jpg
new file mode 100644
index 0000000..13b9262
--- /dev/null
+++ b/info/rules3.jpg
Binary files differ
diff --git a/info/rules4.jpg b/info/rules4.jpg
new file mode 100644
index 0000000..fbcf13e
--- /dev/null
+++ b/info/rules4.jpg
Binary files differ
diff --git a/info/rules5.jpg b/info/rules5.jpg
new file mode 100644
index 0000000..a7bfc7d
--- /dev/null
+++ b/info/rules5.jpg
Binary files differ
diff --git a/info/rules6.jpg b/info/rules6.jpg
new file mode 100644
index 0000000..69c5548
--- /dev/null
+++ b/info/rules6.jpg
Binary files differ
diff --git a/info/rules7.jpg b/info/rules7.jpg
new file mode 100644
index 0000000..90feff3
--- /dev/null
+++ b/info/rules7.jpg
Binary files differ
diff --git a/info/rules8.jpg b/info/rules8.jpg
new file mode 100644
index 0000000..273c0fa
--- /dev/null
+++ b/info/rules8.jpg
Binary files differ