Spaces:
Running
Running
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8" /> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0" /> | |
| <title>Taboard</title> | |
| <link rel="preconnect" href="https://fonts.googleapis.com" /> | |
| <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet" /> | |
| <link rel="stylesheet" href="css/styles.css" /> | |
| </head> | |
| <body> | |
| <!-- Top navigation --> | |
| <header class="topnav"> | |
| <div class="topnav-left"> | |
| <button class="app-switcher" title="Menu"> | |
| <span></span><span></span><span></span> | |
| </button> | |
| <div class="brand"> | |
| <span class="brand-logo">T</span> | |
| <span class="brand-name">Taboard</span> | |
| </div> | |
| </div> | |
| <div class="topnav-center"> | |
| <input id="global-search" class="global-search" type="text" placeholder="Search" /> | |
| </div> | |
| <div class="topnav-right"> | |
| <div class="avatar" title="admin">A</div> | |
| </div> | |
| </header> | |
| <div class="layout"> | |
| <!-- Sidebar --> | |
| <aside class="sidebar"> | |
| <nav class="side-menu"> | |
| <a href="#/projects" class="side-item" data-view="projects"> | |
| <span class="side-icon">▦</span> | |
| <span>Projects</span> | |
| </a> | |
| <a href="#/tickets" class="side-item" data-view="tickets"> | |
| <span class="side-icon">✔</span> | |
| <span>Tickets</span> | |
| </a> | |
| </nav> | |
| </aside> | |
| <!-- Main content --> | |
| <main class="content" id="app"> | |
| <!-- Views render here --> | |
| </main> | |
| </div> | |
| <!-- Modal container --> | |
| <div class="modal-overlay" id="modal-overlay" hidden> | |
| <div class="modal" id="modal"></div> | |
| </div> | |
| <!-- Toast --> | |
| <div class="toast" id="toast" hidden></div> | |
| <script src="js/api.js"></script> | |
| <script src="js/projects.js"></script> | |
| <script src="js/tickets.js"></script> | |
| <script src="js/app.js"></script> | |
| </body> | |
| </html> | |