First version with useable(ish) oblique design
All checks were successful
Build containers when image tags change / build-if-image-changed (., web, containers, main container, git.baumann.gr/adebaumann/vui) (push) Successful in 46s
Build containers when image tags change / build-if-image-changed (data-loader, loader, initContainers, init-container, git.baumann.gr/adebaumann/vui-data-loader) (push) Successful in 6s
All checks were successful
Build containers when image tags change / build-if-image-changed (., web, containers, main container, git.baumann.gr/adebaumann/vui) (push) Successful in 46s
Build containers when image tags change / build-if-image-changed (data-loader, loader, initContainers, init-container, git.baumann.gr/adebaumann/vui-data-loader) (push) Successful in 6s
This commit is contained in:
@@ -1,36 +1,197 @@
|
||||
|
||||
{% load static %}
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<html lang="de-CH" class="no-js no-ie" itemscope itemtype="http://schema.org/WebPage">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>{% block title %}{% endblock %}</title>
|
||||
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
|
||||
{% load static %}
|
||||
<meta http-equiv="x-ua-compatible" content="ie=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
|
||||
<title>{% block title %}Vorgaben Informatiksicherheit{% endblock %} - Schweizerische Eidgenossenschaft</title>
|
||||
|
||||
<!-- Swiss Design System CSS -->
|
||||
<link rel="stylesheet" href="{% static 'swiss/css/vendors.css' %}">
|
||||
<link rel="stylesheet" href="{% static 'swiss/css/admin.css' %}">
|
||||
<link rel="stylesheet" href="{% static 'swiss/css/print.css' %}" media="print">
|
||||
|
||||
<!-- Custom CSS -->
|
||||
<link rel="stylesheet" href="{% static 'custom/css/admin_extras.css' %}">
|
||||
|
||||
<!-- Favicons -->
|
||||
<link rel="shortcut icon" href="{% static 'swiss/img/ico/favicon.ico' %}">
|
||||
<link rel="apple-touch-icon" sizes="57x57" href="{% static 'swiss/img/ico/apple-touch-icon-57x57.png' %}">
|
||||
<link rel="apple-touch-icon" sizes="114x114" href="{% static 'swiss/img/ico/apple-touch-icon-114x114.png' %}">
|
||||
<link rel="icon" type="image/png" href="{% static 'swiss/img/ico/favicon-96x96.png' %}" sizes="96x96">
|
||||
<link rel="icon" type="image/png" href="{% static 'swiss/img/ico/favicon-32x32.png' %}" sizes="32x32">
|
||||
<meta name="msapplication-TileColor" content="#ffffff">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<nav class="navbar navbar-expand-lg navbar-light bg-light">
|
||||
<a class="navbar-brand" href="#">Vorgaben</a>
|
||||
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
<div class="collapse navbar-collapse" id="navbarNavAltMarkup">
|
||||
<div class="navbar-nav">
|
||||
<a class="nav-item nav-link active" href="/dokumente">Standards</a>
|
||||
<!-- Accessibility skip links -->
|
||||
<ul class="access-keys">
|
||||
<li><a href="/" accesskey="0">Startseite</a></li>
|
||||
<li><a href="#main-navigation" accesskey="1">Hauptnavigation</a></li>
|
||||
<li><a href="#content" accesskey="2">Inhalt</a></li>
|
||||
</ul>
|
||||
|
||||
<!-- Header with Swiss Logo -->
|
||||
<header>
|
||||
<a href="/" class="brand hidden-xs" title="Zur Startseite">
|
||||
<img src="{% static 'swiss/img/logo-CH.svg' %}"
|
||||
onerror="this.onerror=null; this.src='{% static 'swiss/img/logo-CH.png' %}'"
|
||||
alt="Zur Startseite" />
|
||||
<h1>Vorgaben Informatiksicherheit BIT</h1>
|
||||
</a>
|
||||
</header>
|
||||
|
||||
<!-- Main Navigation -->
|
||||
<nav class="nav-main yamm navbar" id="main-navigation">
|
||||
<h2 class="sr-only">Navigation</h2>
|
||||
|
||||
<!-- Mobile Navigation -->
|
||||
<section class="nav-mobile">
|
||||
<div class="table-row">
|
||||
<div class="nav-mobile-header">
|
||||
<div class="table-row">
|
||||
<span class="nav-mobile-logo">
|
||||
<img src="{% static 'swiss/img/swiss.svg' %}"
|
||||
onerror="this.onerror=null; this.src='{% static 'swiss/img/swiss.png' %}'"
|
||||
alt="Schweizerische Eidgenossenschaft" />
|
||||
</span>
|
||||
<h1><a href="/">Vorgaben Informatiksicherheit</a></h1>
|
||||
</div>
|
||||
</div>
|
||||
<div class="table-cell dropdown">
|
||||
<a href="#" class="nav-mobile-menu dropdown-toggle" data-toggle="dropdown">
|
||||
<span class="icon icon--menu"></span>
|
||||
</a>
|
||||
<div class="drilldown dropdown-menu" role="menu">
|
||||
<div class="drilldown-container">
|
||||
<nav class="nav-page-list">
|
||||
<ul>
|
||||
<li><a href="/dokumente">Standards</a></li>
|
||||
{% if user.is_staff %}
|
||||
<li><a href="/dokumente/unvollstaendig/">Unvollständig</a></li>
|
||||
{% endif %}
|
||||
<li><a href="/referenzen">Referenzen</a></li>
|
||||
<li><a href="/stichworte">Stichworte</a></li>
|
||||
<li><a href="/search">Suche</a></li>
|
||||
</ul>
|
||||
<a href="#" class="yamm-close-bottom">
|
||||
<span class="icon icon--top" aria-hidden="true"></span>
|
||||
</a>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="table-cell dropdown">
|
||||
<a href="/search" class="nav-mobile-menu">
|
||||
<span class="icon icon--search"></span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Desktop Tab Navigation -->
|
||||
<ul class="nav navbar-nav">
|
||||
<li class="dropdown {% if request.resolver_match.url_name == 'standard_list' or 'standard' in request.resolver_match.url_name %}current{% endif %}">
|
||||
<a href="/dokumente">Standards</a>
|
||||
</li>
|
||||
{% if user.is_staff %}
|
||||
<a class="nav-item nav-link" href="/dokumente/unvollstaendig/">Unvollständig</a>
|
||||
<li class="dropdown {% if 'unvollstaendig' in request.path %}current{% endif %}">
|
||||
<a href="/dokumente/unvollstaendig/">Unvollständig</a>
|
||||
</li>
|
||||
{% endif %}
|
||||
<a class="nav-item nav-link" href="/referenzen">Referenzen</a>
|
||||
<a class="nav-item nav-link" href="/stichworte">Stichworte</a>
|
||||
<a class="nav-item nav-link" href="/search">Suche</a>
|
||||
<li class="dropdown {% if 'referenzen' in request.path %}current{% endif %}">
|
||||
<a href="/referenzen">Referenzen</a>
|
||||
</li>
|
||||
<li class="dropdown {% if 'stichworte' in request.path %}current{% endif %}">
|
||||
<a href="/stichworte">Stichworte</a>
|
||||
</li>
|
||||
<li class="dropdown {% if 'search' in request.path %}current{% endif %}">
|
||||
<a href="/search">Suche</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
<!-- Main Content -->
|
||||
<div class="container container-main" id="content">
|
||||
{% if messages %}
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
{% for message in messages %}
|
||||
<div class="alert alert-{{ message.tags }} alert-dismissible fade show" role="alert">
|
||||
{{ message }}
|
||||
<button type="button" class="close" data-dismiss="alert" aria-label="Schliessen">
|
||||
<span aria-hidden="true">×</span>
|
||||
</button>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
<div class="row">
|
||||
{% block sidebar_left %}
|
||||
{% if block.super or sidebar_left_content %}
|
||||
<div class="col-md-3">
|
||||
<nav class="nav-page-list" aria-label="Seitennavigation">
|
||||
{{ block.super }}
|
||||
</nav>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% endblock %}
|
||||
|
||||
<div class="{% if sidebar_left_content or block.super %}col-md-{% if sidebar_right_content %}6{% else %}9{% endif %}{% else %}col-md-{% if sidebar_right_content %}9{% else %}12{% endif %}{% endif %}">
|
||||
{% block content %}
|
||||
<h2>Inhalt</h2>
|
||||
<p>Hauptinhalt der Seite</p>
|
||||
{% endblock %}
|
||||
</div>
|
||||
|
||||
{% block sidebar_right %}
|
||||
{% if block.super or sidebar_right_content %}
|
||||
<div class="col-md-3">
|
||||
<aside>
|
||||
{{ block.super }}
|
||||
</aside>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% endblock %}
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
<div class="d-flex">
|
||||
<div class="col-md-2">{% block sidebar_left %}{% endblock %}</div>
|
||||
<div class="flex-fill">{% block content %}Main Content{% endblock %}</div>
|
||||
<div class="col-md-2">{% block sidebar_right %}{% endblock %}</div>
|
||||
</div>
|
||||
<div>VorgabenUI v0.949</div>
|
||||
|
||||
<!-- Footer -->
|
||||
<footer>
|
||||
<div class="container-fluid footer-service">
|
||||
<div class="row">
|
||||
<div class="col-sm-12">
|
||||
<h2 class="sr-only">Fussbereich</h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container-fluid footer-address">
|
||||
<div class="row">
|
||||
<div class="col-sm-6">
|
||||
<h3>Vorgaben Informatiksicherheit</h3>
|
||||
<p>
|
||||
Bundesamt für Informatik und Telekommunikation BIT<br>
|
||||
<a href="https://www.bit.admin.ch" target="_blank" rel="noopener">www.bit.admin.ch</a>
|
||||
</p>
|
||||
</div>
|
||||
<div class="col-sm-6 text-right">
|
||||
<p class="text-muted">Version {{ version|default:"0.949" }}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<!-- Swiss Design System Scripts -->
|
||||
<script src="{% static 'swiss/js/vendors.min.js' %}"></script>
|
||||
<script src="{% static 'swiss/js/main.min.js' %}"></script>
|
||||
|
||||
<!-- Custom Scripts -->
|
||||
{% block extra_js %}{% endblock %}
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
Reference in New Issue
Block a user