Merge pull request #410 from mansi066/main

Enhance the footer #404
iamparas0 · Oct 29, 2024 · ebecc22 · ebecc22
2 parents 06065e6 + be2ac90
commit ebecc22
Show file tree

Hide file tree

Showing 5 changed files with 181 additions and 35 deletions.
diff --git a/paras/package-lock.json b/paras/package-lock.json
diff --git a/paras/package.json b/paras/package.json
@@ -6,6 +6,7 @@
     "@testing-library/jest-dom": "^6.5.0",
     "@testing-library/react": "^16.0.1",
     "@testing-library/user-event": "^14.5.2",
+    "paras": "file:",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "react-router-dom": "^6.27.0",

diff --git a/paras/public/first.css b/paras/public/first.css
@@ -1,14 +1,17 @@
 footer {
-    position: fixed;
-    bottom: 0;
-    width: 100%;
-    background-color: #333;
-    color: #fff;
-    text-align: center;
-    padding: 20px;
-    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
+  position: relative;
+  bottom: -320px;
+   width: 100%;
+  background-color: #333;
+  color: #fff;
+  text-align: center;
+  padding: 20px;
+  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
+}
+
+
+
 
-  }
 
   .footer-container {
     max-width: 800px;
@@ -38,9 +41,56 @@ footer {
   }
 
   .social-links a:hover {
-    color: #ccc;
+    color: #f39c12;
   }
 
   .fa {
     font-size: 24px;
-  }
+  }
+
+.footer-content {
+  display: flex;
+  flex-wrap: nowrap;
+  justify-content: space-between;
+  align-items: center;
+  flex-direction: row;
+  margin-left: 0px;
+  margin: 33px;
+}
+
+.footer-section {
+  flex: 1;
+  min-width: 200px;
+  margin: 5px;
+}
+
+.footer-section h3 {
+    margin-bottom: 15px;
+}
+
+.footer-section ul {
+    list-style-type: none;
+    padding: 0;
+}
+
+.footer-section ul li {
+    margin: 5px 0;
+}
+
+.footer-section ul li a {
+    color: white;
+    text-decoration: none;
+}
+
+.footer-section ul li a:hover {
+    text-decoration: underline;
+    color:blue;
+}
+
+.footer-bottom {
+    border-top: 1px solid #444;
+    padding-top: 10px;
+    margin-top: 20px;
+}
+
+
diff --git a/paras/public/index.html b/paras/public/index.html
@@ -134,10 +134,7 @@
 
 
 
-      To begin the development, run `npm start` or `yarn start`.
-      To create a production bundle, use `npm run build` or `yarn build`.
-      -->
-
+
       <style>
       .voting-button {
     display: inline-block;
@@ -179,14 +176,52 @@
         <div class="button-container">
             <a href="voting_system.html" class="voting-button">Voting System</a>
         </div>
-        <p>&copy; 2024 Tic-Tac-Toe Game</p>
+
+            <div class="footer-content">
+                <div class="footer-section about">
+                    <h3>About Tic-Tac-Toe 2024</h3>
+                    <p>Welcome to the best online Tic-Tac-Toe experience! Play against friends, challenge the AI, and enjoy the fun!</p>
+                </div>
+                <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
+
+                <div class="footer-section links">
+                    <h3>Quick Links</h3>
+                    <ul>
+                        <li><a href="#home">Home</a></li>
+                        <li><a href="#how-to-play">About</a></li>
+                        <li><a href="#leaderboard">Rules</a></li>
+                        <li><a href="#contact">Contact</a></li>
+                    </ul>
+                </div>
+                <div class="footer-section legal">
+                    <h3>Legal</h3>
+                    <ul>
+                        <li><a href="#privacy-policy">Privacy Policy</a></li>
+                        <li><a href="#terms-conditions">Terms & Conditions</a></li>
+                        <li><a href="#cookie-policy">Cookie Policy</a></li>
+                    </ul>
+                </div>
+                <div class="footer-section contact">
+                    <h3>Contact Us</h3>
+                    <ul>
+                        <li><a href="mailto:[email protected]">[email protected]</a></li>
+                        <li><a href="tel:+1234567890">+1 234 567 890</a></li>
+                    </ul>
+                </div>
+            </div>
+            <div class="footer-bottom">
+                <p>&copy; 2024 Tic-Tac-Toe Game. All rights reserved.</p>
+            </div>
+
+
         <ul class="social-links">
-          <li><a href="#" target="_blank"><i class="fa fa-facebook"></i></a></li>
-          <li><a href="#" target="_blank"><i class="fa fa-twitter"></i></a></li>
-          <li><a href="#" target="_blank"><i class="fa fa-instagram"></i></a></li>
+          <li><a href="https://www.linkedin.com/in/iamparas0/" target="_blank"><i class="fab fa-linkedin"></i></a></li>
+          <li><a href="https://x.com/iamparas0" target="_blank"><i class="fab fa-twitter"></i></a></li>
+          <li><a href="https://www.instagram.com/iamparas.0/" target="_blank"><i class="fab fa-instagram"></i></a></li>
         </ul>
       </div>
   </footer>
+
 </body>
 
 </html>
diff --git a/paras/vercel.json b/paras/vercel.json
@@ -1,18 +1,20 @@
 {
-
-  "rewrites":[
-      {"source" : "./(.*)", "destination" : "/"}
-  ]
-
+  "version": 2,
+  "builds": [
+    {
+      "src": "index.html",
+      "use": "@vercel/static"
+    }
+  ],
+  "rewrites": [
+    {
+      "source": "/(.*)",
+      "destination": "/"
+    }
+  ],
+  "git": {
+    "deploymentEnabled": {
+      "main": false
+    }
+  }
 }
-
-"rewrites":[
-{"source" : "./(.*)", "destination" : "/"}
-],
-"git": {
-"deploymentEnabled": {
-"main": false
-}
-}
-}
-