Skip to content

Commit

Permalink
Merge branch 'main' into main
Browse files Browse the repository at this point in the history
Signed-off-by: Maximiliano Cabrera <39493720+MaximilianoCabreraP@users.noreply.github.com>
  • Loading branch information
MaximilianoCabreraP authored Oct 21, 2024
2 parents ede87b0 + 2c6b99a commit bf33cdc
Show file tree
Hide file tree
Showing 11 changed files with 515 additions and 87 deletions.
73 changes: 73 additions & 0 deletions CODE_OF_CONDUCT.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,73 @@
# Contributor Covenant Code of Conduct

## Our Pledge

We as members, contributors, and leaders pledge to make participation in the **To-Do-List** project and community a harassment-free experience for everyone, regardless of age, body size, visible or invisible disability, ethnicity, gender identity and expression, level of experience, education, socio-economic status, nationality, personal appearance, race, religion, or sexual identity and orientation.

We pledge to act and interact in ways that contribute to an open, welcoming, diverse, inclusive, and healthy community, especially during Hacktoberfest, where we encourage new contributors to join and feel supported.

## Our Standards

Examples of behavior that contributes to a positive environment for our community include:

- Demonstrating empathy and kindness toward other people
- Being respectful of differing opinions, viewpoints, and experiences
- Giving and gracefully accepting constructive feedback
- Accepting responsibility and apologizing to those affected by our mistakes, and learning from the experience
- Focusing on what is best not just for us as individuals, but for the overall community

Examples of unacceptable behavior include:

- The use of sexualized language or imagery, and sexual attention or advances of any kind
- Trolling, insulting or derogatory comments, and personal or political attacks
- Public or private harassment
- Publishing others' private information, such as a physical or email address, without their explicit permission
- Other conduct which could reasonably be considered inappropriate in a professional setting

## Our Responsibilities

Project maintainers are responsible for clarifying and enforcing our standards of acceptable behavior and will take appropriate and fair corrective action in response to any behavior that they deem inappropriate, threatening, offensive, or harmful.

Project maintainers have the right and responsibility to remove, edit, or reject comments, commits, code, wiki edits, issues, and other contributions that are not aligned with this Code of Conduct, especially during Hacktoberfest to ensure a positive experience for all contributors.

## Scope

This Code of Conduct applies within all project spaces, and it also applies when an individual is officially representing the project or its community in public spaces. Examples of representing our project include using an official project email address, posting via an official social media account, or acting as an appointed representative at an online or offline event.

## Enforcement

Instances of abusive, harassing, or otherwise unacceptable behavior may be reported by contacting the project team at [YOUR EMAIL HERE]. All complaints will be reviewed and investigated promptly and fairly.

All project team members are obligated to respect the privacy and security of the reporter of any incident.

## Enforcement Guidelines

Project maintainers will follow these Community Impact Guidelines in determining the consequences for any action they deem in violation of this Code of Conduct:

### 1. Correction

**Community Impact**: Use of inappropriate language or other behavior deemed unprofessional or unwelcome in the community.
**Consequence**: A private, written warning from project maintainers, providing clarity around the nature of the violation and an explanation of why the behavior was inappropriate. A public apology may be requested.

### 2. Warning

**Community Impact**: A violation through a single incident or series of actions.
**Consequence**: A warning with consequences for continued behavior. No interaction with the people involved, including unsolicited interaction with those enforcing the Code of Conduct, for a specified period of time. This includes avoiding interactions in community spaces as well as external channels like social media. Violating these terms may lead to a temporary or permanent ban.

### 3. Temporary Ban

**Community Impact**: A serious violation of community standards, including sustained inappropriate behavior.
**Consequence**: A temporary ban from any sort of interaction or public communication with the community for a specified period of time. No public or private interaction with the people involved, including unsolicited interaction with those enforcing the Code of Conduct, is allowed during this period. Violating these terms may lead to a permanent ban.

### 4. Permanent Ban

**Community Impact**: Demonstrating a pattern of violation of community standards, including sustained inappropriate behavior, harassment of an individual, or aggression toward or disparagement of classes of individuals.
**Consequence**: A permanent ban from any sort of public interaction within the community.

## Attribution

This Code of Conduct is adapted from the [Contributor Covenant](https://www.contributor-covenant.org), version 2.0, available at https://www.contributor-covenant.org/version/2/0/code_of_conduct.html.

---

By following this Code of Conduct, we can ensure a welcoming and inclusive environment during Hacktoberfest and beyond, encouraging new contributors to engage with the project and the community. Thank you for helping make **To-Do-List** a positive space for all!
12 changes: 10 additions & 2 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,4 +1,8 @@
# To-Do-List
# To-Do-List Front Page

<img width="950" alt="{C4591A30-5564-48AD-9ACC-1DAA32FA68B4}" src="https://github.com/user-attachments/assets/08fe8855-92e8-4f07-9aef-e4cba734078b">

# To-Do-List Main Page

<img width="950" alt="{C4591A30-5564-48AD-9ACC-1DAA32FA68B4}" src="https://github.com/user-attachments/assets/927a61f2-0908-4b76-98fd-7a77191b0177">

Expand All @@ -11,6 +15,9 @@ A simple and interactive To-Do List application built with HTML, CSS, and JavaSc
- Delete tasks
- Set a date for each task
- Responsive design
- Time feature
- Sort By Priority
- Sort By Time

## Installation

Expand All @@ -25,6 +32,7 @@ Open `index.html` in your browser to use the application.
## Usage

- **Add a Task:** Enter a task in the input field and click the "Add" button.
- **Task Adding Limitation:** User can not add todo without given full details
- **Edit a Task:** Click the edit icon next to the task, make your changes, and save.
- **Delete a Task:** Click the delete icon next to the task.

Expand Down Expand Up @@ -77,7 +85,7 @@ Let's make this project even better together! 🎉
<div align="center">

<a href="https://github.com/Groverio/To-Do-List">
<img src="https://contrib.rocks/image?repo=Groverio/To-Do-List&&max=1000" />
<img src="https://contrib.rocks/image?repo=Groverio/To-Do-List" />
</a>
</div>

Expand Down
112 changes: 112 additions & 0 deletions Todo.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,112 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Todo-List</title>
<link rel="stylesheet" href="style.css" />
<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="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"
integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA=="
crossorigin="anonymous"
referrerpolicy="no-referrer"
/>
</head>
<body>
<div class="container">
<h1 class="subtitle">Todo-List</h1>

<div class="js-add-grid" id="add-todo">
<input
type="text"
placeholder="Add a new task here...."
class="js-name-input"
/>

<input type="date" class="js-date-input" min="" />
<input type="time" class="js-time-input" />
<select class="js-category-input">
<option value="">Select Category</option>
<option value="work">Work</option>
<option value="personal">Personal</option>
<option value="shopping">Shopping</option>
<option value="other">Other</option>
</select>
<select class="js-priority-input">
<option value="">Select Priority</option>
<option value="high">High</option>
<option value="medium">Medium</option>
<option value="low">Low</option>
</select>
<div class="js-actions-wrapper">
<button class="js-add-button">
<i class="fa-solid fa-add"></i>
</button>
<button class="js-cancel-button" title="Cancel">
<i class="fa-solid fa-times"></i>
</button>
</div>
<div id="js-success-notification" style="display: none">
<p>Task completed 🎉</p>
</div>
</div>

<!-- Add this new div for sorting buttons -->
<div class="sort-buttons">
<div class="sort-filter-container">
<button class="sort-button" onclick="sortTodos('category')">
Sort by Category
</button>
<button class="sort-button" onclick="sortTodos('priority')">
Sort by Priority
</button>
<select class="js-filter-input" onchange="filterTodos()">
<option value="all">All</option>
<option value="pending">Pending</option>
<option value="completed">Completed</option>
</select>
</div>
</div>
<div class="test">
<div class="js-add-html js-add-grid js-add-html-tasks"></div>
</div>
</div>

<footer class="footer">
<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
></a>
<a class="facebook" href="https://www.facebook.com/" target="_blank"
><i class="fa-brands fa-facebook"></i
></a>
<a class="x" href="https://x.com/i/flow/login" target="_blank"
><i class="fa-brands fa-x-twitter"></i
></a>
<a class="linkedin" href="https://www.linkedin.com/" target="_blank"
><i class="fa-brands fa-linkedin-in"></i
></a>
<a class="github" href="https://github.com/Groverio" target="_blank"
><i class="fa-brands fa-github"></i
></a>
<a class="youtube" href="https://www.youtube.com/" target="_blank"
><i class="fa-brands fa-youtube"></i
></a>
</div>
</footer>

<script src="script.js"></script>
</body>
</html>
28 changes: 28 additions & 0 deletions error.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,28 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>404 - Page Not Found</title>
<script src="https://cdn.tailwindcss.com"></script>
</head>
<body class="bg-gray-100 h-screen flex items-center justify-center">
<div class="text-center">
<h1 class="text-9xl font-bold text-purple-600">404</h1>
<p class="text-2xl md:text-3xl font-light text-gray-700 mt-4">
Oops! Page not found.
</p>
<p class="text-lg text-gray-600 mt-2">
The page you're looking for doesn't exist.
</p>

<a
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
</a>
</div>
</body>
</html>
50 changes: 50 additions & 0 deletions imp.html
Original file line number Diff line number Diff line change
@@ -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>
58 changes: 58 additions & 0 deletions impstyle.css
Original file line number Diff line number Diff line change
@@ -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;
}
Loading

0 comments on commit bf33cdc

Please sign in to comment.