mirror of
https://github.com/iFargle/headscale-webui.git
synced 2026-03-18 11:35:29 +01:00
88 lines
5.0 KiB
HTML
88 lines
5.0 KiB
HTML
<!DOCTYPE html>
|
|
<html id="page">
|
|
<head>
|
|
<title>●::[●●] {% block title %} {% endblock %}</title>
|
|
|
|
<link rel="apple-touch-icon" sizes="57x57" href="./static/img/favicon/apple-icon-57x57.png">
|
|
<link rel="apple-touch-icon" sizes="60x60" href="./static/img/favicon/apple-icon-60x60.png">
|
|
<link rel="apple-touch-icon" sizes="72x72" href="./static/img/favicon/apple-icon-72x72.png">
|
|
<link rel="apple-touch-icon" sizes="76x76" href="./static/img/favicon/apple-icon-76x76.png">
|
|
<link rel="apple-touch-icon" sizes="114x114" href="./static/img/favicon/apple-icon-114x114.png">
|
|
<link rel="apple-touch-icon" sizes="120x120" href="./static/img/favicon/apple-icon-120x120.png">
|
|
<link rel="apple-touch-icon" sizes="144x144" href="./static/img/favicon/apple-icon-144x144.png">
|
|
<link rel="apple-touch-icon" sizes="152x152" href="./static/img/favicon/apple-icon-152x152.png">
|
|
<link rel="apple-touch-icon" sizes="180x180" href="./static/img/favicon/apple-icon-180x180.png">
|
|
<link rel="icon" type="image/png" sizes="192x192" href="./static/img/favicon/android-icon-192x192.png">
|
|
<link rel="icon" type="image/png" sizes="32x32" href="./static/img/favicon/favicon-32x32.png">
|
|
<link rel="icon" type="image/png" sizes="96x96" href="./static/img/favicon/favicon-96x96.png">
|
|
<link rel="icon" type="image/png" sizes="16x16" href="./static/img/favicon/favicon-16x16.png">
|
|
<link rel="manifest" href="./static/img/favicon/manifest.json">
|
|
<meta name="msapplication-TileColor" content="#ffffff">
|
|
<meta name="msapplication-TileImage" content="/ms-icon-144x144.png">
|
|
<meta name="theme-color" content="#ffffff">
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
|
<!-- CSS and Icons -->
|
|
<!--<link href="static/css/materialize.css" type="text/css" rel="stylesheet"/>-->
|
|
<link href="static/css/materialize.min.css" type="text/css" rel="stylesheet"/>
|
|
<!-- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css"> -->
|
|
<link href="static/css/overrides.css" type="text/css" rel="stylesheet"/>
|
|
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
|
|
</head>
|
|
<body>
|
|
<nav>
|
|
<div class="nav-wrapper {{ COLOR_NAV }}">
|
|
<img class="hide-on-med-and-down" style="padding-left: 10px" src="./static/img/headscale3-dots.png" height="64px"></img>
|
|
<a href="overview" class="brand-logo bold" style="padding-left: 10px">
|
|
Headscale
|
|
<div class="right">
|
|
<span class="left-align thin hide-on-small-only" style="padding-left: 10px">
|
|
{% block header %}{% endblock %}
|
|
</span>
|
|
</div>
|
|
</a>
|
|
<a href="#!" data-target="mobile-demo" class="sidenav-trigger"><i class="material-icons">menu</i></a>
|
|
<ul class="right hide-on-med-and-down">
|
|
<li role="menu-item" class="{{ overview_active }}">
|
|
<a href="overview"><i class="material-icons left">map</i>Overview</a>
|
|
</li>
|
|
<li role="menu-item" class="{{ machines_active }}">
|
|
<a href="machines"><i class="material-icons left">devices_other</i>Machines</a>
|
|
</li>
|
|
<li role="menu-item" class="{{ users_active }}">
|
|
<a href="users"><i class="material-icons left">people</i>Users</a>
|
|
</li>
|
|
<li role="menu-item" class="{{ settings_active }}">
|
|
<a href="settings"><i class="material-icons left">settings</i>Settings</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</nav>
|
|
<ul class="sidenav" id="mobile-demo">
|
|
<li><a href="/"><i class="material-icons left">map</i>Overview</a></li>
|
|
<li><a href="machines"><i class="material-icons left">devices_other</i>Machines</a></li>
|
|
<li><a href="users"><i class="material-icons left">people</i>Users</a></li>
|
|
<li><a href="settings"><i class="material-icons left">settings</i>Settings</a></li>
|
|
</ul>
|
|
<div class="container">
|
|
{% block content %} {% endblock %}
|
|
</div>
|
|
<!-- Modals -->
|
|
<div id="generic_modal" class="modal">
|
|
<div class="modal-content">
|
|
<h4 id="generic_modal_title"></h4>
|
|
<p id="generic_modal_content"></p>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<a href="#!" class="modal-close btn-flat">Cancel</a>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
<!-- JavaScript / jQuery -->
|
|
<!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script> -->
|
|
<!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script> -->
|
|
<script type="text/javascript" src="static/js/jquery-2.2.4.min.js"></script>
|
|
<script type="text/javascript" src="static/js/materialize.min.js"></script>
|
|
<script>M.AutoInit();</script>
|
|
<script type="text/javascript" src="static/js/custom.js"></script>
|
|
</html> |