Polarization/index.html at main · visuphy/Polarization · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Light Polarization 3D Simulator - Introduction</title>
    <link rel="icon" type="image/png" href="https://raw.githubusercontent.com/visuphy/visuphy.github.io/refs/heads/main/favicon.png">

    <!-- Font Awesome CDN -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css" />

    <!-- Intro Page Styles -->
    <link rel="stylesheet" href="intro_style.css">

    <!-- Shared Header & Footer Styles -->
    <link rel="stylesheet" href="/header.css">
    <link rel="stylesheet" href="/footer.css">
</head>
<body>

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

    <!-- Main Introduction Content -->
    <main class="intro-container">

        <h1>Welcome to the Light Polarization 3D Simulator</h1>

        <!-- Simulator Preview with Play Button -->
        <div class="simulator-preview">
            <img src="Screenshot.webp" alt="Screenshot of the Plarization 3D Simulator">
            <a href="polarization.html" class="play-link" title="Launch Simulator">
                <div class="play-button">
                    <i class="fas fa-play"></i>
                </div>
            </a>
        </div>

        <!-- Information Section (Modified) -->
        <section class="info-section">
            <p>
                <span class="author-info">
                    Original Author: <a href="https://github.com/Hussein-Tofaili" target="_blank">Hussein-Tofaili</a>
                </span>
                <span class="info-separator">|</span>
                <span class="source-info">
                    Source Code: <a href="https://github.com/visuphy/Polarization" target="_blank">
                        <i class="fab fa-github"></i> GitHub Repository
                    </a>
                </span>
            </p>
            <!-- Removed the "About & Discussion" paragraph -->
        </section>

        <!-- Description Section -->
        <section class="description">
            <h2>About This Simulator</h2>
            <p>
                This interactive tool uses Jones Calculus to simulate light polarization. Build an optical path with elements like polarizers, waveplates, and mirrors.</p>
                <p>
                The Jones matrices for many of these are based on standard definitions (sourced primarily from <a href="https://en.wikipedia.org/wiki/Jones_calculus" target="_blank">Wikipedia</a>). The simulation employs the phase convention <code>φ = kz - ωt</code>. </p>
                <p>
                Adjust parameters and visualize the results in real-time through a data table, an intensity plot, and an interactive 3D view where you can drag and rotate elements. Ideal for learning about polarization phenomena.
            </p>
                We appreciate your feedback! If you encounter any issues or have suggestions for improvement, please report them on our <a href="https://github.com/visuphy/Polarization/issues" target="_blank" rel="noopener noreferrer">GitHub Issues page</a>.
            </p>
             <p>
                Click the play button above to launch the simulator!
             </p>
        </section>

        <!-- Comments Section -->
        <section class="comments-section">
            <h2>Comments & Feedback</h2>
            <script src="https://giscus.app/client.js"
        data-repo="visuphy/Polarization"
        data-repo-id="R_kgDOOcwQPg"
        data-category="Comments"
        data-category-id="DIC_kwDOOcwQPs4CpSXS"
        data-mapping="pathname"
        data-strict="0"
        data-reactions-enabled="1"
        data-emit-metadata="0"
        data-input-position="bottom"
        data-theme="light"
        data-lang="en"
        crossorigin="anonymous"
        async>
</script>
            <noscript>Please enable JavaScript to view the comments powered by Giscus.</noscript>
        </section>

    </main>

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

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