Add modularity to base

This commit is contained in:
Patrick Jentsch 2019-07-04 11:59:52 +02:00
parent b5b6a1b9a7
commit e3d4fa4d90
2 changed files with 44 additions and 20 deletions

View File

@ -1,10 +1,13 @@
<html> <!DOCTYPE html>
<html lang="en">
<head> <head>
<meta charset="UTF-8">
{% if title %} {% if title %}
<title>Opaque {{ title }}</title> <title>Opaque {{ title }}</title>
{% else %} {% else %}
<title>Opaque</title> <title>Opaque</title>
{% endif %} {% endif %}
<link href="{{ url_for('static', filename='images/favicon.png') }}" rel="icon" type="image/png">
<!-- import materialize icons css --> <!-- import materialize icons css -->
<link type="text/css" rel="stylesheet" href="{{ url_for('static', filename='fonts/material-design-icons-3.0.1/iconfont/material-icons.css') }}"> <link type="text/css" rel="stylesheet" href="{{ url_for('static', filename='fonts/material-design-icons-3.0.1/iconfont/material-icons.css') }}">
<!--Import materialize.css--> <!--Import materialize.css-->
@ -12,12 +15,18 @@
<!--Let browser know website is optimized for mobile--> <!--Let browser know website is optimized for mobile-->
<meta name="viewport" content="width=device-width, initial-scale=1.0"/> <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
</head> </head>
<body class="blue-grey lighten-5"> <body>
{% block body %} {% include 'sidenav.html.j2' %}
{% block body %}
{% endblock %} {% endblock %}
<!--{% include 'footer.html.j2' %}-->
<!--JavaScript at end of body for optimized loading--> <!--JavaScript at end of body for optimized loading-->
<script type="text/javascript" src="{{ url_for('static', filename='js/materialize.min.js') }}"></script> <script type="text/javascript" src="{{ url_for('static', filename='js/materialize.min.js') }}"></script>
<script>
M.AutoInit();
</script>
</body> </body>
</html> </html>

View File

@ -0,0 +1,15 @@
<ul id="slide-out" class="sidenav">
<li>
<div class="user-view">
<div class="background">
<img src="{{ url_for('static', filename='images/favicon.png') }}">
</div>
</div>
</li>
<li><a href="#!"><i class="material-icons">cloud</i>First Link With Icon</a></li>
<li><a href="#!">Second Link</a></li>
<li><div class="divider"></div></li>
<li><a class="subheader">Subheader</a></li>
<li><a class="waves-effect" href="#!">Third Link With Waves</a></li>
</ul>
<a href="#" data-target="slide-out" class="sidenav-trigger"><i class="material-icons">menu</i></a>