Merge branch 'main' into buttoneffect

Subashree-selvaraj · Oct 12, 2024 · 52daef6 · 52daef6
2 parents b4d954b + f33d250
commit 52daef6
Show file tree

Hide file tree

Showing 11 changed files with 235 additions and 115 deletions.
diff --git a/.github/workflows/auto-assign-action.yml b/.github/workflows/auto-assign-action.yml
@@ -1,17 +1,17 @@
-name: Assign to Author
+#name: Assign to Author
 
-on:
-  issues:
-    types: [opened]
+#on:
+  #issues:
+    #types: [opened]
 
-jobs:
-  auto-assign:
-    runs-on: ubuntu-latest
-    permissions:
-      issues: write
-    steps:
-      - name: 'Auto-assign issue creator'
-        uses: pozil/auto-assign-issue@v2
-        with:
-          repo-token: ${{ secrets.GITHUB_TOKEN }} # Required token for authentication
-          assignees: ${{ github.event.issue.user.login }} # Auto-assign the issue creator
+#jobs:
+  #auto-assign:
+    #runs-on: ubuntu-latest
+    #permissions:
+      #issues: write
+    #steps:
+      #- name: 'Auto-assign issue creator'
+        #uses: pozil/auto-assign-issue@v2
+        #with:
+          #repo-token: ${{ secrets.GITHUB_TOKEN }} # Required token for authentication
+          #assignees: ${{ github.event.issue.user.login }} # Auto-assign the issue creator
diff --git a/.github/workflows/auto-comment-issue.yml b/.github/workflows/auto-comment-issue.yml
@@ -0,0 +1,21 @@
+name: Auto Comment on Issue
+on:
+  issues:
+    types: [opened]
+permissions:
+  issues: write
+jobs:
+  comment:
+    runs-on: ubuntu-latest
+    permissions:
+      issues: write
+    steps:
+      - name: Add Comment to Issue
+        run: |
+          COMMENT=$(cat <<EOF
+          {
+            "body": "Thank you for creating this issue! 🎉 We'll look into it as soon as possible. In the meantime, please make sure to provide all the necessary details and context. If you have any questions or additional information, feel free to add them here. Your contributions are highly appreciated! 😊\n\nYou can also check our [CONTRIBUTING.md](https://github.com/sujaltangde/JobLane/blob/main/CONTRIBUTING.md) for guidelines on contributing to this project."
+            "body": "Thank you for creating this issue! 🎉 We'll look into it as soon as possible. In the meantime, please make sure to provide all the necessary details and context. If you have any questions or additional information, feel free to add them here. Your contributions are highly appreciated! 😊\n\nYou can also check our [CONTRIBUTING.md](https://github.com/recodehive/Scrape-ML/blob/main/CONTRIBUTING.md) for guidelines on contributing to this project."
+          }
+          EOF
+          )
diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -1,3 +1,3 @@
 {
-    "liveServer.settings.port": 5502
+    "liveServer.settings.port": 5503
 }
diff --git a/README.md b/README.md
@@ -23,9 +23,12 @@ A <b> responsive and dynamic website </b> to showcase the best gaming accessorie
 
 ## 🚀 Demo
 #### Check out the live demo here ⬇️ : 
+
 https://collect-your-gamingtools.netlify.app/
 
 
+
+
 ## 🛠️ Installation
 #### To get started, simply clone the repository and open it in your browser:
 

diff --git a/SignUp/signup.css b/SignUp/signup.css
@@ -1,34 +1,36 @@
 * {
-  box-sizing: border-box;
-  margin: 0;
-  padding: 5px;
+
+    box-sizing: border-box;
+    margin: 0;
+    padding:0;
 }
 
 body {
-  background: url("https://images.pexels.com/photos/7135057/pexels-photo-7135057.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=2")
-    no-repeat center center fixed;
-  background-size: cover;
-  font-family: "Trebuchet MS", Arial, sans-serif;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  height: 100vh;
-  color: white;
-  text-shadow: 1px 1px 2px #000;
+    background: url('https://images.pexels.com/photos/7135057/pexels-photo-7135057.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=2') no-repeat center center fixed;
+    background-size: cover;
+    font-family: 'Trebuchet MS', Arial, sans-serif;
+    display: flex;
+    flex-direction: column;
+    justify-content: start;
+    align-items: start;
+    height: 100vh;
+    color: white;
+    text-shadow: 1px 1px 2px #000;
 }
 
 .signup-container {
-  opacity: 0.75;
-  background-color: rgba(0, 0, 0, 0);
-  padding: 5rem;
-  border-radius: 20px;
-  box-shadow: 0 0px 0px rgba(0, 0, 0, 0.5);
-  text-align: center;
-  max-width: 500px;
-  width: 100%;
-  animation: fadeIn 2s ease-in-out;
-  background-color: black;
-  margin: auto;
+
+    opacity: 0.75;
+    background-color: rgba(0, 0, 0, 0);
+    padding:3rem 5rem;
+    border-radius: 20px;
+    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.5);
+    text-align: center;
+    max-width: 500px;
+    width: 100%;
+    animation: fadeIn 2s ease-in-out;
+    background-color: black;
+    margin: auto;
 }
 
 @keyframes fadeIn {
@@ -43,9 +45,9 @@ body {
 }
 
 h1 {
-  margin-bottom: 2rem;
-  font-size: 1.5rem;
-  color: #fb5283;
+    margin-bottom: 1.5rem;
+    font-size: 1.5rem;
+    color: #fb5283;
 }
 
 .input-group {
@@ -225,3 +227,34 @@ input[type="password"]:focus {
 a {
   text-decoration: none;
 }
+
+#link-home{
+    border: 1px solid rgb(255, 255, 255);
+    box-shadow: 0 0 5px white;
+    border-radius: 15px;
+    padding: 8px 15px;
+
+    margin-left: 1rem;
+    margin-top: 1rem;
+
+}
+
+#link-home:hover{
+    border: 1px solid rgb(202, 202, 202);
+    box-shadow: 0 0 5px #424242;
+    background-color: #42424222;
+    border-radius: 15px;
+    padding: 8px 15px;
+
+    margin-left: 1rem;
+    margin-top: 1rem;
+}
+
+#link-home a{
+    text-decoration: none;
+    color: #fff;
+    font-size: 1.4rem;
+    text-shadow: none;
+    font-family: 'Trebuchet MS', Arial, sans-serif;
+
+}
diff --git a/SignUp/signup.html b/SignUp/signup.html
@@ -8,9 +8,11 @@
     <link rel="shortcut icon" href="../images/logo.png" type="image/x-icon">
 </head>
 <body>
-    <div class="linksHome">
-        <a href="../index.html">←Back</a>
-    </div>
+
+    <span id="link-home" class="linksHome">
+        <a href="../index.html">Home</a>
+    </span>
+
     <div class="signup-container">
         <h1>Create Your Account</h1>
         <form action="#" method="post">

diff --git a/index.html b/index.html
@@ -8,6 +8,7 @@
     <link rel="shortcut icon" href="images/logo.png" type="image/x-icon">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
     <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap" rel="stylesheet">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css" integrity="sha512-Kc323vGBEqzTmouAECnVceyQqyqdsSiqLQISBL29aUW4U/M7pSPA/gEUZQqv1cwx4OnYxTxve5UMg5GT6L4JJg==" crossorigin="anonymous" referrerpolicy="no-referrer" />
     <link rel="stylesheet" href="style.css">
 </head>
 
@@ -19,41 +20,57 @@
         <div class="container">
 
             <div class="navbar">
-                <a href="/"> <img src="images/logo.png" class="logo" alt="Logo"></a>
-                <a href="/"><span class="website-name">Collect your GamingTools</span></a>
+                <div class="logo-outer">
+                    <a href="/"> <img src="images/logo.png" class="logo" alt="Logo"></a>
+                    <a href="/"><span class="website-name">Collect your GamingTools</span></a>
+                </div>
                 <nav>
-                    <ul id="menuList">
+                    <ul>
                         <li><a href="#controller">Game Controllers</a></li>
                         <li><a href="#vrsection">VR Accessories</a></li>
                         <li><a href="#keyboard">Gaming Keyboard</a></li>
                         <li><a href="#others">Others</a></li>
                         <li class="login"><a href="login/login.html">Login</a></li>
-                    <label class="switch">
-                        <input type="checkbox" id="theme-toggle" onchange="toggleTheme()">
-                        <span class="slider"></span>
-                    </label>
+                        <li><label class="switch">
+                            <input type="checkbox" id="theme-toggle" onchange="toggleTheme()">
+                            <span class="slider"></span>
+                        </label></li>
                     </ul>
 
+                    <!-- Hamburger Menu Icon -->
+                    <img src="images/menu.png" class="menu-icon" onclick="toggleMenu()">
                 </nav>
-
-
-             <!-- Search Bar (initially hidden) -->
-            <div class="search-bar" id="searchBar">
-                <input type="text" id="search-input" placeholder="Search..." oninput="performSearch()" />
-                <button type="button" onclick="performSearch()">🔍</button>
             </div>
 
-            <img src="images/menu.png" class="menu-icon" onclick="toggleMenu()">
-
-            </div>
-            <label class="switch">
+
+            <nav>
+                <ul id="menuList">
+                    <li><a href="#controller">Game Controllers</a></li>
+                    <li><a href="#vrsection">VR Accessories</a></li>
+                    <li><a href="#keyboard">Gaming Keyboard</a></li>
+                    <li><a href="#others">Others</a></li>
+                    <li class="login"><a href="login/login.html">Login</a></li>
+                    <!-- Theme Toggle -->
+            <li><label class="switch">
                 <input type="checkbox" id="theme-toggle" onchange="toggleTheme()">
                 <span class="slider"></span>
-            </label>
+            </label></li>
+                </ul>
+                <!-- Hamburger Menu Icon -->
+                <img src="images/menu.png" class="menu-icon" onclick="toggleMenu()">
+            </nav>
 
             <section class="hero">
                 <div class="overlay"></div>
                 <div class="hero-content">
+                                 <!-- Search Bar (initially hidden) -->
+
+            <div class="searchbar-outer">
+                <div class="search-bar hidden" id="searchBar">
+                    <input type="text" id="search-input" placeholder="Search..." />
+                    <button type="button" onclick="performSearch()">🔍</button>
+                </div>
+            </div>
                     <h1>Welcome to GamingTools</h1>
                     <p>Your one-stop shop for all gaming accessories.</p>
                     <a href="#controller" class="cta-btn">Explore Products</a>
@@ -349,31 +366,31 @@ <h1 class="faq-title">Frequently Asked Questions</h1>
 
         <div class="faq">
           <input type="checkbox" id="faq1">
-          <label for="faq1" class="faq-question">1. Does your website consist of all types of gaming tools?</label>
+          <label for="faq1" class="faq-question">1. Does your website consist of all types of gaming tools? <span class="arrow"></span></label>
           <div class="faq-answer">
             We have tried our best to make all the tools available for enthusiastic gamers.
           </div>
         </div>
 
         <div class="faq">
           <input type="checkbox" id="faq2">
-          <label for="faq2" class="faq-question">2. If I'm having some purchased-product related issues, can the product be replaced as per my need?</label>
+          <label for="faq2" class="faq-question">2. If I'm having some purchased-product related issues, can the product be replaced as per my need? <span class="arrow"></span></label>
           <div class="faq-answer">
             By considering our terms and conditions, further actions will be taken.
           </div>
         </div>
 
         <div class="faq">
           <input type="checkbox" id="faq3">
-          <label for="faq3" class="faq-question">3. Can I buy multiple products at once?</label>
+          <label for="faq3" class="faq-question">3. Can I buy multiple products at once? <span class="arrow"></span></label>
           <div class="faq-answer">
             Yes, you are welcomed to buy multiple products at one time.
           </div>
         </div>
 
         <div class="faq">
           <input type="checkbox" id="faq4">
-          <label for="faq4" class="faq-question">4. Do you have any free courier services or is it paid?</label>
+          <label for="faq4" class="faq-question">4. Do you have any free courier services or is it paid? <span class="arrow"></span></label>
           <div class="faq-answer">
             Currently that option is unavailable. Sorry for the inconvenience.
           </div>
@@ -423,6 +440,9 @@ <h1 class="reviews-title">What Our Customers Say</h1>
                         <h2>Contact Us</h2>
                     </div>
                     <div class="card-body">
+                        <div class="image-section">
+                            <img src="images/7725176.jpg" alt="Contact Image"style="max-width: 80%; height: auto; max-height: 500px;">
+                        </div>
                         <div class="form-section">
                             <form>
                                 <div class="form-group">
@@ -440,9 +460,7 @@ <h2>Contact Us</h2>
                                 <button type="submit">Send</button>
                             </form>
                         </div>
-                        <div class="image-section">
-                            <img src="images/7725176.jpg" alt="Contact Image"style="max-width: 80%; height: auto; max-height: 500px;">
-                        </div>
+
                     </div>
                 </div>
             </section>
@@ -514,9 +532,14 @@ <h2>Contact Us</h2>
 
 
     <!-- Scroll to Top Button -->
-    <div class="scroll-top" onclick="scrollToTop()">
+    <button id="scrollToTopBtn" class="scroll-top" aria-label="Scroll to top">
+        <div class="scroll-top-icon">
         <ion-icon name="arrow-up-outline"></ion-icon>
-    </div>
+        </div>
+        <svg class="progress-ring" width="60" height="60">
+        <circle class="progress-ring__circle" stroke="#ffffff" stroke-width="4" fill="transparent" r="28" cx="30" cy="30"></circle>
+        </svg>
+    </button>  
 
     <!-- this script is for twitter icon  starts -->
     <script src="https://kit.fontawesome.com/856f4a44d7.js" crossorigin="anonymous"></script>

diff --git a/login/login.html b/login/login.html
@@ -50,7 +50,7 @@ <h1>Login to Your Account</h1>
               <ion-icon name="logo-facebook"></ion-icon>
             </a></li>
           <li class="social-icon__item"><a class="social-icon__link" href="#">
-              <ion-icon name="logo-twitter"></ion-icon>
+                <i class="fa-brands fa-x-twitter"></i>
             </a></li>
           <li class="social-icon__item"><a class="social-icon__link" href="#">
               <ion-icon name="logo-linkedin"></ion-icon>
@@ -112,4 +112,5 @@ <h1>Login to Your Account</h1>
     }
     }
 </script>
+<script src="https://kit.fontawesome.com/856f4a44d7.js" crossorigin="anonymous"></script>
 </html>
diff --git a/package-lock.json b/package-lock.json