From 8bef55ac6fd7f975eeddb7eda8cfaf9f6243e250 Mon Sep 17 00:00:00 2001
From: Sushant Singh <sushantbibhu@gmail.com>
Date: Thu, 13 Jul 2023 18:48:35 +0530
Subject: [PATCH 1/2] add-some-style

---
 style.css | 32 ++++++++++++++++++++------------
 1 file changed, 20 insertions(+), 12 deletions(-)

diff --git a/style.css b/style.css
index 3ce9c71..0eed474 100644
--- a/style.css
+++ b/style.css
@@ -1,29 +1,37 @@
 .grid {
-	width: 300px;
-	height: 300px;
-	border: solid black 1px;
-	display: flex;
-	flex-wrap: wrap;
+  width: 300px;
+  height: 300px;
+  border: solid black 1px;
+  display: flex;
+  flex-wrap: wrap;
 }
 
 .grid div {
-	width: 20px;
-	height: 20px;
+  width: 20px;
+  height: 20px;
 }
 
 .invader {
-	background-color: purple;
-	border-radius: 10px;
+  background-color: purple;
+  border-radius: 10px;
 }
 
 .shooter {
-	background-color: green;
+  background-color: green;
 }
 
 .laser {
-	background-color: orange;
+  background-color: orange;
 }
 
 .boom {
-	background-color: red;
+  background-color: red;
+}
+body {
+  background-color: chocolate;
+}
+.h1 {
+  text-align: center;
+  text-transform: uppercase;
+  background-color: chartreuse;
 }

From 18d3d6e309e17d2fa95b19ee5fe615c4642be928 Mon Sep 17 00:00:00 2001
From: Sushant Singh <sushantbibhu@gmail.com>
Date: Thu, 13 Jul 2023 18:49:01 +0530
Subject: [PATCH 2/2] add-h1 in main page

---
 .DS_Store                                | Bin 0 -> 6148 bytes
 app.js                                   | 156 +++++++++++------------
 index.html                               |  24 ++--
 node_modules/.package-lock.json          |  12 ++
 node_modules/space-invaders/package.json |  11 ++
 package-lock.json                        |  17 +++
 package.json                             |   5 +
 7 files changed, 135 insertions(+), 90 deletions(-)
 create mode 100644 .DS_Store
 create mode 100644 node_modules/.package-lock.json
 create mode 100644 node_modules/space-invaders/package.json
 create mode 100644 package-lock.json
 create mode 100644 package.json

diff --git a/.DS_Store b/.DS_Store
new file mode 100644
index 0000000000000000000000000000000000000000..d69b3d14184633b49a847ed6d78a9955ddc277be
GIT binary patch
literal 6148
zcmeHKu};G<5PdEcw3MM@VnGT&5Yd4>lyqQVp+5j^Q42~*rM41mkr?>|K7xNhV&sFE
z;GJzslTg?YLU)n<?DL(^ez9^f0MniiT0j#(jYY6hXZ3~1xRjDqyk?7NWR7Im>h{y|
zq-3dzzsi8TyDCBqafw;}{XM-dkB!qf?j>oDy4u0ROLu$!`7l2|_;!3US~?pQId9nb
zh>H>C=;fnV?#dR+YuK9~HT)V1^NiEam8`bPt;e2!tm7OLJ|V6!Jx<cT->)oI_8Puf
zVGGzKU)LDm0ynfDVTLi1g3n{Yr;bx}I8%%hVn~lc-oxycJf@ua7762o=wn)3m$@%^
zu&bgBC<DsCj|?zpi_{tpwN?g{0cBvpfP5bU7Qx74=FomRSlKH8u}ZZSw(Y+iF%ShY
z@|ZcKhGLv6(YYFb#W2pD`oP;o9y5o|9mYoHJU+7VHxy%|Qy*A!n8=~l%78MEXJE~B
zo09)KtMC7LC+#T%%D}&3z*OUI+~$^iZY^z2a&5qJ#v&qinZtz(8#WcwR#Nc}ixuhv
XX%HiinL}zQ`XgXz&`KHjRR-Px7czIT

literal 0
HcmV?d00001

diff --git a/app.js b/app.js
index 7476fa9..c0c8bfe 100644
--- a/app.js
+++ b/app.js
@@ -1,133 +1,133 @@
-const grid = document.querySelector('.grid')
-const resultsDisplay = document.querySelector('.results')
-let currentShooterIndex = 202
-let width = 15
-let direction = 1
-let invadersId
-let goingRight = true
-let aliensRemoved = []
-let results = 0
+const grid = document.querySelector(".grid");
+const resultsDisplay = document.querySelector(".results");
+let currentShooterIndex = 202;
+let width = 15;
+let direction = 1;
+let invadersId;
+let goingRight = true;
+let aliensRemoved = [];
+let results = 0;
 
 for (let i = 0; i < 225; i++) {
-  const square = document.createElement('div')
-  grid.appendChild(square)
+  const square = document.createElement("div");
+  grid.appendChild(square);
 }
 
-const squares = Array.from(document.querySelectorAll('.grid div'))
+const squares = Array.from(document.querySelectorAll(".grid div"));
 
 const alienInvaders = [
-  0,1,2,3,4,5,6,7,8,9,
-  15,16,17,18,19,20,21,22,23,24,
-  30,31,32,33,34,35,36,37,38,39
-]
+  0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 30, 31,
+  32, 33, 34, 35, 36, 37, 38, 39,
+];
 
 function draw() {
   for (let i = 0; i < alienInvaders.length; i++) {
-    if(!aliensRemoved.includes(i)) {
-      squares[alienInvaders[i]].classList.add('invader')
+    if (!aliensRemoved.includes(i)) {
+      squares[alienInvaders[i]].classList.add("invader");
     }
   }
 }
 
-draw()
+draw();
 
 function remove() {
   for (let i = 0; i < alienInvaders.length; i++) {
-    squares[alienInvaders[i]].classList.remove('invader')
+    squares[alienInvaders[i]].classList.remove("invader");
   }
 }
 
-squares[currentShooterIndex].classList.add('shooter')
-
+squares[currentShooterIndex].classList.add("shooter");
 
 function moveShooter(e) {
-  squares[currentShooterIndex].classList.remove('shooter')
-  switch(e.key) {
-    case 'ArrowLeft':
-      if (currentShooterIndex % width !== 0) currentShooterIndex -=1
-      break
-    case 'ArrowRight' :
-      if (currentShooterIndex % width < width -1) currentShooterIndex +=1
-      break
+  squares[currentShooterIndex].classList.remove("shooter");
+  switch (e.key) {
+    case "ArrowLeft":
+      if (currentShooterIndex % width !== 0) currentShooterIndex -= 1;
+      break;
+    case "ArrowRight":
+      if (currentShooterIndex % width < width - 1) currentShooterIndex += 1;
+      break;
   }
-  squares[currentShooterIndex].classList.add('shooter')
+  squares[currentShooterIndex].classList.add("shooter");
 }
-document.addEventListener('keydown', moveShooter)
+document.addEventListener("keydown", moveShooter);
 
 function moveInvaders() {
-  const leftEdge = alienInvaders[0] % width === 0
-  const rightEdge = alienInvaders[alienInvaders.length - 1] % width === width -1
-  remove()
+  const leftEdge = alienInvaders[0] % width === 0;
+  const rightEdge =
+    alienInvaders[alienInvaders.length - 1] % width === width - 1;
+  remove();
 
   if (rightEdge && goingRight) {
     for (let i = 0; i < alienInvaders.length; i++) {
-      alienInvaders[i] += width +1
-      direction = -1
-      goingRight = false
+      alienInvaders[i] += width + 1;
+      direction = -1;
+      goingRight = false;
     }
   }
 
-  if(leftEdge && !goingRight) {
+  if (leftEdge && !goingRight) {
     for (let i = 0; i < alienInvaders.length; i++) {
-      alienInvaders[i] += width -1
-      direction = 1
-      goingRight = true
+      alienInvaders[i] += width - 1;
+      direction = 1;
+      goingRight = true;
     }
   }
 
   for (let i = 0; i < alienInvaders.length; i++) {
-    alienInvaders[i] += direction
+    alienInvaders[i] += direction;
   }
 
-  draw()
+  draw();
 
-  if (squares[currentShooterIndex].classList.contains('invader', 'shooter')) {
-    resultsDisplay.innerHTML = 'GAME OVER'
-    clearInterval(invadersId)
+  if (squares[currentShooterIndex].classList.contains("invader", "shooter")) {
+    resultsDisplay.innerHTML = "GAME OVER";
+    clearInterval(invadersId);
   }
 
   for (let i = 0; i < alienInvaders.length; i++) {
-    if(alienInvaders[i] > (squares.length)) {
-      resultsDisplay.innerHTML = 'GAME OVER'
-      clearInterval(invadersId)
+    if (alienInvaders[i] > squares.length) {
+      resultsDisplay.innerHTML = "GAME OVER";
+      clearInterval(invadersId);
     }
   }
   if (aliensRemoved.length === alienInvaders.length) {
-    resultsDisplay.innerHTML = 'YOU WIN'
-    clearInterval(invadersId)
+    resultsDisplay.innerHTML = "YOU WIN";
+    clearInterval(invadersId);
   }
 }
-invadersId = setInterval(moveInvaders, 600)
+invadersId = setInterval(moveInvaders, 600);
 
 function shoot(e) {
-  let laserId
-  let currentLaserIndex = currentShooterIndex
+  let laserId;
+  let currentLaserIndex = currentShooterIndex;
   function moveLaser() {
-    squares[currentLaserIndex].classList.remove('laser')
-    currentLaserIndex -= width
-    squares[currentLaserIndex].classList.add('laser')
-
-    if (squares[currentLaserIndex].classList.contains('invader')) {
-      squares[currentLaserIndex].classList.remove('laser')
-      squares[currentLaserIndex].classList.remove('invader')
-      squares[currentLaserIndex].classList.add('boom')
-
-      setTimeout(()=> squares[currentLaserIndex].classList.remove('boom'), 300)
-      clearInterval(laserId)
-
-      const alienRemoved = alienInvaders.indexOf(currentLaserIndex)
-      aliensRemoved.push(alienRemoved)
-      results++
-      resultsDisplay.innerHTML = results
-      console.log(aliensRemoved)
-
+    squares[currentLaserIndex].classList.remove("laser");
+    currentLaserIndex -= width;
+    squares[currentLaserIndex].classList.add("laser");
+
+    if (squares[currentLaserIndex].classList.contains("invader")) {
+      squares[currentLaserIndex].classList.remove("laser");
+      squares[currentLaserIndex].classList.remove("invader");
+      squares[currentLaserIndex].classList.add("boom");
+
+      setTimeout(
+        () => squares[currentLaserIndex].classList.remove("boom"),
+        300
+      );
+      clearInterval(laserId);
+
+      const alienRemoved = alienInvaders.indexOf(currentLaserIndex);
+      aliensRemoved.push(alienRemoved);
+      results++;
+      resultsDisplay.innerHTML = results;
+      console.log(aliensRemoved);
     }
-
   }
-  switch(e.key) {
-    case 'ArrowUp':
-      laserId = setInterval(moveLaser, 100)
+  switch (e.key) {
+    case "ArrowUp":
+      laserId = setInterval(moveLaser, 100);
   }
 }
 
-document.addEventListener('keydown', shoot)
+document.addEventListener("keydown", shoot);
diff --git a/index.html b/index.html
index 3e90b81..3de711d 100644
--- a/index.html
+++ b/index.html
@@ -1,16 +1,16 @@
-<!doctype html>
+<!DOCTYPE html>
 
 <html lang="en">
-<head>
-  <meta charset="utf-8">
+  <head>
+    <meta charset="utf-8" />
 
-  <title>Space Invaders</title>
-  <link rel="stylesheet" href="style.css">
-
-</head>
-<body>
-  <h1 class="results">0</h1>
-  <div class="grid"></div>
-  <script src="app.js"></script>
-</body>
+    <title>Space Invaders</title>
+    <link rel="stylesheet" href="style.css" />
+  </head>
+  <body>
+    <h1 class="h1">Play Station</h1>
+    <h2 class="results">0</h2>
+    <div class="grid"></div>
+    <script src="app.js"></script>
+  </body>
 </html>
diff --git a/node_modules/.package-lock.json b/node_modules/.package-lock.json
new file mode 100644
index 0000000..f50ae10
--- /dev/null
+++ b/node_modules/.package-lock.json
@@ -0,0 +1,12 @@
+{
+  "name": "space-invaders",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {
+    "node_modules/space-invaders": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/space-invaders/-/space-invaders-0.0.1.tgz",
+      "integrity": "sha512-EAXdbpRqiAv5GCbxpQOJHyjQadYNgBoIKXyecYe5LYsdChW77y9/BXa2HInvG4WtcZb0hv3fsVwfT2U+cXfYSQ=="
+    }
+  }
+}
diff --git a/node_modules/space-invaders/package.json b/node_modules/space-invaders/package.json
new file mode 100644
index 0000000..bc8e146
--- /dev/null
+++ b/node_modules/space-invaders/package.json
@@ -0,0 +1,11 @@
+{
+  "name": "space-invaders",
+  "version": "0.0.1",
+  "description": "space-invaders",
+  "main": "index.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "author": "Mihir Chaturvedi",
+  "license": "MIT"
+}
diff --git a/package-lock.json b/package-lock.json
new file mode 100644
index 0000000..e9ecb73
--- /dev/null
+++ b/package-lock.json
@@ -0,0 +1,17 @@
+{
+  "name": "space-invaders",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {
+    "": {
+      "dependencies": {
+        "space-invaders": "^0.0.1"
+      }
+    },
+    "node_modules/space-invaders": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/space-invaders/-/space-invaders-0.0.1.tgz",
+      "integrity": "sha512-EAXdbpRqiAv5GCbxpQOJHyjQadYNgBoIKXyecYe5LYsdChW77y9/BXa2HInvG4WtcZb0hv3fsVwfT2U+cXfYSQ=="
+    }
+  }
+}
diff --git a/package.json b/package.json
new file mode 100644
index 0000000..0873c78
--- /dev/null
+++ b/package.json
@@ -0,0 +1,5 @@
+{
+  "dependencies": {
+    "space-invaders": "^0.0.1"
+  }
+}