Add files via upload

monkey-0028 · Aug 25, 2024 · 2de1cc6 · 2de1cc6
1 parent 4f026c8
commit 2de1cc6
Show file tree

Hide file tree

Showing 27 changed files with 2,202 additions and 0 deletions.
diff --git a/about.css b/about.css
@@ -0,0 +1,91 @@
+body {
+    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+    margin: 0;
+    padding: 0;
+    background-color: #f4f4f4;
+    color: #333;
+}
+
+/* Container */
+.container {
+    max-width: 1200px;
+    margin: 0 auto;
+    padding: 20px;
+    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
+    background: #ffffff;
+    border-radius: 10px;
+}
+
+/* Header */
+header {
+    background: #8864df;
+    color: #ffffff;
+    padding: 20px 0;
+    text-align: center;
+    border-radius: 10px 10px 0 0;
+}
+
+header h1 {
+    margin: 0;
+    font-size: 2.5em;
+}
+
+/* Sections */
+section {
+    padding: 20px;
+    margin: 10px 0;
+    background: #ffffff;
+    border-radius: 8px;
+    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
+}
+
+section h2 {
+    font-size: 2em;
+    color: #8864df;
+    border-bottom: 2px solid #8864df;
+    padding-bottom: 5px;
+    margin-bottom: 15px;
+}
+
+section p {
+    line-height: 1.6;
+}
+
+/* User Manual Styles */
+section h3 {
+    font-size: 1.5em;
+    margin-top: 20px;
+    color: #333;
+}
+
+/* Footer */
+footer {
+    text-align: center;
+    padding: 20px;
+    background: #8864df;
+    color: white;
+    border-radius: 0 0 10px 10px;
+    position: relative;
+    bottom: 0;
+    width: 100%;
+    box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1);
+}
+
+/* Responsive Design */
+@media (max-width: 768px) {
+    .container {
+        padding: 10px;
+    }
+
+    header h1 {
+        font-size: 2em;
+    }
+
+    section h2 {
+        font-size: 1.5em;
+    }
+
+    section h3 {
+        font-size: 1.2em;
+    }
+}
diff --git a/about.html b/about.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>About ChoreConnect</title>
+    <link rel="stylesheet" href="about.css">
+</head>
+<body>
+    <div class="container">
+        <header>
+            <h1>About ChoreConnect</h1>
+        </header>
+        <section>
+            <h2>Our Mission</h2>
+            <p>Our mission at ChoreConnect is to simplify and enhance household task management by providing a user-friendly platform that promotes collaboration, efficiency, and fairness among family members and roommates.</p>
+        </section>
+        <section>
+            <h2>Our Team</h2>
+            <p>We are a group of dedicated individuals passionate about improving home life through technology. Our team includes software developers, UX designers, and community managers, all working together to build a seamless chore management experience.</p>
+        </section>
+        <section>
+            <h2>User Manual</h2>
+            <h3>Getting Started</h3>
+            <p>To get started with ChoreConnect, create an account and log in. Once logged in, you can create a household and invite members to join.</p>
+            <h3>Adding Tasks</h3>
+            <p>To add a task, navigate to the 'Tasks' section, click 'Add Task', and fill out the task details. Assign the task to a household member and set a due date.</p>
+            <h3>Tracking Progress</h3>
+            <p>Track the progress of tasks from the 'Dashboard' where you can see which tasks are pending, in progress, or completed.</p>
+        </section>
+        <section>
+            <h2>Contact Us</h2>
+            <p>Email: [email protected]</p>
+            <p>Phone: (123) 456-7890</p>
+        </section>
+        <footer>
+            <p>&copy; 2024 ChoreConnect. All rights reserved.</p>
+        </footer>
+    </div>
+</body>
+</html>
diff --git a/b.jpg b/b.jpg
diff --git a/b2.jpg b/b2.jpg
diff --git a/category.css b/category.css
@@ -0,0 +1,61 @@
+body {
+    margin: 0;
+    font-family: Arial, sans-serif;
+    background: rgb(238,174,202);
+  background: radial-gradient(circle, rgba(238,174,202,1) 0%, rgba(148,187,233,1) 100%);
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    height: 100vh;
+    text-align: center;
+  }
+
+  .container {
+    width: 80%;
+  }
+
+  .category1 {
+    color: #fae4e4;
+    background-color: rgb(36, 175, 31);
+    height: 3.7rem;
+    width: 100%;
+    border-radius: 15px;
+    margin-bottom: 20px;
+    display:flex;
+    justify-content: center;
+    align-items: center;
+    color:white;
+    font-size: 2rem;
+    font-family: Arial, Helvetica, sans-serif;
+    font-weight: 600;
+
+  }
+
+  .category-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
+    gap: 20px;
+  }
+
+  .category {
+    background-color: #05364d;
+    color: white;
+    padding: 20px;
+    border-radius: 8px;
+    cursor: pointer;
+    transition: transform 0.3s ease, background-color 0.3s ease;
+    text-align: left;
+  }
+
+  .category:hover {
+    transform: scale(1.05);
+    background-color: #704bb7;
+  }
+
+  .category h2 {
+    margin: 0 0 10px;
+  }
+
+  .category p {
+    margin: 0;
+  }
diff --git a/category.html b/category.html
@@ -0,0 +1,66 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>ChoreConnect Categories</title>
+    <link rel="stylesheet" href="category.css">
+    <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
+</head>
+<body>
+    <div class="container">
+        <div class="category1">Select a Category</div>
+        <div class="category-grid">
+            <div class="category" onclick="location.href='household-chores.html';">
+                <h2>Household Chores</h2>
+                <p>Cleaning, laundry, yard work, and more.</p>
+            </div>
+            <div class="category" onclick="location.href='errands.html';">
+                <h2>Errands</h2>
+                <p>Grocery shopping, prescription pickups, etc.</p>
+            </div>
+            <div class="category" onclick="location.href='food-cooking.html';">
+                <h2>Food and Cooking</h2>
+                <p>Meal prep, catering, baking, and more.</p>
+            </div>
+            <div class="category" onclick="location.href='pet-care.html';">
+                <h2>Pet Care</h2>
+                <p>Dog walking, pet sitting, grooming, etc.</p>
+            </div>
+            <div class="category" onclick="location.href='childcare.html';">
+                <h2>Childcare</h2>
+                <p>Babysitting, homework help, school pickups.</p>
+            </div>
+            <div class="category" onclick="location.href='home-maintenance.html';">
+                <h2>Home Maintenance</h2>
+                <p>Basic repairs, painting, furniture assembly.</p>
+            </div>
+            <div class="category" onclick="location.href='personal-assistance.html';">
+                <h2>Personal Assistance</h2>
+                <p>Organizing schedules, virtual assistance, etc.</p>
+            </div>
+            <div class="category" onclick="location.href='tech-support.html';">
+                <h2>Technology and IT Support</h2>
+                <p>Device setup, software installation, tech lessons.</p>
+            </div>
+            <div class="category" onclick="location.href='transportation.html';">
+                <h2>Transportation</h2>
+                <p>Ridesharing, moving help, airport drop-offs.</p>
+            </div>
+            <div class="category" onclick="location.href='tutoring-education.html';">
+                <h2>Tutoring and Education</h2>
+                <p>Academic tutoring, language lessons, music.</p>
+            </div>
+            <div class="category" onclick="location.href='event-assistance.html';">
+                <h2>Event Assistance</h2>
+                <p>Event planning, setup, hosting, and more.</p>
+            </div>
+            <div class="category" onclick="location.href='miscellaneous.html';">
+                <h2>Miscellaneous</h2>
+                <p>Surveys, arts and crafts, community events.</p>
+            </div>
+        </div>
+    </div>
+    <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
+</body>
+</html>
diff --git a/eye-fill.svg b/eye-fill.svg
diff --git a/eye-slash-fill.svg b/eye-slash-fill.svg
diff --git a/feed.html b/feed.html
@@ -0,0 +1,58 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>ChoreConnect - Task Feed</title>
+    <link rel="stylesheet" href="feet.css">
+</head>
+<body>
+    <header>
+        <nav>
+            <div class="logo">ChoreConnect</div>
+            <ul>
+                <li><a href="#home">Profile</a></li>
+                <li><a href="#profile">YourJob</a></li>
+                <li><a href="#messages">JobApplied</a></li>
+                <li><a href="#messages">About</a></li>
+                <li><a href="#logout" class="btn">Logout</a></li>
+            </ul>
+        </nav>
+    </header>
+
+    <section class="feed">
+        <div class="feed-container">
+
+            <div class="task">
+                <h3>Task Title: Lawn Mowing</h3>
+                <p>Description: Need someone to mow my lawn this weekend. Must have your own equipment.</p>
+                <p>Category: Household Chores</p>
+                <p>Posted by: User123</p>
+                <div class="task-actions">
+                    <button class="btn">View Details</button>
+                    <button class="btn accept">Accept Task</button>
+                </div>
+            </div>
+        </div>
+        <div class="feed-container">
+            <div class="task">
+                <h3>Task Title: Grocery Shopping</h3>
+                <p>Description: Looking for someone to pick up groceries from the local supermarket.</p>
+                <p>Category: Errands</p>
+                <p>Posted by: User456</p>
+                <div class="task-actions">
+                    <button class="btn">View Details</button>
+                    <button class="btn accept">Accept Task</button>
+                </div>
+            </div>
+        </div>
+            <!-- Additional tasks can be added here -->
+        </div>
+    </section>
+
+    <footer>
+        <p>&copy; 2024 ChoreConnect. All rights reserved.</p>
+        <a href="mailto:[email protected]">Contact Us</a>
+    </footer>
+</body>
+</html>