VECTOR/index.html at main · anuj-git-coding/VECTOR · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Your CFD Exploration Site</title>
    <style>
        body { font-family: Arial, sans-serif; margin: 0; padding: 20px; background: #f4f4f4; line-height: 1.6; }
        header { background: #333; color: white; padding: 20px; text-align: center; }
        nav { margin-top: 10px; }
        nav a { color: white; margin: 0 15px; text-decoration: none; }
        main { max-width: 900px; margin: 20px auto; background: white; padding: 20px; border-radius: 8px; }
        section { margin-bottom: 40px; }
        h2 { color: #333; border-bottom: 2px solid #ddd; padding-bottom: 5px; }
        ul { padding-left: 20px; }
        .tool-card { background: #f9f9f9; padding: 15px; margin: 10px 0; border-left: 4px solid #007acc; }
        footer { text-align: center; padding: 10px; color: #666; }
    </style>
</head>
<body>
    <header>
        <h1>CFD Explorer: Notes on OpenFOAM & Beyond</h1>
        <nav>
            <a href="#home">Home</a>
            <a href="#cfd-tools">CFD Tools</a>
            <a href="#exploration">My Log</a>
            <a href="#contact">Contact</a>
        </nav>
    </header>
    <main>
        <section id="home">
            <h2>Welcome!</h2>
            <p>I'm diving into Computational Fluid Dynamics (CFD) simulations, starting with OpenFOAM. This site tracks my progress—tools, tips, and experiments. Follow along or reach out!</p>
        </section>

        <section id="cfd-tools">
            <h2>CFD Tools Overview</h2>
            <p>Here's a quick comparison table of tools I'm eyeing. I'll update with hands-on reviews as I test them.</p>
            <table style="width: 100%; border-collapse: collapse; margin-top: 10px;">
                <tr style="background: #333; color: white;">
                    <th style="padding: 10px; text-align: left;">Tool</th>
                    <th style="padding: 10px; text-align: left;">Type</th>
                    <th style="padding: 10px; text-align: left;">Why I'm Exploring It</th>
                </tr>
                <tr>
                    <td style="padding: 10px; border: 1px solid #ddd;"><strong>OpenFOAM</strong></td>
                    <td style="padding: 10px; border: 1px solid #ddd;">Open-Source</td>
                    <td style="padding: 10px; border: 1px solid #ddd;">Free, extensible for custom solvers—perfect for learning turbulent flows.</td>
                </tr>
                <tr>
                    <td style="padding: 10px; border: 1px solid #ddd;"><strong>SU2</strong></td>
                    <td style="padding: 10px; border: 1px solid #ddd;">Open-Source</td>
                    <td style="padding: 10px; border: 1px solid #ddd;">Aero-focused optimization; I'll try it for wing simulations.</td>
                </tr>
                <tr>
                    <td style="padding: 10px; border: 1px solid #ddd;"><strong>Ansys Fluent</strong></td>
                    <td style="padding: 10px; border: 1px solid #ddd;">Commercial</td>
                    <td style="padding: 10px; border: 1px solid #ddd;">Pro-level GUI; free student version for initial benchmarks.</td>
                </tr>
                <!-- Add rows here as you explore more -->
            </table>
        </section>

        <section id="exploration">
            <h2>My OpenFOAM Exploration Log</h2>
            <p>Adding notes as I go—installs, first runs, gotchas. (Dates in GMT)</p>
            <div class="tool-card">
                <h3>Nov 16, 2025: Getting Started</h3>
                <ul>
                    <li>Installed via Docker (easiest for Ubuntu/Windows): <code>docker pull openfoam/openfoam11</code></li>
                    <li>Ran cavity tutorial: Simple lid-driven cavity flow. Mesh gen with blockMesh—velocity contours look spot on!</li>
                    <li>Tip: Use ParaView for post-processing; it's bundled and visualizes vectors beautifully.</li>
                    <li>Next: Try icoFoam for incompressible flows.</li>
                </ul>
            </div>
            <!-- Add more cards like this for new entries -->
            <div class="tool-card">
                <h3>[Future Date]: SU2 Experiments</h3>
                <p>Placeholder—Euler equations test incoming...</p>
            </div>
        </section>

        <section id="contact">
            <h2>Contact</h2>
            <form action="https://formspree.io/f/YOUR_FORM_ID" method="POST"> <!-- Get free ID at formspree.io -->
                <label>Email: <input type="email" name="email" required></label><br><br>
                <label>Message: <textarea name="message" required></textarea></label><br><br>
                <button type="submit">Send Feedback</button>
            </form>
        </section>
    </main>
    <footer>
        <p>&copy; 2025 Your Name. Powered by GitHub Pages & OpenFOAM vibes.</p>
    </footer>
</body>
</html>