index.html 1.7 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  5. <title>OliveTin</title>
  6. <link rel = "stylesheet" type = "text/css" href = "style.css" />
  7. <link rel = "shortcut icon" type = "image/png" href = "OliveTinLogo.png" />
  8. </head>
  9. <body>
  10. <main title = "main content">
  11. <fieldset id = "switcher">
  12. <button id = "showActions">Actions</button>
  13. <button id = "showLogs">Logs</button>
  14. </fieldset>
  15. <section id = "contentLogs" title = "Logs" hidden>
  16. <table>
  17. <thead>
  18. <tr>
  19. <th>Timestamp</th>
  20. <th>Log</th>
  21. </tr>
  22. </thead>
  23. <tbody id = "logTableBody" />
  24. </table>
  25. </section>
  26. <section id = "contentActions" title = "Actions" hidden >
  27. <fieldset id = "rootGroup">
  28. </fieldset>
  29. </section>
  30. </main>
  31. <footer title = "footer">
  32. <p><img title = "application icon" src = "OliveTinLogo.png" height = "1em" class = "logo" /> OliveTin</p>
  33. <p>
  34. <a href = "https://docs.olivetin.app" target = "_new">Documentation</a> |
  35. <a href = "https://github.com/OliveTin/OliveTin/issues/new/choose" target = "_new">Raise an issue on GitHub</a>
  36. </p>
  37. </footer>
  38. <template id = "tplActionButton">
  39. <span role = "img" title = "button icon" class = "icon">&#x1f4a9;</span>
  40. <p role = "title" class = "title">Untitled Button</p>
  41. </template>
  42. <template id = "tplLogRow">
  43. <tr>
  44. <td class = "timestamp">?</td>
  45. <td>
  46. <span class = "content">?</span>
  47. <details>
  48. <summary>stdout</summary>
  49. <pre>
  50. ?
  51. </pre>
  52. </details>
  53. </td>
  54. </tr>
  55. </template>
  56. <script type = "module" src = "main.js"></script>
  57. </body>
  58. </html>