VisualizingMath/index.html at main · akshitasantra/VisualizingMath · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
<!DOCTYPE html>
<html>
<head>
    <meta name ="viewport" content="width=device-width, initial-scale=1.0">
    <title>Visualizing Math</title>
    <link rel="stylesheet" href="style.css">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;600;700&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.1/css/all.min.css" integrity="sha512-5Hs3dF2AEPkpNAR7UiOHba+lRSJNeM2ECkwxUIxC1Q/FLycGTbNapWXB4tP889k5T5Ju8fs4b1P5z/iB4nMfSQ==" crossorigin="anonymous" referrerpolicy="no-referrer" />
</head>
<body>
      <section class="header">
        <nav>
            <a href="index.html"><img src="images/logo.png"></a>
            <div class="nav-links" id="navLinks">
                <i class="fas fa-xmark" onclick="hideMenu()"></i>
                <ul>
                    <li><a href="index.html">HOME</a></li>
                    <li><a href="about.html">ABOUT</a></li>
                    <li><a href="SignUp.html">SIGN UP</a></li>
                    <li id="login-nav"><a href="Login.html">LOG IN</a></li>
                    <li id="logout-nav" style="display: none;"><a href="#" onclick="logout()">LOG OUT</a></li>
                    <li><a href="Algebra.html">ALGEBRA</a></li>
                    <li><a href="Geometry.html">GEOMETRY</a></li>
                </ul>
            </div>
            <i class="fas fa-bars" onclick="showMenu()"></i>
        </nav>
<div class="text-box">
    <h1>Visualizing Math</h1>
    <p>Welcome to Visualizing Math – your go-to platform for understanding math through visual and interactive learning.
    </p>
    <a href="SignUp.html" class="hero-btn">SIGN UP</a>
</div>
</section>

<!-------- Welcome! -------->
<section class="welcome">
    <h1>Welcome to Visualizing Math</h1>
    <p>Unlock the power of mathematics with engaging, easy-to-understand resources designed for visual learners. Our mission is to make math approachable, enjoyable, and accessible for everyone. Whether you're exploring Algebra or diving into Geometry, you'll find clear explanations, step-by-step guides, and interactive questions tailored to help you succeed.</p>

    <div class="course-container">
        <a href="Algebra.html" class="course-link">
            <div class="course-col">
                <h2>Algebra</h2>
                <p>Master foundational concepts and build confidence in algebraic problem-solving. Our questions and resources cover key topics in Algebra, complete with clear explanations and visual aids tailored for every type of learner.</p>
            </div>
        </a>

        <a href="Geometry.html" class="course-link">
            <div class="course-col">
                <h2>Geometry</h2>
                <p>Explore the beauty of shapes, angles, and logical reasoning in this section. Our visual resources make understanding Geometry concepts more intuitive and engaging, whether you're working on proofs or applying formulas.</p>
            </div>
        </a>
    </div>
    <br>
    <br>
    <br>
    <br>
    </section>


<!--------JavaScript for Toggle Menu-------->
<script>
    var navLinks = document.getElementById("navLinks");
    function showMenu(){
        navLinks.style.right = "0";
    }
    function hideMenu(){
        navLinks.style.right = "-200px";
    }
</script>
<script>
    // Check login status on page load
    document.addEventListener("DOMContentLoaded", () => {
        const token = localStorage.getItem('token') || sessionStorage.getItem('token');
        if (token) {
            document.getElementById("login-nav").style.display = "none";
            document.getElementById("logout-nav").style.display = "inline-block";
        }
    });

    // Logout function
    function logout() {
        localStorage.removeItem('token');
        sessionStorage.removeItem('token');
        alert("You have been logged out.");
        window.location.href = 'Login.html'; // Redirect to Login page
    }
</script>
    <script type="module">
    // Import the functions you need from the SDKs you need
    import { initializeApp } from "firebase/app";
    import { getAnalytics } from "firebase/analytics";
    // TODO: Add SDKs for Firebase products that you want to use
    // https://firebase.google.com/docs/web/setup#available-libraries

    // Your web app's Firebase configuration
    // For Firebase JS SDK v7.20.0 and later, measurementId is optional
    const firebaseConfig = {
      apiKey: "AIzaSyAMPqEC7vmFh0Sm22KMmAVxaS_F7CI_YRM",
      authDomain: "visualizing-math.firebaseapp.com",
      projectId: "visualizing-math",
      storageBucket: "visualizing-math.firebasestorage.app",
      messagingSenderId: "128503124502",
      appId: "1:128503124502:web:a5a5c786244e25c0af9b37",
      measurementId: "G-7LGGDVLGLP"
    };

    // Initialize Firebase
    const app = initializeApp(firebaseConfig);
    const analytics = getAnalytics(app);
</script>
</body>
</html>