87 lines
No EOL
2.9 KiB
HTML
87 lines
No EOL
2.9 KiB
HTML
{% load static %}
|
|
<!DOCTYPE html>
|
|
<html lang="de">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Risiko Management</title>
|
|
<link rel="stylesheet" href="{% static '/css/bulma.min.css' %}">
|
|
<link rel="stylesheet" href="{% static '/css/design.css' %}">
|
|
<link rel="stylesheet" href="{% static '/css/print.css' %}" media="print">
|
|
|
|
<meta name="description" content="Effizientes Risiko Management für Unternehmen: Analysieren, bewerten und steuern Sie Risiken sicher und zuverlässig.">
|
|
<link rel="icon" href="favicon.ico">
|
|
<link rel="icon" href="favicon.svg" type="image/svg+xml">
|
|
<link rel="apple-touch-icon" href="apple-touch-icon.png">
|
|
</head>
|
|
<body>
|
|
<!-- Obere Navbar -->
|
|
<nav class="navbar is-fixed-top has-shadow">
|
|
<div class="navbar-brand">
|
|
<a class="navbar-item" href="#">
|
|
<strong>Risiko Management</strong>
|
|
</a>
|
|
<a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" data-target="navbarMenu">
|
|
<span aria-hidden="true"></span>
|
|
<span aria-hidden="true"></span>
|
|
<span aria-hidden="true"></span>
|
|
</a>
|
|
</div>
|
|
|
|
<div id="navbarMenu" class="navbar-menu">
|
|
<div class="navbar-end">
|
|
<div class="navbar-item has-dropdown is-hoverable">
|
|
<a class="navbar-link">
|
|
Profil
|
|
</a>
|
|
<div class="navbar-dropdown is-right">
|
|
<a class="navbar-item" href="#">Einstellungen</a>
|
|
<a class="navbar-item" href="#">Benachrichtigungen</a>
|
|
<hr class="navbar-divider">
|
|
<a class="navbar-item" href="#">Abmelden</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
|
|
<!-- Sidebar -->
|
|
<aside class="menu sidebar">
|
|
<p class="menu-label">Allgemein</p>
|
|
<ul class="menu-list">
|
|
<li><a class="is-active" href="#">Dashboard</a></li>
|
|
<li><a href="#">Aufgaben</a></li>
|
|
<li><a href="#">Statistiken</a></li>
|
|
</ul>
|
|
<p class="menu-label">Verwaltung</p>
|
|
<ul class="menu-list">
|
|
<li><a href="#">Risiken</a></li>
|
|
<li><a href="#">Maßnahmen</a></li>
|
|
<li><a href="#">Adminbereich</a></li>
|
|
</ul>
|
|
</aside>
|
|
|
|
<!-- Hauptinhalt -->
|
|
<main class="content">
|
|
<h1 class="title">Willkommen zum Dashboard</h1>
|
|
<p>Hier ist der Hauptinhalt des Dashboards.</p>
|
|
</main>
|
|
|
|
<!-- Bulma Navbar Burger Script -->
|
|
<script>
|
|
document.addEventListener('DOMContentLoaded', () => {
|
|
const $navbarBurgers = Array.prototype.slice.call(document.querySelectorAll('.navbar-burger'), 0);
|
|
if ($navbarBurgers.length > 0) {
|
|
$navbarBurgers.forEach( el => {
|
|
el.addEventListener('click', () => {
|
|
const target = el.dataset.target;
|
|
const $target = document.getElementById(target);
|
|
el.classList.toggle('is-active');
|
|
$target.classList.toggle('is-active');
|
|
});
|
|
});
|
|
}
|
|
});
|
|
</script>
|
|
</body>
|
|
</html> |