python.html

<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Python Lab — Python Pro Hub</title><link rel="stylesheet" href="style.css"><script src="https://cdn.jsdelivr.net/pyodide/v0.27.7/full/pyodide.js"></script></head><body>
<nav class="nav"><div class="container nav-inner"><a class="brand" href="index.html">PYTHON <span>PRO HUB</span></a><div class="nav-links"><a href="index.html">Home</a><a href="python.html">Python</a><a href="tools.html">Dev Tools</a><a href="games.html">Games</a><a href="portfolio.html">Portfolio</a><a href="about.html">About</a></div><button class="btn btn-secondary mobile-menu" data-menu>Menu</button></div></nav>
<header class="page-head"><div class="container"><span class="kicker">PYTHON LAB</span><h1>Learn Python by <span class="accent">running it.</span></h1><p>Pick a lesson, edit the code and run it in your browser. The first run downloads the Python engine, so internet access is required.</p><div class="notice" id="pyStatus">Python engine loads when you press Run.</div></div></header>
<main class="section"><div class="container"><div class="editor-grid"><div class="editor-wrap"><div class="editor-head"><b>main.py</b><button class="btn btn-primary" id="runCode">▶ Run</button></div><textarea class="code-editor" id="codeEditor">print("Welcome to Python Pro Hub!")
for i in range(1, 4):
    print("Python level", i)</textarea></div><div class="editor-wrap"><div class="editor-head"><b>Output</b><button class="btn btn-secondary" id="clearOutput">Clear</button></div><pre class="output" id="output">Your output will appear here.</pre></div></div><h2 style="margin-top:44px">Quick lessons</h2><p class="section-lead">Click any lesson to load working example code into the editor.</p><div class="lesson-list" id="lessonList"></div></div></main>
<footer class="footer"><div class="container footer-inner"><span>© <span data-year></span> Python Pro Hub</span><span>Python powered by Pyodide.</span></div></footer><script src="app.js"></script><script src="data.js"></script><script src="python-runner.js"></script></body></html>