add navigation bar

This commit is contained in:
buzz-lightsnack-2007 2024-04-23 12:35:05 +08:00
parent 78d750e3e3
commit b3c71efab3

View file

@ -2,24 +2,27 @@
<head> <head>
<script src="../styles/external/materialize/js/materialize.js"></script> <script src="../styles/external/materialize/js/materialize.js"></script>
<script src="../scripts/pages/popup.js" type="module"></script> <script src="../scripts/pages/popup.js" type="module"></script>
<link href="/styles/popup.css" rel="stylesheet" type="text/css" />
</head> </head>
<body> <body>
<nav id="header" class="nav-wrapper transparent" data-result-linked="filters">
<ul class="left">
</ul>
<ul class="right">
<li><a data-icon="cog" accesskey="," data-action="open,settings"></a></li>
<li><a data-icon="refresh" accesskey="r" data-action="analysis,reload"></a></li>
</ul>
</nav>
<main class="container"> <main class="container">
<summary> <summary>
<h1 data-active-result-processed="Rating,Score">0.00%</h1>
<progress data-active-result="Rating,Score" min="0" max="1" value="0"></progress>
<p class="flow-text" data-active-result="Rating,Reason">Reason</p>
<p data-active-result="Description,Summary">Summary</p> <p data-active-result="Description,Summary">Summary</p>
<p id="summary" class="flow-text" data-active-result="Rating,Reason">Reason</p>
<progress data-active-result="Rating,Score" min="0" max="1" value="0"></progress>
</summary> </summary>
<details> <details>
</details> </details>
</main> </main>
<footer class="fixed-action-btn">
<button class="btn-floating btn-large" data-icon="refresh" accesskey="r" data-action="analysis,reload"></button>
<ul>
<button class="btn-floating" data-icon="cog" accesskey="," data-action="open,settings"></button>
</ul>
</footer>
</body> </body>
</html> </html>