Spaces:
Running
Running
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8" /> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0" /> | |
| <title>Lumina LaTeX Pro</title> | |
| <link href="font.css" rel="stylesheet"> | |
| <link rel="stylesheet" href="katex.min.css"> | |
| <script defer src="katex.min.js"></script> | |
| <script src="marked.min.js"></script> | |
| <link rel="stylesheet" href="style.css"> | |
| <script src="script.js" defer></script> | |
| </head> | |
| <body> | |
| <header> | |
| <div class="logo">LUMINA<span>LATEX</span></div> | |
| <div style="display:flex; gap:10px;"> | |
| <input type="file" id="fileIn" style="display:none" onchange="loadFile(event)"> | |
| <button class="btn" style="background:transparent; border:1px solid var(--border)" | |
| onclick="document.getElementById('fileIn').click()">Open</button> | |
| </div> | |
| </header> | |
| <div class="tabs"> | |
| <div class="tab active" onclick="showTab(0)">Editor</div> | |
| <div class="tab" onclick="showTab(1)">Transformed</div> | |
| <div class="tab" onclick="showTab(2)">Preview</div> | |
| </div> | |
| <div class="main-container"> | |
| <div class="panel active" id="p0"> | |
| <div class="panel-header">Markdown Editor</div> | |
| <textarea id="input" placeholder="Enter Markdown... Use $$ for LaTeX"></textarea> | |
| </div> | |
| <div class="panel" id="p1"> | |
| <div class="panel-header"> | |
| Transformed Code | |
| <button class="btn" id="copyBtn" onclick="copyTransformed()">📋 Copy Result</button> | |
| </div> | |
| <pre id="transformed"></pre> | |
| </div> | |
| <div class="panel active" id="p2"> | |
| <div class="panel-header">Live Rendering</div> | |
| <div id="preview" class="preview"></div> | |
| </div> | |
| </div> | |
| </body> | |
| </html> |