| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768 |
- <!DOCTYPE html>
- <html>
- <head>
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <title>OliveTin</title>
- <link rel = "stylesheet" type = "text/css" href = "style.css" />
- <link rel = "shortcut icon" type = "image/png" href = "OliveTinLogo.png" />
- </head>
- <body>
- <main title = "main content">
- <fieldset id = "switcher">
- <button id = "showActions">Actions</button>
- <button id = "showLogs">Logs</button>
- </fieldset>
- <section id = "contentLogs" title = "Logs" hidden>
- <table>
- <thead>
- <tr>
- <th>Timestamp</th>
- <th>Log</th>
- </tr>
- </thead>
- <tbody id = "logTableBody" />
- </table>
- </section>
- <section id = "contentActions" title = "Actions" hidden >
- <fieldset id = "rootGroup">
- </fieldset>
- </section>
- </main>
- <footer title = "footer">
- <p><img title = "application icon" src = "OliveTinLogo.png" height = "1em" class = "logo" /> OliveTin</p>
- <p>
- <a href = "https://docs.olivetin.app" target = "_new">Documentation</a> |
- <a href = "https://github.com/OliveTin/OliveTin/issues/new/choose" target = "_new">Raise an issue on GitHub</a>
- </p>
- </footer>
- <template id = "tplActionButton">
- <span role = "img" title = "button icon" class = "icon">💩</span>
- <p role = "title" class = "title">Untitled Button</p>
- </template>
- <template id = "tplLogRow">
- <tr>
- <td class = "timestamp">?</td>
- <td>
- <span class = "content">?</span>
-
- <details>
- <summary>stdout</summary>
- <pre>
- ?
- </pre>
- </details>
- </td>
- </tr>
- </template>
- <script type = "module" src = "main.js"></script>
- </body>
- </html>
|