48 lines
1.3 KiB
HTML
48 lines
1.3 KiB
HTML
<!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>
|
|
<tr>
|
|
<td>12 seconds ago</td> <td>blat blat <button>Logs</button></td>
|
|
</tr>
|
|
<tr>
|
|
<td>4 seconds ago</td> <td>blat blat foo foo <button>Logs</button></td>
|
|
</tr>
|
|
</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" /> <a href = "http://github.com/jamesread/OliveTin" target = "_new">OliveTin</a></p>
|
|
</footer>
|
|
|
|
<template id = "tplActionButton">
|
|
<span role = "img" title = "button icon" class = "icon">💩</span>
|
|
<p role = "title" class = "title">Untitled Button</p>
|
|
</template>
|
|
|
|
<script type = "module" src = "main.js"></script>
|
|
</body>
|
|
</html>
|