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>
<head>
{% if title %}
<title>Opaque {{ title }}</title>
{% else %}
<title>Opaque</title>
{% endif %}
<!-- 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') }}">
<!--Import materialize.css-->
<link type="text/css" rel="stylesheet" href="{{ url_for('static', filename='css/materialize.min.css') }}" media="screen,projection"/>
<!--Let browser know website is optimized for mobile-->
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
</head>
<body class="blue-grey lighten-5">
{% block body %}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
{% if title %}
<title>Opaque {{ title }}</title>
{% else %}
<title>Opaque</title>
{% endif %}
<link href="{{ url_for('static', filename='images/favicon.png') }}" rel="icon" type="image/png">
<!-- 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') }}">
<!--Import materialize.css-->
<link type="text/css" rel="stylesheet" href="{{ url_for('static', filename='css/materialize.min.css') }}" media="screen,projection"/>
<!--Let browser know website is optimized for mobile-->
<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-->
<script type="text/javascript" src="{{ url_for('static', filename='js/materialize.min.js') }}"></script>
</body>
<!--{% include 'footer.html.j2' %}-->
<!--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>

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>