harsh778 · harsh778 · Apr 18, 2020 · May 1, 2020 · May 1, 2020 · May 28, 2020
diff --git a/.DS_Store b/.DS_Store
diff --git a/.github/workflows/greetings.yml b/.github/workflows/greetings.yml
@@ -0,0 +1,14 @@
+name: Greetings
+
+
+on: [pull_request, issues]
+
+jobs:
+  greeting:
+    runs-on: ubuntu-latest
+    steps:
+    - uses: actions/first-interaction@v1
+      with:
+        repo-token: ${{ secrets.GITHUB_TOKEN }}
+        issue-message: 'Message that will be displayed on users'' first issue'
+        pr-message: 'Message that will be displayed on users'' first pr'
diff --git a/LICENSE b/LICENSE
@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2020 Harsh Vardhan Singhal
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
diff --git a/README.md b/README.md
@@ -1,8 +1,13 @@
 # Simon-Game
-https://harsh778.github.io/Simon-Game/.
 Simon Game now in your browser.
-A very basic memory game. Feel free to drop any suggestions. I hope that you will like it:)
+A very basic memory game. Feel free to drop any suggestions. I hope that you will like it:)<br></br>
 
- Instructions:
- 1. Press any letter on your keyboard to start the game.
- 2. Remember the color(red, green, blue, yellow) shown and replicate it. You must remember the pattern till the end of the game.
+# Demo
+<p align="center">
+    <img align="center" alt="Demo Simon Game" src="https://i.imgur.com/r98Ftze.gif"></img>
+</p>
+
+
+# How to Play:
+1. Press any letter on your keyboard to start the game.
+2. Remember the color(red, green, blue, yellow) shown and replicate it. You must remember the pattern till the end of the game.
diff --git a/game.js b/game.js
@@ -77,3 +77,6 @@ function startOver() {
   gamePattern = [];
   started = false;
 }
+console.log("All logs in!")
+console.log("Shell assets successfully launched")
+console.log("Enjoy the game :D")
diff --git a/index.html b/index.html
@@ -1,53 +1 @@
-<!DOCTYPE html>
-<html lang="en" dir="ltr">
-
-<head>
-  <meta charset="utf-8">
-  <title>Simon Game</title>
-  <link rel="stylesheet" href="styles.css">
-  <link href="https://fonts.googleapis.com/css?family=Press+Start+2P" rel="stylesheet">
-  <link href="https://fonts.googleapis.com/css2?family=Oswald:wght@500&display=swap" rel="stylesheet">
-
-</head>
-
-<body>
-  <h1 id="title">Simon Game</h1>
-  <h1 id="level-title">Press Any Key to Start</h1>
-  <div class="container">
-    <div lass="row">
-
-      <div type="button" id="green" class="btn green">
-
-      </div>
-
-      <div type="button" id="red" class="btn red">
-
-      </div>
-    </div>
-
-    <div class="row">
-
-      <div type="button" id="yellow" class="btn yellow">
-
-      </div>
-      <div type="button" id="blue" class="btn blue">
-
-      </div>
-
-    </div>
-
-  </div>
-
-  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
-  <script src="game.js" charset="utf-8"></script>
-
-<footer>
-  <p class="footerclass">
-    Made with ❤️ and some code<br/></br>
-    &lt;/&gt; <a href="https://harsh.cf" target="_blank">Harsh Vardhan Singhal</a>
-  </p>
-</footer>
-
-</body>
-
-</html>
+<!DOCTYPE html><html lang="en" dir="ltr"><head><meta charset="utf-8"><title>Simon Game</title><link rel="stylesheet" href="styles.css"><link href="https://fonts.googleapis.com/css?family=Press+Start+2P" rel="stylesheet"><link href="https://fonts.googleapis.com/css2?family=Oswald:wght@500&display=swap" rel="stylesheet"></head><body><h1 id="title">Simon Game</h1><a href="rules.html" class="button">Rules</a><h1 id="level-title">Press Any Key to Start</h1><div class="container"><div lass="row"><div type="button" id="green" class="btn green"></div><div type="button" id="red" class="btn red"></div></div><div class="row"><div type="button" id="yellow" class="btn yellow"></div><div type="button" id="blue" class="btn blue"></div></div></div><script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script><script src="game.js" charset="utf-8"></script><footer><p class="footerclass">Made with ❤️ and some code<br/></br>&lt;/&gt; <a href="https://harshsinghal.me" target="_blank">Harsh Vardhan Singhal</a></p></footer></body></html>
diff --git a/rules.html b/rules.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html lang="en" dir="ltr">
+
+<head>
+  <meta charset="utf-8">
+  <title>Rules</title>
+  <link rel="stylesheet" href="styles.css">
+  <link href="https://fonts.googleapis.com/css?family=Press+Start+2P" rel="stylesheet">
+  <link href="https://fonts.googleapis.com/css2?family=Oswald:wght@500&display=swap" rel="stylesheet">
+ </head>
+ <body>
+  <h1 id="title">Rules for Simon Game</h1>
+  <p id="rules-text">
+  1. Press any letter on your keyboard to start the game.
+  <br></br>
+  2. Remember the color(red, green, blue, yellow) shown and replicate it. You must remember the pattern till the end of the game.
diff --git a/styles.css b/styles.css
@@ -1,8 +1,30 @@
 body {
   text-align: center;
   background-color: #011F3F;
+  zoom: 67%;
+}
+.button {
+	background-color:#44c767;
+	border-radius:25px;
+	border:4px solid #18ab29;
+	display:inline-block;
+	cursor:pointer;
+	color:#ffffff;
+	font-family:Arial;
+	font-size:22px;
+	padding:15px 24px;
+	text-decoration:none;
+	text-shadow:0px 1px 0px #2f6627;
+}
+.button:hover {
+	background-color:#5cbf2a;
+}
+.button:active {
+	position:relative;
+	top:1px;
 }
 
+
 #title {
   font-family: 'Oswald', sans-serif;
   font-size: 90px;
@@ -67,9 +89,11 @@ a {
   text-decoration: none;
   color: orange;
 }
-
 div {
-  -webkit-user-select: none; /* Safari */
-  -ms-user-select: none; /* IE 10+ and Edge */
-  user-select: none; /* Standard syntax */
+  -webkit-user-select: none; 
+  -ms-user-select: none; 
+  user-select: none;  
 }
+#rules-text {
+	color: beige;
+	font-size: 29px;