From b3bdb65b5809204f945c4d5c3683a90cf0865edd Mon Sep 17 00:00:00 2001 From: Peter Siagan <pls72@drexel.edu> Date: Sun, 21 Oct 2018 17:16:21 -0400 Subject: [PATCH] changes --- chest.html | 110 +++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 110 insertions(+) create mode 100644 chest.html diff --git a/chest.html b/chest.html new file mode 100644 index 0000000..8678603 --- /dev/null +++ b/chest.html @@ -0,0 +1,110 @@ +<html> +<head> +<meta charset="UTF-8"> +<title>Chessboard</title> +<style type="text/css"> +.chessboard { + width: 640px; + height: 640px; + margin: 20px; + border: 25px solid #333; +} +.black { + float: left; + width: 80px; + height: 80px; + background-color: #00ffff; + font-size:50px; + text-align:center; + display: table-cell; + vertical-align:middle; +} +.white { + float: left; + width: 80px; + height: 80px; + background-color: #ff0000; + font-size:50px; + text-align:center; + display: table-cell; + vertical-align:middle; +} +</style> +</head> +<body> +<div class="chessboard"> +<!-- 1st --> +<div class="white">♜</div> +<div class="black">♞</div> +<div class="white">♝</div> +<div class="black">♛</div> +<div class="white">♚</div> +<div class="black">♝</div> +<div class="white">♞</div> +<div class="black">♜</div> +<!-- 2nd --> +<div class="black">♝</div> +<div class="white">♝</div> +<div class="black">♝</div> +<div class="white">♝</div> +<div class="black">♝</div> +<div class="white">♝</div> +<div class="black">♝</div> +<div class="white">♝</div> +<!-- 3th --> +<div class="white"></div> +<div class="black"></div> +<div class="white"></div> +<div class="black"></div> +<div class="white"></div> +<div class="black"></div> +<div class="white"></div> +<div class="black"></div> +<!-- 4st --> +<div class="black"></div> +<div class="white"></div> +<div class="black"></div> +<div class="white"></div> +<div class="black"></div> +<div class="white"></div> +<div class="black"></div> +<div class="white"></div> +<!-- 5th --> +<div class="white"></div> +<div class="black"></div> +<div class="white"></div> +<div class="black"></div> +<div class="white"></div> +<div class="black"></div> +<div class="white"></div> +<div class="black"></div> +<!-- 6th --> +<div class="black"></div> +<div class="white"></div> +<div class="black"></div> +<div class="white"></div> +<div class="black"></div> +<div class="white"></div> +<div class="black"></div> +<div class="white"></div> +<!-- 7th --> +<div class="white">♙</div> +<div class="black">♙</div> +<div class="white">♙</div> +<div class="black">♙</div> +<div class="white">♙</div> +<div class="black">♙</div> +<div class="white">♙</div> +<div class="black">♙</div> +<!-- 8th --> +<div class="black">♖</div> +<div class="white">♘</div> +<div class="black">♗</div> +<div class="white">♕</div> +<div class="black">♔</div> +<div class="white">♗</div> +<div class="black">♘</div> +<div class="white">♖</div> +</div> +</body> +</html> \ No newline at end of file -- GitLab