59 lines
1.2 KiB
HTML
59 lines
1.2 KiB
HTML
<!doctype html>
|
|
<html lang="{{lang}}">
|
|
<head>
|
|
<link rel="stylesheet" href="pure-min.css" integrity="sha384-Uu6IeWbM+gzNVXJcM9XV3SohHtmWE+3VGi496jvgX1jyvDTXfdK+rfZc8C1Aehk5" crossorigin="anonymous">
|
|
<!-- <link rel="stylesheet" href="grids-responsive-min.css"> -->
|
|
<link rel="stylesheet" href="styles.css">
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>{{title}}</title>
|
|
</head>
|
|
<body>
|
|
|
|
<main id="layout">
|
|
|
|
<header class="header">
|
|
<h1>{{title}}</h1>
|
|
<h2>{{subtitle}}</h2>
|
|
</header>
|
|
|
|
<a class="menu-link" href="#menu" id="menuLink"><span></span></a>
|
|
<nav id="menu">
|
|
<div class="pure-menu">
|
|
<dl>
|
|
{{nav}}
|
|
</dl>
|
|
</div>
|
|
</nav>
|
|
|
|
<div class="content" id="main">
|
|
|
|
<!-- article for traffic views -->
|
|
<article id="traffic-views">
|
|
</article>
|
|
|
|
<!-- article for packets view -->
|
|
<article id="packets-views">
|
|
</article>
|
|
|
|
<!-- article for states views -->
|
|
<article id="states-views">
|
|
</article>
|
|
|
|
<!-- article for errors views -->
|
|
<article id="errors-views">
|
|
</article>
|
|
|
|
</div>
|
|
|
|
<footer class="footer">
|
|
{{footer}}
|
|
</footer>
|
|
|
|
</div>
|
|
|
|
</main>
|
|
<script src="ui.js"></script>
|
|
</body>
|
|
</html>
|