🛟 Updated.
099bf1b parent: 7eed80d deleted
space_invader.html +0 -27 | deleted file mode 100644 | ||
| @@ -1,27 +0,0 @@ | ||
| 1 | -<!DOCTYPE html> | |
| 2 | -<html lang="en"> | |
| 3 | -<head> | |
| 4 | - <meta charset="UTF-8"> | |
| 5 | - <title>Space Invader</title> | |
| 6 | - <style> | |
| 7 | - body { | |
| 8 | - display: flex; | |
| 9 | - justify-content: center; | |
| 10 | - align-items: center; | |
| 11 | - height: 100vh; | |
| 12 | - margin: 0; | |
| 13 | - background-color: #000; | |
| 14 | - } | |
| 15 | - .invader { | |
| 16 | - width: 200px; | |
| 17 | - height: 200px; | |
| 18 | - background-image: url('data:image/svg+xml;utf8,\<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200">\<rect width="200" height="200" fill="%23000"/>\<!-- Body -->\<rect x="60" y="40" width="80" height="60" fill="%23fff"/>\<!-- Eyes -->\<circle cx="80" cy="30" r="5" fill="%23000"/>\<circle cx="120" cy="30" r="5" fill="%23000"/>\<!-- Antenna -->\<line x1="100" y1="30" x2="100" y2="10" stroke="%23fff" stroke-width="4"/>\<!-- Mouth -->\<path d="M 90 70 Q 100 80 110 70" stroke="%23fff" stroke-width="4" fill="none"/>\</svg>'); | |
| 19 | - background-size: contain; | |
| 20 | - background-repeat: no-repeat; | |
| 21 | - } | |
| 22 | - </style> | |
| 23 | -</head> | |
| 24 | -<body> | |
| 25 | - <div class="invader"></div> | |
| 26 | -</body> | |
| 27 | -</html> | |
| deleted file mode 100644 | |||
| @@ -1,27 +0,0 @@ | |||
| 1 | -<!DOCTYPE html> | ||
| 2 | -<html lang="en"> | ||
| 3 | -<head> | ||
| 4 | - <meta charset="UTF-8"> | ||
| 5 | - <title>Space Invader</title> | ||
| 6 | - <style> | ||
| 7 | - body { | ||
| 8 | - display: flex; | ||
| 9 | - justify-content: center; | ||
| 10 | - align-items: center; | ||
| 11 | - height: 100vh; | ||
| 12 | - margin: 0; | ||
| 13 | - background-color: #000; | ||
| 14 | - } | ||
| 15 | - .invader { | ||
| 16 | - width: 200px; | ||
| 17 | - height: 200px; | ||
| 18 | - background-image: url('data:image/svg+xml;utf8,\<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200">\<rect width="200" height="200" fill="%23000"/>\<!-- Body -->\<rect x="60" y="40" width="80" height="60" fill="%23fff"/>\<!-- Eyes -->\<circle cx="80" cy="30" r="5" fill="%23000"/>\<circle cx="120" cy="30" r="5" fill="%23000"/>\<!-- Antenna -->\<line x1="100" y1="30" x2="100" y2="10" stroke="%23fff" stroke-width="4"/>\<!-- Mouth -->\<path d="M 90 70 Q 100 80 110 70" stroke="%23fff" stroke-width="4" fill="none"/>\</svg>'); | ||
| 19 | - background-size: contain; | ||
| 20 | - background-repeat: no-repeat; | ||
| 21 | - } | ||
| 22 | - </style> | ||
| 23 | -</head> | ||
| 24 | -<body> | ||
| 25 | - <div class="invader"></div> | ||
| 26 | -</body> | ||
| 27 | -</html> | ||