Merge branch 'main' into main

Signed-off-by: Mohit Kumar <136831716+MOHIT-IITP@users.noreply.github.com>
Groverio · Oct 20, 2024 · eefcc55 · eefcc55
2 parents 9d5a812 + 2c6b99a
commit eefcc55
Show file tree

Hide file tree

Showing 8 changed files with 135 additions and 6 deletions.
diff --git a/Todo.html b/Todo.html
@@ -89,7 +89,10 @@ <h1 class="subtitle">Todo-List</h1>
     </div>
 
     <footer class="footer">
-      <p>&copy; 2024 Made with &#10084; by Ansh Grover. All rights reserved.</p>
+      <p>
+        &copy; <span class="year"></span> Made with &#10084; by Ansh Grover. All
+        rights reserved.
+      </p>
       <div class="social-media">
         <a class="insta" href="https://www.instagram.com/" target="_blank"
           ><i class="fa-brands fa-instagram"></i

diff --git a/error.html b/error.html
@@ -18,7 +18,7 @@ <h1 class="text-9xl font-bold text-purple-600">404</h1>
       </p>
 
       <a
-        href="/"
+        href="index.html"
         class="mt-8 inline-block bg-purple-600 text-white font-semibold py-3 px-6 rounded-lg shadow-lg hover:bg-purple-700 transition duration-300"
       >
         Go Back Home

diff --git a/imp.html b/imp.html
@@ -0,0 +1,50 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link rel="stylesheet" href="impstyle.css" />
+    <title>Importance of To-Do List</title>
+  </head>
+  <body>
+    <h1 class="heading">Importance of a To-Do List 📝</h1>
+
+    <div class="contain">
+      <div class="toggle-container">
+        <h2 class="toggle-heading">Enhanced Organization 📅</h2>
+        <p class="toggle-paragraph">
+          A to-do list keeps tasks organized, allowing you to view everything at
+          a glance and prioritize effectively. It reduces clutter and ensures
+          you don’t forget deadlines.
+          <strong>Example:</strong> When planning a group project, listing tasks
+          like researching and drafting helps assign roles and track progress.
+        </p>
+      </div>
+
+      <div class="toggle-container">
+        <h2 class="toggle-heading">Increased Productivity 🚀</h2>
+        <p class="toggle-paragraph">
+          A clear task list helps you focus on your goals, minimizing
+          distractions and boosting efficiency. By breaking tasks into smaller
+          steps, you avoid feeling overwhelmed and improve your productivity.
+          <strong>Example:</strong> Instead of tackling a large project at once,
+          break it down into tasks like "research," "outline," and "proofread."
+          This makes the project feel more manageable, and checking off each
+          completed task gives you a sense of achievement, motivating you to
+          continue.
+        </p>
+      </div>
+
+      <div class="toggle-container">
+        <h2 class="toggle-heading">Reduced Stress 😌</h2>
+        <p class="toggle-paragraph">
+          A to-do list reduces the mental burden of remembering tasks, lowering
+          anxiety levels. Writing everything down prevents the worry of
+          forgetting important responsibilities.
+          <strong>Example:</strong> If your week is packed, listing your tasks
+          helps you prioritize and stay on track without feeling overwhelmed.
+        </p>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/impstyle.css b/impstyle.css
@@ -0,0 +1,58 @@
+body {
+  font-family: Arial, sans-serif;
+  background: rgb(136, 0, 255);
+  background: linear-gradient(
+    0deg,
+    rgba(65, 45, 253, 1) 48%,
+    rgba(29, 29, 29, 1) 100%
+  );
+  margin: 0;
+  padding: 20px;
+  overflow: hidden;
+  height: 100vh;
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-start;
+}
+.heading {
+  text-align: center;
+  color: #f6ac62;
+  font-family: 'Londrina Outline', cursive;
+  font-size: 5rem;
+  padding: 8px 16px;
+  text-shadow: #000000 3px 4px 10px;
+}
+.contain {
+  display: flex;
+  justify-content: space-around;
+  align-items: center;
+  height: 70vh;
+}
+
+.toggle-container {
+  border: 2px solid black;
+  border-radius: 10px;
+  height: auto;
+  width: 30%;
+  background-color: #fff;
+  padding: 15px;
+  box-shadow: 0 2px 10px white;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  text-align: center;
+  margin-bottom: 122px;
+}
+
+.toggle-heading {
+  font-family: 'Londrina Outline', cursive;
+  font-weight: bolder;
+  color: #4caf50;
+  margin-bottom: 10px;
+}
+
+.toggle-paragraph {
+  line-height: 1.5;
+  color: #555;
+  font-family: 'Londrina Outline', cursive;
+}
diff --git a/index.html b/index.html
@@ -21,6 +21,9 @@
             <a href="error.html" class="hover:text-blue-600">Upcoming Tasks</a>
           </li>
           <li><a href="error.html" class="hover:text-blue-600">Friends</a></li>
+          <li>
+            <a href="imp.html" class="hover:text-blue-600">Why We need this?</a>
+          </li>
         </ul>
       </div>
     </nav>

diff --git a/package-lock.json b/package-lock.json
diff --git a/script.js b/script.js
@@ -374,3 +374,8 @@ const updateStats = () => {
   const progressnumber = currprogress.toFixed(0);
   progresstext.innerText = progressnumber + '%';
 };
+
+// Add year in the footer(CopyRight Notice)
+let year = document.querySelector('.year');
+year.innerText = new Date().getFullYear();
+
diff --git a/style.css b/style.css
@@ -17,8 +17,20 @@ body {
     rgba(29, 29, 29, 1) 100%
   );
 }
-
-.container {
+why-need-link {
+  position: absolute;
+  top: 10px;
+  left: 10px;
+  font-size: 16px;
+  font-weight: bold;
+  text-decoration: none;
+  background-color: #f6ac62;
+  color: black;
+  padding: 8px 12px;
+  border-radius: 5px;
+  transition: background-color 0.3s ease;
+}
+. .container {
   width: 100%;
   max-width: 1000px;
   padding: 20px;
@@ -33,7 +45,6 @@ body {
   font-size: 5rem;
   padding: 8px 16px;
   text-shadow: 0 3px 10px rgba(10, 10, 10, 40);
-  animation: bounce 1s infinite;
 }
 
 h1 {
-Original file line number
+Diff line change
@@ Expand Up / @@ -21,6 +21,9 @@ @@
                 <a href="error.html" class="hover:text-blue-600">Upcoming Tasks</a>
               </li>
               <li><a href="error.html" class="hover:text-blue-600">Friends</a></li>
+              <li>
+                <a href="imp.html" class="hover:text-blue-600">Why We need this?</a>
+              </li>
             </ul>
           </div>
         </nav>
@@ Expand Down @@