Merge pull request #3811 from meetarora10/home-branch

Added a home icon to the rock paper scissor game with other styling.
kunjgit · May 27, 2024 · 90d0f20 · 90d0f20
2 parents 66d5622 + 3f8045d
commit 90d0f20
Show file tree

Hide file tree

Showing 3 changed files with 25 additions and 3 deletions.
diff --git a/Games/Rock_paper_scissor/index.html b/Games/Rock_paper_scissor/index.html
@@ -5,6 +5,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Rock Paper Scissors Game</title>
     <link rel="stylesheet" href="styles.css" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.1/css/all.min.css"/>
   </head>
   <body>
     <pre class="info">
@@ -13,7 +14,12 @@
         To play your turn click on your 
         choice (eg.Rock,Paper,Scissors)
     </pre>
-    <h1>Rock Paper Scissors</h1>
+    <div class="header">
+      <div style="text-align: left;
+      font-size: 30px;
+      "><a href="https://kunjgit.github.io/GameZone/"><i style="color:black;" class="fas fa-home home-icon"></i></a></div>
+      <h1>Rock Paper Scissors</h1>
+    </div>
     <div class="choices">
       <div class="choice" id="rock">
         <img src="images/rock.png" />

diff --git a/Games/Rock_paper_scissor/styles.css b/Games/Rock_paper_scissor/styles.css
@@ -1,3 +1,5 @@
+@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
+
 * {
     margin: 0;
     padding: 0;
@@ -9,15 +11,29 @@
     top: 20%;
     left: 0;
   }
-
+  .header{
+    background: linear-gradient( 80deg,red,blue);
+    width: 100vw;
+    display: flex;
+    font-family: "Poppins", sans-serif;
+    font-weight: 600;
+    font-style: normal;
+
+  }
+  .home-icon{
+    position: relative;
+    top: 2.27rem;
+  }
   h1 {
+
     background-color: #081b31;
-    background: linear-gradient( 80deg,red,blue);
     color: #fff;
     align-content: center;
     height: 7rem;
     line-height: 5rem;
+    margin: 0 auto;
   }
+
 
   .choice {
     height: 155px;

diff --git a/assets/images/Rock_paper_scissor.png b/assets/images/Rock_paper_scissor.png