diff --git a/assets/css/style.css b/assets/css/style.css
index 50199a8..dd3ddba 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -3,6 +3,7 @@ body{
padding: 0;
font-family: sans-serif;
background: #232323;
+ user-select: none;
}
.header{
@@ -17,23 +18,32 @@ body{
color: #fff;
}
-.map{
- width: 1170px;
- height: 460px;
- border: solid 3px red;
- background: url(../img/bg_sand.png) repeat;
- position: absolute;
- left: 0;
- right: 0;
- margin-left: auto;
- margin-right: auto;
+.container{
+ max-width: 1140px;
+ margin: auto;
}
-.block{
- height: 20px;
- width: 20px;
- background: green;
- position: absolute;
- left: 50px;
- top: 50px;
+.map{
+ text-align: center;
+ background: url(../img/bg_sand.png) repeat;
+ display: inline-block;
+ padding-top: 7px;
+ padding-bottom: 3px;
+}
+
+.line{
+ display: inline-block;
+}
+
+.col{
+ height: 50px;
+ width: 50px;
+ border: solid 0px #000;
+ display: inline-block;
+
+}
+
+.line-3 > .col-12{
+ background: url(../img/tank_bg.png) no-repeat;
+ background-position: 0px 0px;
}
\ No newline at end of file
diff --git a/assets/img/tank_bg.png b/assets/img/tank_bg.png
new file mode 100644
index 0000000..8623594
Binary files /dev/null and b/assets/img/tank_bg.png differ
diff --git a/assets/img/tank_green.png b/assets/img/tank_green.png
new file mode 100644
index 0000000..49c9ef1
Binary files /dev/null and b/assets/img/tank_green.png differ
diff --git a/assets/img/tank_orange.png b/assets/img/tank_orange.png
new file mode 100644
index 0000000..08e196e
Binary files /dev/null and b/assets/img/tank_orange.png differ
diff --git a/assets/js/script.js b/assets/js/script.js
index 44542f7..8660229 100644
--- a/assets/js/script.js
+++ b/assets/js/script.js
@@ -34,42 +34,6 @@ function move(event) {
x++;
setPosition();
}
-// chr = {
-// updown: function () {
-// var y = parseInt(getComputedStyle(player).top);
-// if (k == 'ArrowUp' || k == 'z') {
-// y -= 10;
-// if ( y == -10 ){
-// y += 10;
-// }
-// } else if (k == 'ArrowDown' || k == 's') {
-// y += 10;
-// if ( y == 460 ){
-// y -= 10;
-// }
-// }
-// return y;
-// },
-//
-// leftright: function () {
-// var x = parseInt(getComputedStyle(player).left);
-// if (k == 'ArrowLeft' || k == 'q') {
-// x -= 10;
-// if ( x == -10 ){
-// x += 10;
-// }
-// } else if (k == 'ArrowRight' || k == 'd') {
-// x += 10;
-// if ( x == 1160 ){
-// x -= 10;
-// }
-// }
-// return x;
-// }
-// };
-//
-// player.style.top = (chr.updown()) + "px";
-// player.style.left = (chr.leftright()) + "px";
}
document.addEventListener('keydown', move, false);
\ No newline at end of file
diff --git a/index.html b/index.html
index 1837df1..ead3e8f 100644
--- a/index.html
+++ b/index.html
@@ -1,17 +1,242 @@
+
de_tank
+
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+