Spaces:
Sleeping
Sleeping
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>LaTeX Editor</title> | |
| <link rel="stylesheet" href="/static/style.css"> | |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.65.16/codemirror.min.js"></script> | |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.65.16/mode/stex/stex.min.js"></script> | |
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.65.16/codemirror.min.css"> | |
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.65.16/theme/dracula.min.css"> | |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/3.11.174/pdf.min.js"></script> | |
| </head> | |
| <body> | |
| <div class="container"> | |
| <header class="header"> | |
| <div class="logo"> | |
| <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> | |
| <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path> | |
| <polyline points="14 2 14 8 20 8"></polyline> | |
| <line x1="16" y1="13" x2="8" y2="13"></line> | |
| <line x1="16" y1="17" x2="8" y2="17"></line> | |
| <polyline points="10 9 9 9 8 9"></polyline> | |
| </svg> | |
| <span>LaTeX Editor</span> | |
| </div> | |
| <div class="status" id="status">Ready</div> | |
| </header> | |
| <main class="main"> | |
| <div class="panel editor-panel"> | |
| <div class="panel-header"> | |
| <span>document.tex</span> | |
| </div> | |
| <div class="panel-content"> | |
| <textarea id="editor"></textarea> | |
| </div> | |
| </div> | |
| <div class="resizer" id="resizer"></div> | |
| <div class="panel preview-panel"> | |
| <div class="panel-header"> | |
| <span>PDF Preview</span> | |
| <div class="zoom-controls"> | |
| <button id="zoom-out" title="Zoom Out">−</button> | |
| <span id="zoom-level">100%</span> | |
| <button id="zoom-in" title="Zoom In">+</button> | |
| </div> | |
| </div> | |
| <div class="panel-content" id="pdf-container"> | |
| <div class="placeholder" id="placeholder"> | |
| <p>Start typing LaTeX to see the preview</p> | |
| </div> | |
| <canvas id="pdf-canvas"></canvas> | |
| </div> | |
| </div> | |
| </main> | |
| </div> | |
| <script> | |
| pdfjsLib.GlobalWorkerOptions.workerSrc = 'https://cdnjs.cloudflare.com/ajax/libs/pdf.js/3.11.174/pdf.worker.min.js'; | |
| </script> | |
| <script src="/static/editor.js"></script> | |
| </body> | |
| </html> | |