base.html
55 lines
| 2.3 KiB
| text/html
|
HtmlDjangoLexer
|
r21 | {% load static %} {% load bootstrap4 %} | |
r0 | <!doctype html> | ||
<html lang="en"> | |||
|
r25 | ||
|
r35 | <head> | |
<meta charset="utf-8"> | |||
|
r36 | <meta name="viewport" content="width=device-width, initial-scale=1,shrink-to-fit=no"> | |
<link rel="shortcut icon" type="image/png" href="{% static 'favicon.ico' %}"/> | |||
|
r35 | <!-- Bootstrap CSS --> | |
{# % bootstrap_css % #} | |||
<link rel="stylesheet" | |||
href="https://use.fontawesome.com/releases/v5.8.2/css/all.css" | |||
integrity="sha384-oS3vJWv+0UjzBfQzYUhtDYW+Pj2yciDJxpsK1OYPAYjqT085Qq/1cq5FLXAZQ7Ay" | |||
crossorigin="anonymous"> | |||
<link href="{% static 'css/bootstrap.min.css' %}" rel="stylesheet"> | |||
{#% bootstrap_css %#} | |||
<link href="{% static 'css/style.css' %}" rel="stylesheet"> | |||
<link href="{% static 'css/header.css' %}" rel="stylesheet"> | |||
<link href="{% static 'css/footer.css' %}" rel="stylesheet"> | |||
{%block extra-header%}{%endblock%} | |||
|
r36 | <title>Realtime at JRO</title> | |
|
r35 | </head> | |
|
r25 | ||
|
r35 | <body> | |
|
r25 | <!-- header --> | |
{% include "header_igp.html" %} | |||
|
r35 | <div class="container"> | |
<!-- main --> | |||
<main role="main"> | |||
<h1 class="titulo">{{title}}</h1> | |||
|
r39 | <div class="row"> | |
{%if sidebar %} | |||
<div id="sidebar" class="col-md-3 col-12">{% block sidebar_content %}{% endblock sidebar_content %}</div> | |||
{% endif %} | |||
<div {% if sidebar %}class="col-md-9 col-12"{% else %}class="col-12"{% endif %}>{% block content %}{% endblock content %}</div> | |||
</div> | |||
|
r25 | </main> | |
</div> | |||
<!-- footer --> | |||
{% include "footer_igp.html" %} | |||
|
r35 | <!-- This part put block modal which is used to change parameters of my plot --> | |
{% block modal %}{% endblock modal %} | |||
{% block debug %}<div class="row">{{debug}}</div>{% endblock debug %} | |||
<!-- Optional JavaScript --> | |||
<!-- jQuery first, then Popper.js, then Bootstrap JS --> | |||
|
r21 | {# % bootstrap_javascript jquery='slim' % #} | |
<script src="{% static 'js/jquery-3.3.1.slim.min.js' %}"></script> | |||
<script src="{% static 'js/popper.min.js' %}"></script> | |||
r5 | <script src="{% static 'js/bootstrap.min.js' %}"></script> | ||
r0 | <script src="{% static 'js/plotly-latest.min.js' %}"></script> | ||
<script src="{% static 'js/moment.min.js' %}"></script> | |||
|
r11 | <!-- Here we put the script from the type of plot that we recibe --> | |
|
r36 | {% block script %}{% endblock script %} | |
|
r35 | </body> | |
r0 | |||
|
r21 | </html> |