LaserPulseSimulator/index.html at main · visuphy/LaserPulseSimulator · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Laser Pulse 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 (You might want a separate intro_style_visualphase.css or adapt the existing one) -->
    <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 Laser Pulse Simulator</h1>

        <!-- Simulator Preview with Play Button -->
        <div class="simulator-preview">
            <!-- IMPORTANT: Replace with an actual screenshot of your visualphase.html simulator -->
            <img src="Screenshot.webp" alt="Screenshot of the Laser Pulse Simulator">
            <a href="visualphase.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/LaserPulseSimulator" target="_blank">
                        <i class="fab fa-github"></i> GitHub Repository
                    </a>
                </span>
            </p>
        </section>

        <!-- Description Section -->
        <section class="description">
            <h2>About This Simulator</h2>
            <p>
                This interactive tool qualitatively (arbitrary units) demonstrates how a laser pulse is formed from the superposition of continuous waves with different frequencies, amplitudes, and phases.
            </p>
            <p>
                Explore the relationship between the spectral amplitude S(ω), spectral phase Φ(ω), and the resulting temporal electric field E(t) and intensity I(t) of the pulse. You can choose a Gaussian spectrum or define a custom one.
            </p>
            <p>
                Adjust parameters like central frequency (ω₀), spectral bandwidth (for Gaussian spectrum), and Taylor series coefficients for the spectral phase (Φ(ω) = c₀ + c₁(ω-ω₀) + c₂(ω-ω₀)² + c₃(ω-ω₀)³) to observe their impact on the pulse shape, position, and characteristics like chirp.
            </p>
            <p>
                Visualize individual cosine waves, their sum (the electric field), and the pulse intensity. This simulator is ideal for understanding concepts like group delay, group delay dispersion (GDD), and higher-order dispersion effects on ultrashort laser pulses.
            </p>
            <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/LaserPulseSimulator/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 -->
    <script src="https://giscus.app/client.js"
        data-repo="visuphy/LaserPulseSimulator"
        data-repo-id="R_kgDOOsK5yA"
        data-category="Comments"
        data-category-id="DIC_kwDOOsK5yM4CqTW_"
        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>

    </main>

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

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