visuphy.github.io/about-visuphy.html at main · visuphy/visuphy.github.io · 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
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>VisuPhy - About the Project</title>
    <link rel="icon" type="image/png" href="favicon.png">
    <!-- Google Fonts -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap">
    <!-- Font Awesome CDN -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css" />

    <!-- Shared Styles -->
    <link rel="stylesheet" href="header.css">
    <link rel="stylesheet" href="footer.css">
    <!-- Page-Specific Styles -->
    <link rel="stylesheet" href="about-visuphy.css">

</head>

<body>

    <!-- Dynamic Header Include -->
    <div id="header-placeholder"></div>

    <main class="about-project-container">
        <h1>About VisuPhy</h1>

        <section class="about-section overview">
            <h2><i class="fas fa-rocket icon-left"></i>Our Genesis</h2>
            <p>
                VisuPhy is an ambitious <a href="https://github.com/visuphy/" target="_blank">open-source initiative</a>
                born from the <a href="https://www.youtube.com/channel/UCyI-ZwieDaHM0x-Z5c3C07g" target="_blank">VisuPhy
                    (formerly Physicify)</a> YouTube channel. We noticed a gap between static textbook diagrams and the
                dynamic beauty of physics in action. Our goal is to bridge that gap by creating engaging, interactive
                physics simulations that run directly in your web browser – no installations required!
            </p>
        </section>

        <section class="about-section mission">
            <h2><i class="fas fa-bullseye icon-left"></i>Our Mission: Physics for Everyone</h2>
            <p>
                We believe that understanding physics should be accessible, intuitive, and fun. Our core mission is to:
            </p>
            <ul>
                <li><i class="fas fa-check list-icon"></i> Develop high-quality, interactive physics simulations
                    covering a wide range of topics.</li>
                <li><i class="fas fa-check list-icon"></i> Make these simulations freely available to students,
                    educators, and enthusiasts worldwide.</li>
                <li><i class="fas fa-check list-icon"></i> Ensure accessibility across different devices and platforms
                    through web-native technologies (HTML, CSS, JavaScript).</li>
                <li><i class="fas fa-check list-icon"></i> Foster a deeper, more intuitive understanding of physical
                    concepts through hands-on digital experimentation.</li>
            </ul>
        </section>

        <section class="about-section philosophy">
            <h2><i class="fas fa-lightbulb icon-left"></i>The Open Source Spirit</h2>
            <p>
                Transparency and collaboration are at the heart of VisuPhy. By being open source, we invite the global
                community to inspect our code, learn from it, suggest improvements, and even contribute directly. We
                believe this collaborative approach leads to better, more robust, and more diverse learning tools. Every
                simulation has its source code readily available on <a href="https://github.com/visuphy/"
                    target="_blank">GitHub</a>.
            </p>
        </section>

        <section class="about-section technology">
            <h2><i class="fas fa-cogs icon-left"></i>Built for the Web</h2>
            <p>
                We leverage the power of modern web technologies – primarily HTML, CSS, and JavaScript – to build our
                simulations. This choice ensures maximum compatibility and accessibility. Whether you're on a desktop,
                laptop, tablet, or even a smartphone, you should be able to explore the wonders of physics with just a
                web browser.
            </p>
        </section>

        <section class="about-section team-link">
            <h2><i class="fas fa-users icon-left"></i>Meet the Team & Get Involved</h2>
            <p>
                VisuPhy is driven by passionate individuals dedicated to physics education. Learn more about the people
                bringing these simulations to life!
            </p>
            <a href="/about-team.html" class="btn btn-primary">Meet Our Team</a>
            <p style="margin-top: 15px;">
                Interested in contributing? Check out our <a href="https://github.com/visuphy/" target="_blank">GitHub
                    organization</a> or get in touch!
            </p>
        </section>

    </main>

    <!-- Dynamic Footer Include -->
    <div id="footer-placeholder"></div>

    <!-- Script to include Header/Footer -->
    <script src="/layout.js" defer></script>

</body>

</html>