From 2558da131adf3407045335a00f794fa81ae8b596 Mon Sep 17 00:00:00 2001
From: Tanmay Bhosale <2021.tanmay.bhosale@ves.ac.in>
Date: Tue, 8 Oct 2024 04:59:49 +0530
Subject: [PATCH] a better about page

---
 about.html | 218 +++++++++++++++++++++++++++++++++++++++++++++++------
 1 file changed, 195 insertions(+), 23 deletions(-)
diff --git a/about.html b/about.html
index 6fcd44c..bc0cb08 100644
--- a/about.html
+++ b/about.html
@@ -1,28 +1,200 @@
 <!DOCTYPE html>
 <html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>DSAmplify</title>
-    <link rel="stylesheet" href="styles.css">
-    
-</head>
-<body>
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>DSAmplify - Contribute</title>
+
+    <style>
+      body {
+        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica,
+          Arial, sans-serif;
+        background-color: #f6f8fa;
+        color: #24292e;
+        max-width: 900px;
+        margin: 40px auto;
+        padding: 20px;
+        border-radius: 8px;
+        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
+        border: 1px solid #e1e4e8;
+      }
+
+      header {
+        background-color: #0366d6;
+        padding: 20px;
+        color: white;
+        text-align: center;
+        border-radius: 8px;
+      }
+
+      header .Head-Name p {
+        font-size: 2rem;
+        font-weight: bold;
+      }
+
+      header ul {
+        list-style: none;
+        padding: 0;
+      }
+
+      header ul li {
+        display: inline;
+        margin-right: 15px;
+      }
+
+      header ul li a {
+        color: white;
+        text-decoration: none;
+        font-size: 1rem;
+      }
+
+      header ul li a:hover {
+        text-decoration: underline;
+      }
+
+      h2 {
+        color: #0366d6;
+        margin-top: 30px;
+        font-size: 1.5rem;
+      }
+
+      p {
+        margin-bottom: 15px;
+      }
+
+      code {
+        background-color: #f3f4f6;
+        color: #0366d6;
+        padding: 2px 6px;
+        border-radius: 4px;
+        font-family: "Courier New", Courier, monospace;
+        font-size: 0.95rem;
+        border: 1px solid #e1e4e8;
+      }
+
+      a {
+        color: #0366d6;
+        text-decoration: none;
+      }
+
+      a:hover {
+        text-decoration: underline;
+      }
+
+      .container {
+        background-color: white;
+        padding: 30px;
+        border-radius: 8px;
+        box-shadow: 0 1px 3px rgba(27, 31, 35, 0.12),
+          0 8px 24px rgba(27, 31, 35, 0.1);
+        border: 1px solid #e1e4e8;
+        margin-top: 20px;
+      }
+
+      @media (max-width: 768px) {
+        body {
+          padding: 15px;
+        }
+
+        h2 {
+          text-align: center;
+        }
+
+        header ul li {
+          display: block;
+          margin: 10px 0;
+        }
+      }
+    </style>
+  </head>
+  <body>
     <header>
-        <div class="Head-Name">
-          <p>DSAmplify</p>
-        </div>
-        <ul>
-          <li><a href="index.html">Home</a></li>
-          <li><a href="about.html">About</a></li>
-          <li><a href="#">Contact</a></li>
-          <li><a href="#">Reviews</a></li>
-        </ul>
+      <div class="Head-Name">
+        <p>DSAmplify</p>
+      </div>
+      <ul>
+        <li><a href="index.html">Home</a></li>
+        <li><a href="about.html">About</a></li>
+        <li><a href="#">Contact</a></li>
+        <li><a href="#">Reviews</a></li>
+      </ul>
     </header>
-    <div class="AboveList">
-        <h2>Want to Contribute?</h2>
-        <p>If you'd like to add more problems or improve the site or to know more about the project, check out the GitHub repository:</p>
-        <a href="https://github.com/d-coder111/DSAmplify" target="_blank">DSAmplify</a>
+
+    <div class="container">
+      <h2>Want to Contribute?</h2>
+      <p>
+        If you'd like to add more problems, improve the site, or know more about
+        the project, check out the GitHub repository:
+      </p>
+      <a href="https://github.com/d-coder111/DSAmplify" target="_blank"
+        >DSAmplify</a
+      >
+
+      <h2>Step-by-Step Contribution Guide</h2>
+
+      <h2>1. Fork the Repository</h2>
+      <p>
+        Forking creates a personal copy of the repository under your GitHub
+        account. To fork the repository, go to the
+        <a href="https://github.com/d-coder111/DSAmplify" target="_blank"
+          >DSAmplify GitHub repository</a
+        >
+        and click the "Fork" button in the top right corner.
+      </p>
+
+      <h2>2. Clone the Forked Repository</h2>
+      <p>
+        Once you have forked the repository, clone your fork to your local
+        machine. Use the following command:
+      </p>
+      <code>git clone https://github.com/d-coder111 /DSAmplify.git</code>
+
+      <h2>3. Create a Branch</h2>
+      <p>
+        It's best practice to create a new branch for each feature or bug fix
+        you work on. Run the following command to create a new branch:
+      </p>
+      <code>git checkout -b feature-name</code>
+      <p>
+        Replace <code>feature-name</code> with a meaningful name for the feature
+        or bug you're working on.
+      </p>
+
+      <h2>4. Make Your Changes</h2>
+      <p>
+        Make the necessary changes to the codebase, whether it's fixing a bug,
+        adding a feature, or improving documentation.
+      </p>
+
+      <h2>5. Stage and Commit Your Changes</h2>
+      <p>After making your changes, stage the files you've modified:</p>
+      <code>git add .</code>
+      <p>Then commit your changes with a meaningful message:</p>
+      <code>git commit -m "Detailed description of the changes"</code>
+
+      <h2>6. Push Your Changes to GitHub</h2>
+      <p>Push your changes to your forked repository on GitHub using:</p>
+      <code>git push origin feature-name</code>
+
+      <h2>7. Create a Pull Request</h2>
+      <p>
+        After pushing your changes, go to your forked repository on GitHub, and
+        you'll see an option to create a pull request. Provide a detailed
+        description of the changes you made and submit the pull request for
+        review.
+      </p>
+
+      <h2>8. Collaborate and Improve</h2>
+      <p>
+        The project maintainers may review your pull request and ask for further
+        changes. Collaborate with them, make necessary updates, and once
+        approved, your contribution will be merged into the main project.
+      </p>
+
+      <p>
+        That's it! You've successfully contributed to DSAmplify. Keep
+        contributing and learning!
+      </p>
     </div>
-</body>
-</html>
\ No newline at end of file
+  </body>
+</html>
