mirror of
https://github.com/iFargle/headscale-webui.git
synced 2026-03-17 23:25:28 +01:00
118 lines
6.3 KiB
HTML
118 lines
6.3 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"> -->
|
|
<!-- <link href="static/css/fonts.css" type="text/css" rel="stylesheet"/> -->
|
|
<style>
|
|
/* fallback */
|
|
@font-face {
|
|
font-family: 'Material Icons';
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
/* src: url(https://fonts.gstatic.com/s/materialicons/v139/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2'); */
|
|
src: url(static/fonts/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2');
|
|
}
|
|
|
|
.material-icons {
|
|
font-family: 'Material Icons';
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
font-size: 24px;
|
|
line-height: 1;
|
|
letter-spacing: normal;
|
|
text-transform: none;
|
|
display: inline-block;
|
|
white-space: nowrap;
|
|
word-wrap: normal;
|
|
direction: ltr;
|
|
-moz-font-feature-settings: 'liga';
|
|
-font-feature-settings: 'liga';
|
|
-moz-osx-font-smoothing: grayscale;
|
|
}
|
|
</style>
|
|
</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" class="sidenav-trigger"><i class="material-icons">menu</i></a>
|
|
<ul class="right hide-on-med-and-down">
|
|
<li role="menu-item" class="tooltipped {{ overview_active }}" data-position="bottom" data-tooltip="Overview">
|
|
<a href="overview"><i class="material-icons">map</i></a>
|
|
</li>
|
|
<li role="menu-item" class="tooltipped {{ machines_active }}" data-position="bottom" data-tooltip="Machines">
|
|
<a href="machines"><i class="material-icons">devices</i></a>
|
|
</li>
|
|
<li role="menu-item" class="tooltipped {{ users_active }}" data-position="bottom" data-tooltip="Users">
|
|
<a href="users"><i class="material-icons">people</i></a>
|
|
</li>
|
|
<li role="menu-item" class="tooltipped {{ settings_active }}" data-position="bottom" data-tooltip="Settings">
|
|
<a href="settings"><i class="material-icons">settings</i></a>
|
|
</li>
|
|
{% block OIDC_NAV_DROPDOWN %}{% endblock %}
|
|
</ul>
|
|
</div>
|
|
</nav>
|
|
<ul class="sidenav" id="mobile">
|
|
<li><a href="/"><i class="material-icons left">map</i>Overview</a></li>
|
|
<li><a href="machines"><i class="material-icons left">devices</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>
|
|
{% block OIDC_NAV_MOBILE %}{% endblock %}
|
|
</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> |