From cdbac34ecb312083492cc10fd69ad1750d4670f0 Mon Sep 17 00:00:00 2001 From: Megha Chakraborty Date: Fri, 8 Nov 2024 00:29:21 +0530 Subject: [PATCH 1/2] Light/Dark Mode Toggle This contribution implements a Light/Dark Theme Toggle for improved user experience and accessibility. The toggle button features a smooth design with sun and moon icons to clearly indicate the active mode, allowing users to seamlessly switch between light and dark modes. The transition between the two themes is smooth, ensuring a pleasant visual experience across all devices. Key Features: Light/Dark Mode Toggle: A stylish toggle button with sun and moon icons to switch between themes. Users can easily identify the theme mode through clear visual cues. Smooth Transitions: The page seamlessly transitions between light and dark themes for a comfortable browsing experience. Responsive Design: The toggle button and theme modes work smoothly on both desktop and mobile devices. This feature aims to enhance accessibility and provide users with an option to choose their preferred theme for a personalized browsing experience. --- index.html | 121 +++++++++++++++++++++++++++++++++++++++++++---------- 1 file changed, 99 insertions(+), 22 deletions(-) diff --git a/index.html b/index.html index 10f1139..21339a9 100644 --- a/index.html +++ b/index.html @@ -2,20 +2,19 @@ - - - + + + - - +
-
+ + + + +
+ + +
- - + chatbotId: "rfrWIJLugIrq6XpUHDKwC", + domain: "www.chatbase.co" + }; + + - + - \ No newline at end of file From 851669686038b4849d3ae98ecd9866ad1c8df852 Mon Sep 17 00:00:00 2001 From: Megha Chakraborty Date: Sun, 10 Nov 2024 14:51:00 +0530 Subject: [PATCH 2/2] Changes made in the html file --- index.html | 149 ++++++++++++++++++++++++++++++++++++++++++++++++++--- 1 file changed, 141 insertions(+), 8 deletions(-) diff --git a/index.html b/index.html index 21339a9..d7708fd 100644 --- a/index.html +++ b/index.html @@ -3,7 +3,7 @@ - + @@ -88,15 +173,41 @@ - + + +
+ + +
+ + + + + +
+ You have new notifications! +
+ + +
+

About Us

+

We are a tech-driven team focused on building innovative solutions.

+
+ +
+

Contact Us

+

Email: support@techcompany.com

+

Phone: +1 123 456 7890

+
+
- +
@@ -138,8 +249,30 @@ window.addEventListener('load', function() { setTimeout(function() { document.getElementById('loader-wrapper').style.display = 'none'; - }, 1000); + }, 500); // Hide loader after 500ms + }); + + // Notifications Button (Just for Demo) + const notificationsButton = document.getElementById('notificationsButton'); + const marqueeContainer = document.getElementById('marqueeContainer'); + notificationsButton.addEventListener('click', () => { + if (marqueeContainer.style.display === "none" || marqueeContainer.style.display === "") { + marqueeContainer.style.display = "block"; + } else { + marqueeContainer.style.display = "none"; + } + }); + + // About Us and Contact Us Button Handlers + document.getElementById("aboutUsButton").addEventListener("click", function() { + const aboutUsSection = document.getElementById("aboutUsSection"); + aboutUsSection.style.display = (aboutUsSection.style.display === "none" || aboutUsSection.style.display === "") ? "block" : "none"; + }); + + document.getElementById("contactUsButton").addEventListener("click", function() { + const contactUsSection = document.getElementById("contactUsSection"); + contactUsSection.style.display = (contactUsSection.style.display === "none" || contactUsSection.style.display === "") ? "block" : "none"; }); - \ No newline at end of file +