Last active
February 17, 2026 06:05
-
-
Save wd15/e7068bd2aea3a5b8956d54a128596cec to your computer and use it in GitHub Desktop.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <style> | |
| .nix-container { width: 900px; height: 500px; background: #ffffff; font-family: 'Helvetica', 'Arial', sans-serif; display: flex; flex-direction: column; padding: 40px; box-sizing: border-box; border: 1px solid #ddd; } | |
| .header { border-bottom: 2px solid #273c75; padding-bottom: 10px; margin-bottom: 30px; } | |
| .header h1 { margin: 0; font-size: 24px; color: #273c75; text-transform: uppercase; letter-spacing: 1px; } | |
| .main-row { display: flex; align-items: center; justify-content: space-between; flex-grow: 1; } | |
| /* Input Column */ | |
| .box { border: 1px solid #2c3e50; padding: 15px; border-radius: 4px; background: #f8f9fa; width: 220px; font-size: 13px; } | |
| .box h3 { margin: 0 0 10px 0; font-size: 14px; border-bottom: 1px solid #2c3e50; } | |
| .hash-tag { font-family: monospace; font-size: 10px; color: #e67e22; margin-top: 5px; display: block; } | |
| /* Functional Operator */ | |
| .operator { font-size: 40px; color: #3498db; padding: 0 20px; text-align: center; } | |
| .nix-logo { width: 140px; height: 140px; border: 3px solid #3498db; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: #ebf5fb; font-weight: bold; color: #3498db; position: relative; } | |
| .nix-logo::after { content: "λ"; font-size: 60px; } | |
| /* Output Column */ | |
| .env-output { border: 2px solid #27ae60; background: #f1f9f4; padding: 20px; border-radius: 8px; width: 250px; text-align: center; } | |
| .env-output span { font-weight: bold; color: #27ae60; display: block; margin-bottom: 10px; } | |
| .footer { margin-top: 20px; font-size: 12px; color: #7f8c8d; display: flex; justify-content: space-between; } | |
| </style> | |
| </head> | |
| <body> | |
| <div class="nix-container"> | |
| <div class="header"> | |
| <h1>Nix: Functional Environment Management</h1> | |
| </div> | |
| <div class="main-row"> | |
| <div style="display: flex; flex-direction: column; gap: 15px;"> | |
| <div class="box"> | |
| <h3>System Dependencies</h3> | |
| • CUDA 12.6<br>• OpenFOAM v2406<br>• C++ Toolchain | |
| <span class="hash-tag">sha256:7a92b1...</span> | |
| </div> | |
| <div class="box"> | |
| <h3>Python Stack (uv/poetry)</h3> | |
| • Python 3.12<br>• PyTorch + TorchDA<br>• PyVista | |
| <span class="hash-tag">sha256:9f11d4...</span> | |
| </div> | |
| </div> | |
| <div class="operator">→</div> | |
| <div style="text-align: center;"> | |
| <div class="nix-logo"></div> | |
| <p style="font-size: 12px; color: #3498db; margin-top: 10px;">Functional Nix Builder</p> | |
| </div> | |
| <div class="operator">→</div> | |
| <div class="env-output"> | |
| <span>/nix/store/</span> | |
| <code style="font-size: 11px;">8v4k9...-dt-env</code> | |
| <p style="font-size: 13px; color: #2c3e50; margin-top: 15px;"> | |
| <strong>Isolated & Reproducible</strong><br> | |
| Identical environment on HPC, Dev, and Cloud. | |
| </p> | |
| </div> | |
| </div> | |
| <div class="footer"> | |
| <span>Declarative Architecture: <code>flake.nix</code></span> | |
| <span>Standardizing AdditiveFOAM | Adamantine | ExaCA Workflows</span> | |
| </div> | |
| </div> | |
| </body> | |
| </html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment