diff options
author | Roberto Hueso Gómez <rhueso@soleta.eu> | 2020-08-31 11:57:16 +0200 |
---|---|---|
committer | Roberto Hueso Gómez <rhueso@soleta.eu> | 2020-08-31 11:58:38 +0200 |
commit | 01efd71022b3e2a69d75f389878fb07daf996cf0 (patch) | |
tree | c80075d439133abee04bec3f7b3f00713ee36a3a /ogcp/templates | |
parent | df2e425b346b95c6493a684025374b956349a0da (diff) |
Add frontend basic structure
This adds base.html and nav.html templates as well as its dependencies
on Bootstrap and jQuery.
Diffstat (limited to 'ogcp/templates')
-rw-r--r-- | ogcp/templates/base.html | 19 | ||||
-rw-r--r-- | ogcp/templates/nav.html | 17 |
2 files changed, 36 insertions, 0 deletions
diff --git a/ogcp/templates/base.html b/ogcp/templates/base.html new file mode 100644 index 0000000..21389a9 --- /dev/null +++ b/ogcp/templates/base.html @@ -0,0 +1,19 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + {% block head %} + <script src="{{ url_for('static', filename='js/jquery.min.js') }}"></script> + <link rel="stylesheet" href="{{ url_for('static', filename='css/bootstrap.min.css') }}" /> + <script src="{{ url_for('static', filename='js/bootstrap.min.js') }}"></script> + <title>{% block title %}{% endblock %} - OpenGnsys</title> + {% endblock %} +</head> +<body> + {% include 'nav.html' %} + {% block nav %}{% endblock %} + <div id="content">{% block content %}{% endblock %}</div> + <div id="footer"> + {% block footer %}{% endblock %} + </div> +</body> +</html> diff --git a/ogcp/templates/nav.html b/ogcp/templates/nav.html new file mode 100644 index 0000000..5147a37 --- /dev/null +++ b/ogcp/templates/nav.html @@ -0,0 +1,17 @@ +<nav class="navbar navbar-expand-lg navbar-dark bg-dark"> + <a class="navbar-brand" href="#">OpenGnsys</a> + <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> + <span class="navbar-toggler-icon"></span> + </button> + + <div class="collapse navbar-collapse" id="navbarSupportedContent"> + <ul class="navbar-nav mr-auto"> + <li class="nav-item active"> + <a class="nav-link" href="{{ url_for('index') }}">{{ _('Home') }}<span class="sr-only">(current)</span></a> + </li> + <li class="nav-item"> + <a class="nav-link" href="{{ url_for('scopes') }}">{{ _('Scopes') }}</a> + </li> + </ul> + </div> +</nav> |