Merge branch 'main' into new-manjit

challenge.html

@@ -19,15 +19,15 @@
             <a href="challenge.html" class="active">Challenge</a>
         </div>
         <div class="theme-toggle-wrapper">
-            <button id="theme-toggle">
+            <button style="cursor: pointer;" id="theme-toggle">
                 <i class="fas fa-sun"></i>
                 <i class="fas fa-moon"></i>
             </button>
         </div>
 
         <a class="logo" href="index.html"><img src="logonew.svg" height="40" width="40"></a>
-        <a href="learn.html">Learn</a>
-        <a href="challenge.html" class="active">Challenge</a>
+        <!-- <a href="learn.html">Learn</a>
+        <a href="challenge.html" class="active">Challenge</a> -->
 
     </div>
 

index.html

@@ -7,8 +7,8 @@
     <title>Math 4 Python - Learn and Challenge Your Math Skills</title>
     <meta name="description" content="A platform to learn mathematical concepts for Python programming and engage in coding challenges.">
     <meta name="keywords" content="math, python, learning, challenges, programming">
-    <link rel="shortcut icon" href="Untitled design1.ico" type="image/x-icon">
-
+    <link rel="icon" href="newfavicon.svg" type="image/svg+xml">
+   <!-- <link rel="shortcut icon" href="Untitled design1.ico" type="image/x-icon">-->
     <link rel="stylesheet" href="styles.css">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
 </head>
@@ -21,7 +21,7 @@
             <a href="challenge.html">Challenge</a>
         </div>
         <div class="theme-toggle-wrapper">
-            <button id="theme-toggle">
+            <button style="cursor: pointer;" id="theme-toggle">
                 <i class="fas fa-sun"></i>
                 <i class="fas fa-moon"></i>
             </button>

learn.html

@@ -18,12 +18,16 @@
             <a href="challenge.html">Challenge</a>
         </div>
         <div class="theme-toggle-wrapper">
-            <button id="theme-toggle">
+            <button style="cursor: pointer;" id="theme-toggle">
                 <i class="fas fa-sun"></i>
                 <i class="fas fa-moon"></i>
             </button>
         </div>
+
         <a class="logo" href="index.html"><img src="logonew.svg" height="40" width="40" alt="Math 4 Python Logo"></a>
+
+        <!-- <a href="learn.html" class="active">Learn</a>
+        <a href="challenge.html">Challenge</a> -->
     </div>
 
     <div class="content">

script.js

@@ -141,9 +141,11 @@ function updateThemeIcon() {
     const moonIcon = themeToggle.querySelector('.fa-moon');
 
     if (document.body.classList.contains('dark-theme')) {
+        themeToggle.title = 'Switch to light theme';
         sunIcon.style.display = 'inline-block';
         moonIcon.style.display = 'none';
     } else {
+        themeToggle.title = 'Switch to dark theme';
         sunIcon.style.display = 'none';
         moonIcon.style.display = 'inline-block';
     }