Create and use module templates for different page sections.

This commit is contained in:
Patrick Jentsch
2019-07-05 11:04:45 +02:00
parent c27408ef78
commit 96960a9e25
5 changed files with 84 additions and 63 deletions

View File

@@ -8,18 +8,15 @@
<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='fonts/material-icons/material-icons.css') }}">
<link type="text/css" rel="stylesheet" href="{{ url_for('static', filename='css/materialize.min.css') }}" media="screen,projection"/>
<link type="text/css" rel="stylesheet" href="{{ url_for('static', filename='css/opaque.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 'navs.html.j2' %}
{% include 'header.html.j2' %}
<main>
<main class="grey lighten-5">
<div class="container">
<div class="row">
{% block page_content %}
@@ -28,17 +25,19 @@
</div>
</main>
{% 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();
M.Dropdown.init(
document.getElementById("nav-account"),
{"constrainWidth": false, "coverTrigger": false}
document.getElementById("nav-notifications"),
{"alignment": "right", "constrainWidth": false, "coverTrigger": false}
);
M.Dropdown.init(
document.getElementById("nav-notifications"),
{"constrainWidth": false, "coverTrigger": false}
document.getElementById("nav-settings"),
{"alignment": "right", "constrainWidth": false, "coverTrigger": false}
);
</script>
</body>