Skip to content

Commit

Permalink
changes the names of the main file
Browse files Browse the repository at this point in the history 
Signed-off-by: Anshgrover23 <anshgrover938@gmail.com>
  • Loading branch information
@Anshgrover23
Anshgrover23 committed Oct 16, 2024
1 parent e88ac41 commit 9de432e
Show file tree
Hide file tree
Showing 3 changed files with 153 additions and 153 deletions.
109 changes: 109 additions & 0 deletions Todo.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,109 @@
<!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="Share Your Thoughts"
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; 2024 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>
139 changes: 44 additions & 95 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,107 +3,56 @@
<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"
/>
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>To-Do List App</title>
<script src="https://cdn.tailwindcss.com"></script>
</head>
<body>
<div class="container">
<h1 class="subtitle">Todo-List</h1>

<div class="js-add-grid" id="add-todo">
<input
type="text"
placeholder="Share Your Thoughts"
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>
<body class="bg-gray-50 text-gray-800">
<!-- Navbar -->
<nav class="bg-white shadow-lg">
<div
class="container mx-auto px-4 py-4 flex justify-between items-center"
>
<a href="#" class="text-2xl font-bold text-purple-600">To-Do List</a>
<ul class="flex space-x-4">
<!-- All of these buttons currently lead to error pages as their functionality will be added in the future
after login and authentication has been implemented.-->
<li>
<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>
</ul>
</div>
</nav>

<!-- 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>
<!-- Main Block -->
<section
class="flex justify-center items-center h-screen bg-gradient-to-b from-purple-600 via-indigo-600 to-gray-900"
>
<div class="container mx-auto px-4 text-center text-white">
<h1 class="text-4xl md:text-6xl font-bold">
Organize Your Life with this easy-to-use app
</h1>
<p class="mt-4 text-lg md:text-2xl">
Manage tasks effortlessly and boost your productivity. Stay on top of
everything with our intuitive To-Do List.
</p>
<a
href="Todo.html"
class="mt-8 inline-block bg-white text-indigo-600 font-bold py-3 px-6 rounded-lg shadow-lg hover:bg-gray-200"
>
Start
</a>
</div>
<div class="test">
<div class="js-add-html js-add-grid js-add-html-tasks"></div>
</div>
</div>
</section>

<footer class="footer">
<p>&copy; 2024 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>
<!-- Footer -->
<footer class="bg-gray-800 text-white py-6">
<div class="container mx-auto px-4 text-center">
<p>
&copy; 2024 Made with &#10084; by Ansh Grover. All rights reserved.
</p>
</div>
</footer>

<script src="script.js"></script>
</body>
</html>
58 changes: 0 additions & 58 deletions landing.html
View file

This file was deleted.

0 comments on commit 9de432e

Please sign in to comment.