base.html (2098B)
1 <!DOCTYPE html> 2 <head> 3 <meta charset="utf-8"> 4 <meta name="viewport" content="width=device-width, initial-scale=1"> 5 <title>CB | {{ page_title }}</title> 6 7 <link rel="stylesheet" href="{{ url_for('static', filename='css/materialize.min.css') }}"> 8 <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> 9 <script defer src="{{ url_for('static', filename='js/materialize.min.js') }}"></script> 10 <script defer src="{{ url_for('static', filename='js/htmx.min.js') }}"></script> 11 <link rel="preconnect" href="https://fonts.googleapis.com"> 12 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 13 <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap" rel="stylesheet"> 14 <link rel="stylesheet" href="{{ url_for('static', filename='css/main.css') }}"> 15 <script defer src="{{ url_for('static', filename='js/ajaxtable.js') }}"></script> 16 </head> 17 18 <body> 19 20 <ul id="slide-out" class="sidenav"> 21 {% include 'component/nav.html' %} 22 </ul> 23 24 <ul class="sidenav sidenav-fixed"> 25 {% include 'component/nav.html' %} 26 </ul> 27 28 <div class="header"> 29 <div class="content"> 30 <div class="container hide-on-med-and-down"> 31 <h1>{{ page_title }}</h1> 32 </div> 33 <div class="hide-on-large-only"> 34 <div class="container" style="display: flex; justify-content: space-between; align-items: center;"> 35 <a href="#" data-target="slide-out" class="sidenav-trigger" style="flex-shrink: 0;"><i class="material-icons">menu</i></a> 36 <h1 class="mobile">{{ page_title }}</h1> 37 <div style="width: 24px;"></div> 38 </div> 39 </div> 40 </div> 41 </div> 42 43 44 <div class="content"> 45 <div class="container"> 46 {% block content %} 47 <!-- content goes here --> 48 {% endblock %} 49 </div> 50 </div> 51 52 <script> 53 document.addEventListener('DOMContentLoaded', function() { 54 var elems = document.querySelectorAll('.sidenav'); 55 var instances = M.Sidenav.init(elems); 56 }); 57 </script> 58 </body>