Merge pull request #65 from pranavsuriya-sr/main

codingkatty · Oct 14, 2024 · a07e5e1 · a07e5e1
2 parents eacf9b5 + f56a098
commit a07e5e1
Show file tree

Hide file tree

Showing 6 changed files with 127 additions and 4 deletions.
diff --git a/about.html b/about.html
@@ -8,6 +8,7 @@
     <title>About Math 4 Python</title>
     <link rel="shortcut icon" href="Untitled design1.ico" type="image/x-icon">
     <link rel="stylesheet" href="styles.css">
+    <link href = "https://fonts.googleapis.com/icon?family=Material+Icons" rel = "stylesheet">
 
     <link href="https://fonts.googleapis.com/css2?family=Lobster&family=Roboto:wght@400;700&display=swap" rel="stylesheet">
 
@@ -202,8 +203,29 @@ <h3>Follow Us</h3>
             <p>&copy; 2024 Math 4 Python. All Rights Reserved.</p>
         </div>
     </footer>
-
+    <button onclick="topFunction()" id="nav-top"><i class = "material-icons">arrow_upward</i>  </button>
+
     <script src="script.js"></script>
+
+    <script>
+        let mybutton = document.getElementById("nav-top");
+        window.onscroll = function() {scrollFunction()};
+
+        function scrollFunction() {
+        if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
+            mybutton.style.display = "block";
+        } else {
+            mybutton.style.display = "none";
+                }
+        }
+        function topFunction() {
+            window.scrollTo({
+                top: 0,
+                behavior: "smooth"
+            });
+        }
+    </script>
+
 </body>
 
 </html>
diff --git a/challenge.html b/challenge.html
@@ -9,6 +9,7 @@
     <link rel="stylesheet" href="hamburger_menu.css">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
     <link href="https://fonts.googleapis.com/css2?family=Lobster&family=Roboto:wght@400;700&display=swap" rel="stylesheet">
+    <link href = "https://fonts.googleapis.com/icon?family=Material+Icons" rel = "stylesheet">
 
     <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&family=Roboto+Mono&display=swap" rel="stylesheet">
 </head>
@@ -114,7 +115,27 @@ <h3>Follow Us</h3>
             <p>&copy; 2024 Math 4 Python. All Rights Reserved.</p>
         </div>
     </footer>
-
+    <button onclick="topFunction()" id="nav-top"><i class = "material-icons">arrow_upward</i>  </button>
+
     <script src="script.js"></script>
+    <script>
+        let mybutton = document.getElementById("nav-top");
+        window.onscroll = function() {scrollFunction()};
+
+        function scrollFunction() {
+        if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
+            mybutton.style.display = "block";
+        } else {
+            mybutton.style.display = "none";
+                }
+        }
+        function topFunction() {
+            window.scrollTo({
+                top: 0,
+                behavior: "smooth"
+            });
+        }
+    </script>
+
 </body>
 </html>
diff --git a/faq.html b/faq.html
@@ -10,6 +10,7 @@
     <link rel="stylesheet" href="hamburger_menu.css">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
     <link href="https://fonts.googleapis.com/css2?family=Lobster&family=Roboto:wght@400;700&display=swap" rel="stylesheet">
+    <link href = "https://fonts.googleapis.com/icon?family=Material+Icons" rel = "stylesheet">
 
     <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&family=Roboto+Mono&display=swap" rel="stylesheet">
   </head>
@@ -188,7 +189,26 @@ <h3>Follow Us</h3>
             <p>&copy; 2024 Math 4 Python. All Rights Reserved.</p>
         </div>
     </footer>
-
+    <button onclick="topFunction()" id="nav-top"><i class = "material-icons">arrow_upward</i>  </button>
+
     <script src="script.js"></script>
+    <script>
+        let mybutton = document.getElementById("nav-top");
+        window.onscroll = function() {scrollFunction()};
+
+        function scrollFunction() {
+        if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
+            mybutton.style.display = "block";
+        } else {
+            mybutton.style.display = "none";
+                }
+        }
+        function topFunction() {
+            window.scrollTo({
+                top: 0,
+                behavior: "smooth"
+            });
+        }
+    </script>
   </body>
 </html>
diff --git a/index.html b/index.html
@@ -11,6 +11,7 @@
    <!-- <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">
+    <link href = "https://fonts.googleapis.com/icon?family=Material+Icons" rel = "stylesheet">
 </head>
 <body id="home">
     <div class="navbar">
@@ -93,7 +94,26 @@ <h3>Follow Us</h3>
             <p>&copy; 2024 Math 4 Python. All Rights Reserved.</p>
         </div>
     </footer>
-
+    <button onclick="topFunction()" id="nav-top"><i class = "material-icons">arrow_upward</i>  </button>
     <script src="script.js"></script>
+
+    <script>
+        let mybutton = document.getElementById("nav-top");
+        window.onscroll = function() {scrollFunction()};
+
+        function scrollFunction() {
+        if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
+            mybutton.style.display = "block";
+        } else {
+            mybutton.style.display = "none";
+                }
+        }
+        function topFunction() {
+            window.scrollTo({
+                top: 0,
+                behavior: "smooth"
+            });
+        }
+    </script>
 </body>
 </html>
diff --git a/learn.html b/learn.html
@@ -13,6 +13,8 @@
             <link href="https://fonts.googleapis.com/css2?family=Lobster&family=Roboto:wght@400;700&display=swap" rel="stylesheet">
 
     <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&family=Roboto+Mono&display=swap" rel="stylesheet">
+    <link href = "https://fonts.googleapis.com/icon?family=Material+Icons" rel = "stylesheet">
+
 </head>
 <body id="learn" onload="showEditor('Untitled')">
 
@@ -158,7 +160,26 @@ <h3>Follow Us</h3>
             <p>&copy; 2024 Math 4 Python. All Rights Reserved.</p>
         </div>
     </footer>
+    <button onclick="topFunction()" id="nav-top"><i class = "material-icons">arrow_upward</i>  </button>
 
     <script src="script.js"></script>
+    <script>
+        let mybutton = document.getElementById("nav-top");
+        window.onscroll = function() {scrollFunction()};
+
+        function scrollFunction() {
+        if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
+            mybutton.style.display = "block";
+        } else {
+            mybutton.style.display = "none";
+                }
+        }
+        function topFunction() {
+            window.scrollTo({
+                top: 0,
+                behavior: "smooth"
+            });
+        }
+    </script>
 </body>
 </html>
diff --git a/styles.css b/styles.css
@@ -488,3 +488,22 @@ body.dark-theme .cta-button:hover {
     background-color: #0056b3;
 }
 
+#nav-top {
+    display: none; 
+    position: fixed; 
+    bottom: 20px; 
+    right: 30px; 
+    z-index: 99; 
+    border: none; 
+    outline: none; 
+    background-color: #0056b3; 
+    color: white; 
+    cursor: pointer;
+    padding: 10px;
+    border-radius: 70px; 
+    font-size: 18px; 
+  }
+
+  #nav-top:hover {
+    background-color: #555; 
+  }