diff options
Diffstat (limited to 'info/blocks.html')
| -rw-r--r-- | info/blocks.html | 113 |
1 files changed, 113 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> |