From 4ccc40551fbb6a2c4598469c792cf70080fe0ee3 Mon Sep 17 00:00:00 2001 From: Hiteash Mahajan <104294992+hiteashgupta1@users.noreply.github.com> Date: Fri, 18 Oct 2024 13:15:44 +0530 Subject: [PATCH] Revert "Added Search functionality" --- blog.html | 68 --- index.html | 1286 ++++++++++++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 1286 insertions(+), 68 deletions(-) create mode 100644 index.html diff --git a/blog.html b/blog.html index 0143cc79..fce19094 100644 --- a/blog.html +++ b/blog.html @@ -334,10 +334,6 @@

Forgot Password

-
- - -
@@ -921,32 +917,6 @@
${comment.name}
animation: gradient 15s ease infinite; background-size: 400% 400%; } - -.search-container { - display: flex; - align-items: center; - margin-right: 20px; - margin-top: 50px; - margin-left: 230px; - -} - -#searchInput { - padding: 8px; - border: 1px solid #ddd; - border-radius: 4px 0 0 4px; - font-size: 16px; - width: 200px; -} - -.search-container button { - padding: 8px 12px; - background: #F88379; - color: white; - border: 1px solid #F88379; - border-radius: 0 4px 4px 0; - cursor: pointer; -} @@ -1329,44 +1299,6 @@

Connect with us

modal.style.display = "none"; } } - - - function performSearch() { - const searchQuery = document.getElementById('searchInput').value.toLowerCase(); - const blogPosts = document.querySelectorAll('.grid-item'); - - blogPosts.forEach(post => { - const title = post.querySelector('.text-title').textContent.toLowerCase(); - const date = post.querySelector('.secondary-title').textContent.toLowerCase(); - - if (title.includes(searchQuery) || date.includes(searchQuery)) { - post.style.display = 'block'; - } else { - post.style.display = 'none'; - } - }); -} - -// Event listener for real-time search -document.getElementById('searchInput').addEventListener('input', performSearch); - -// Function to reset the search -function resetSearch() { - document.getElementById('searchInput').value = ''; - const blogPosts = document.querySelectorAll('.grid-item'); - blogPosts.forEach(post => { - post.style.display = 'block'; - }); -} - -// Add reset button next to search bar -const searchContainer = document.querySelector('.search-container'); -const resetButton = document.createElement('button'); -resetButton.innerHTML = ''; -resetButton.onclick = resetSearch; -resetButton.style.marginLeft = '5px'; -searchContainer.appendChild(resetButton); - + + + + + + + +
+ +
+
+
+
+ +
+ +
+ + + + + +
+ + + +
+
+ Home + Leading Blog + Start Writing + Categories + About + Contact Us + Give Feedback +
+ + +
+ + + + + + + +
+ + + + + +
+
+ × +

Login

+
+ + +
+
+ + + +
+
+ Forgot Password? +
+ + + +
+
+ + +
+
+ × +

Signup

+
+ + +
+
+ + +
+
+ + + +
+
+ +
+ + + +
+ + + +
+
+ + + + + + + + + + + + + + + + + + + + +
+ + Light Mode +      +
+ +
+
+ + +
+ +
+
+
+ +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+
+ +
+
+ + + +
+ +
+
+ + + + + + + + + +
+ Slide 1 +
+
+ Slide 2 +
+
+ Slide 3 +
+
+ Slide 4 +
+
+ Slide 5 +
+
+ Slide 6 +
+ + +
+
+
+
+
+
+
+
+
+ + +
+ + + + + + +
+
+ +
+ + +
+
+

Frequently Asked Questions

+
+
+
+

How do I switch between dark and light themes?

+ + + +
+
+ +

You can easily switch between dark and light themes by clicking the theme toggle button located in the website header. This allows you to customize your viewing experience according to your preference.

+
+
+ +
+
+

How do I use the 'Start Writing' page?

+ + + +
+
+ +

The 'Start Writing' page provides a simple interface for quickly creating and publishing blog posts. Just click "Start Writing" from the navigation bar, fill in your title, content, and tags, and publish your blog with a single click.

+
+
+ +
+
+

How does the sliding bar with latest blogs work?

+ + + +
+
+ +

The sliding bar on the home page features the latest blogs published on the platform. It updates automatically and allows users to easily scroll through and click on any blog that catches their attention.

+
+
+ +
+
+

How are top picks chosen for the leading blog page?

+ + + +
+
+ +

Top picks are curated by a combination of editor recommendations and user engagement metrics, such as views, likes, and comments, to highlight the best content available on Word Wise.

+
+
+ +
+
+

How can I stay updated with new blog posts?

+ + + +
+
+ +

You can stay updated by following your favorite authors or topics, and by checking the sliding bar for the latest blog posts. You can also subscribe to newsletters or enable notifications for real-time updates.

+
+
+
+
+
+ + +
+
+

Subscribe to Our Newsletter

+

Stay updated with the latest articles and insights from WordWise.

+
+ + +
+
+
+ + + +
+ + + + + + + +
+ +
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +