feat: add fullscreen TUI and project updates
- New TUI screens: Main Menu, Compile, Run, REPL, AI Generator, AI Settings, Help - AI configuration persisted in ~/.config/cljnim/config.json - Added illwill dependency for terminal UI - Updated experiments, examples, docs, and core modules
This commit is contained in:
@@ -0,0 +1,50 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Clojure/Nim → JS Demo</title>
|
||||
<style>
|
||||
body { font-family: monospace; max-width: 800px; margin: 40px auto; padding: 20px; background: #1a1a2e; color: #eee; }
|
||||
h1 { color: #e94560; }
|
||||
.result { background: #16213e; padding: 15px; margin: 10px 0; border-radius: 5px; }
|
||||
.label { color: #0f3460; font-weight: bold; }
|
||||
button { background: #e94560; color: white; border: none; padding: 10px 20px; cursor: pointer; border-radius: 3px; }
|
||||
button:hover { background: #ff6b6b; }
|
||||
input { padding: 8px; font-size: 16px; border-radius: 3px; border: 1px solid #0f3460; background: #16213e; color: white; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<h1>🔥 Clojure/Nim → JavaScript</h1>
|
||||
<p>Clojure code compiled to Nim, then to JavaScript. Running in your browser.</p>
|
||||
|
||||
<div class="result">
|
||||
<div class="label">square(7)</div>
|
||||
<div id="square-result">Click button to calculate</div>
|
||||
<br>
|
||||
<button onclick="document.getElementById('square-result').textContent = jsSquare(7)">Calculate</button>
|
||||
</div>
|
||||
|
||||
<div class="result">
|
||||
<div class="label">factorial(5)</div>
|
||||
<div id="fact-result">Click button to calculate</div>
|
||||
<br>
|
||||
<button onclick="document.getElementById('fact-result').textContent = jsFactorial(5)">Calculate</button>
|
||||
</div>
|
||||
|
||||
<div class="result">
|
||||
<div class="label">greet("World")</div>
|
||||
<div id="greet-result">Click button to greet</div>
|
||||
<br>
|
||||
<button onclick="document.getElementById('greet-result').textContent = jsGreet('World')">Greet</button>
|
||||
</div>
|
||||
|
||||
<div class="result">
|
||||
<div class="label">Interactive: factorial of</div>
|
||||
<input type="number" id="n-input" value="10" min="0" max="20">
|
||||
<button onclick="document.getElementById('interactive-result').textContent = jsFactorial(parseInt(document.getElementById('n-input').value))">Compute</button>
|
||||
<div id="interactive-result" style="margin-top:10px;"></div>
|
||||
</div>
|
||||
|
||||
<script src="../build/math.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user