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