Merge pull request #3247 from Nehayp21242929/main

Added a button.
kunjgit · Jun 6, 2024 · 9eed10e · 9eed10e
2 parents eaa357e + 61886f1
commit 9eed10e
Show file tree

Hide file tree

Showing 3 changed files with 21 additions and 0 deletions.
diff --git a/Games/Wault_master/app.js b/Games/Wault_master/app.js
@@ -176,3 +176,6 @@ let addRow = () => {
     order++;
   }
 };
+function calls(){
+  swal("*INSTRUCTION - HOW TO PLAY*","The objective of this game is to find the password of 4 digits within 4 tries.\n\n\n~HINT-1:Digit in the black box-This digit is not used to form the vault's password.\n\n~HINT-2:Digit in the yellow box-This digit is used to form the vault's password but is not in it's correct position.\n\n~HINT-3:Digit in the blue box-This digit is used to form the vault's password and is in it's correct'position.\n\n\nAlso remember that the vault's password can have repeated digits.")
+};
diff --git a/Games/Wault_master/dist/output.css b/Games/Wault_master/dist/output.css
@@ -1100,4 +1100,18 @@ input[type=number] {
   .md\:flex-row-reverse {
     flex-direction: row-reverse;
   }
+}
+.b1{
+  background-color: white;
+  border-radius: 10px;
+  padding: 10px 4px;
+  display:flex;
+  font-size: 15px;
+  font-style:oblique;
+  box-shadow: 0 5px #999;
+}
+.b1:active{
+  background-color: grey;
+  box-shadow: 0 3px #666;
+  transform: translateY(1px);
 }
diff --git a/Games/Wault_master/index.html b/Games/Wault_master/index.html
@@ -12,11 +12,15 @@
   <title>Wault - Home</title>
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" />
   <link href="./dist/output.css" rel="stylesheet">
+  <script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>
   <script defer src="./app.js"></script>
 
 </head>
 
 <body class="bg-[#24292E] font-mono w-screen h-screen">
+  <div class="contains">
+    <button onclick="calls()" class="b1"  >How to play?</button>
+    </div>
 	<div style="text-align: left; margin-left: 40px;
 	font-size: 30px;
 	padding: 5px; "><a href="https://kunjgit.github.io/GameZone/"><i style="color:white;" class="fas fa-home home-icon"></i></a></div>