aboutsummaryrefslogtreecommitdiffstats
path: root/ctrack/templates
diff options
context:
space:
mode:
Diffstat (limited to 'ctrack/templates')
-rw-r--r--ctrack/templates/account/login.html33
-rw-r--r--ctrack/templates/base.html218
-rw-r--r--ctrack/templates/pages/home.html38
3 files changed, 167 insertions, 122 deletions
diff --git a/ctrack/templates/account/login.html b/ctrack/templates/account/login.html
index c9e292e..570ba2e 100644
--- a/ctrack/templates/account/login.html
+++ b/ctrack/templates/account/login.html
@@ -1,29 +1,30 @@
{% extends "account/base.html" %}
{% load crispy_forms_tags %}
+{% load static %}
{% block head_title %}Sign In{% endblock %}
{% block inner %}
- <div class="container">
- <div class="col-md-12 my-3 p-3 border border-primary rounded">
- <div class="row">
- <div class="col-md-12">
- <h2>Log in</h2>
- <form class="login" method="POST" action="{% url 'account_login' %}">
- {% csrf_token %}
- {{ form|crispy }}
- {% if redirect_field_value %}
- <input type="hidden" name="{{ redirect_field_name }}" value="{{ redirect_field_value }}" />
- {% endif %}
- <a class="button secondaryAction" href="{% url 'account_reset_password' %}">Forgot Password?</a>
- <button class="primaryAction btn btn-primary" id="sign_in_button" type="submit">Sign In</button>
- </form>
- </div>
- </div>
+ <div class="container">
+ <div class="col-md-9 my-3 p-3 border border-muted rounded">
+ <div class="row">
+ <div class="col-md-12">
+ <form class="login" method="POST" action="{% url 'account_login' %}">
+ {% csrf_token %}
+ <img class="mb-4 mx-auto text-center" src="{% static "images/ctrack_logo.png" %}" alt="" width="348" height="122">
+ {{ form|crispy }}
+ {% if redirect_field_value %}
+ <input type="hidden" name="{{ redirect_field_name }}" value="{{ redirect_field_value }}"/>
+ {% endif %}
+ <a class="button secondaryAction" href="{% url 'account_reset_password' %}">Forgot Password?</a>
+ <button class="primaryAction btn btn-primary" id="sign_in_button" type="submit">Sign In</button>
+ </form>
</div>
+ </div>
</div>
+ </div>
{% endblock %}
diff --git a/ctrack/templates/base.html b/ctrack/templates/base.html
index 40d6e5e..c1333a4 100644
--- a/ctrack/templates/base.html
+++ b/ctrack/templates/base.html
@@ -1,24 +1,25 @@
{% load static i18n %}<!DOCTYPE html>
<html lang="en">
- <head>
- <meta charset="utf-8">
- <meta http-equiv="x-ua-compatible" content="ie=edge">
- <title>{% block title %}ctrack - Department for Transport{% endblock title %}</title>
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <meta name="description" content="">
- <meta name="author" content="">
+<head>
+ <meta charset="utf-8">
+ <meta http-equiv="x-ua-compatible" content="ie=edge">
+ <title>{% block title %}ctrack - Department for Transport{% endblock title %}</title>
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta name="description" content="">
+ <meta name="author" content="">
- <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
- <!--[if lt IE 9]>
- <script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js"></script>
- <![endif]-->
+ <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
+ <!--[if lt IE 9]>
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js"></script>
+ <![endif]-->
- <link rel="icon" href="{% static 'images/favicons/favicon.ico' %}">
+ <link rel="icon" href="{% static 'images/favicons/favicon.ico' %}">
- {% block css %}
+ {% block css %}
<!-- Latest compiled and minified Bootstrap CSS -->
- <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
+ <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet"
+ integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<!-- Your stuff: Third-party CSS libraries go here -->
@@ -26,109 +27,118 @@
<!-- This file stores project-specific CSS -->
<link href="{% static 'css/project.css' %}" rel="stylesheet">
-{# <link rel="stylesheet" type="text/css" href="css/DataTables/datatables.min.css"/>#}
-{# <link rel="stylesheet" type="text/css" href="{{ STATIC_URL }}/css/bootstrap.css" />#}
- <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/v/dt/dt-1.10.20/af-2.3.4/b-1.6.1/b-print-1.6.1/cr-1.5.2/r-2.2.3/datatables.min.css"/>
-
- {% endblock %}
-
- </head>
-
- <body>
-
- <div class="mb-1">
- <nav class="navbar lemon-bar navbar-expand-md navbar-light bg-light">
- <button class="navbar-toggler navbar-toggler-right" 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>
- <a id="_title" class="navbar-brand" href="{% url 'core:home' %}">ctrack</a>
-
- <div class="collapse navbar-collapse" id="navbarSupportedContent">
- <ul class="navbar-nav mr-auto">
- <li class="nav-item active">
- <a class="nav-link" href="{% url 'core:home' %}">Home <span class="sr-only">(current)</span></a>
- </li>
- <li class="nav-item active">
- <a href="{% url 'caf:es_list' %}" class="nav-link">Systems in Scope</a>
- </li>
-
- <li class="nav-item-dropdown">
- <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" class="nav-link dropdown-toggle">
- Organisations
- </a>
- <div class="dropdown-menu" aria-labelledby="navbarDropdown">
- <a href="#" class="dropdown-item"><a href="{% url "organisations:list" %}">Organisations</a></a>
- <a href="#" class="dropdown-item"><a href="{% url "organisations:people" %}">People</a></a>
- <a href="#" class="dropdown-item">Another Action</a>
- <div class="dropdown-divider"></div>
- <a href="#" class="dropdown-item">Something else here</a>
- </div>
- </li>
-
- <li class="nav-item active">
- <a href="{% url 'caf:caf_list' %}" class="nav-link">CAF list</a>
- </li>
- <li class="nav-item">
- <a class="nav-link" href="{% url 'about' %}">About</a>
- </li>
- {% if request.user.is_authenticated %}
- <li class="nav-item">
- {# URL provided by django-allauth/account/urls.py #}
- <a class="nav-link" href="{% url 'users:detail' request.user.username %}">{% trans "My Profile" %}</a>
- </li>
- <li class="nav-item">
- {# URL provided by django-allauth/account/urls.py #}
- <a class="nav-link" href="{% url 'account_logout' %}">{% trans "Sign Out" %}</a>
- </li>
- {% else %}
- <li class="nav-item">
- {# URL provided by django-allauth/account/urls.py #}
- <a id="log-in-link" class="nav-link" href="{% url 'account_login' %}">{% trans "Sign In" %}</a>
- </li>
- {% endif %}
- </ul>
- </div>
- </nav>
-
+ {# <link rel="stylesheet" type="text/css" href="css/DataTables/datatables.min.css"/>#}
+ {# <link rel="stylesheet" type="text/css" href="{{ STATIC_URL }}/css/bootstrap.css" />#}
+ <link rel="stylesheet" type="text/css"
+ href="https://cdn.datatables.net/v/dt/dt-1.10.20/af-2.3.4/b-1.6.1/b-print-1.6.1/cr-1.5.2/r-2.2.3/datatables.min.css"/>
+
+ {% endblock %}
+
+</head>
+
+<body>
+
+<div class="mb-1">
+ <nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark">
+ <button class="navbar-toggler navbar-toggler-right" 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>
+ {# <a id="_title" class="navbar-brand" href="{% url 'core:home' %}">ctrack</a>#}
+ <a href="{% url 'core:home' %}"><img src="{% static "images/ctrack_pc_green.png" %}" alt="" height="38" width="55"></a>
+
+ <div class="collapse navbar-collapse" id="navbarSupportedContent">
+ <ul class="navbar-nav mr-auto">
+ <li class="nav-item">
+ <a href="{% url 'caf:es_list' %}" class="nav-link">Systems in Scope</a>
+ </li>
+
+
+ <li class="nav-item dropdown">
+ <a class="nav-link dropdown-toggle" href="#" id="dropdown01" data-toggle="dropdown" aria-haspopup="true"
+ aria-expanded="false">Dropdown</a>
+ <div class="dropdown-menu" aria-labelledby="dropdown01">
+ <a class="dropdown-item" href="#">Action</a>
+ <a class="dropdown-item" href="#">Another action</a>
+ <a class="dropdown-item" href="#">Something else here</a>
+ </div>
+ </li>
+
+ <li class="nav-item">
+ <a href="{% url 'caf:caf_list' %}" class="nav-link">CAF list</a>
+ </li>
+ <li class="nav-item">
+ <a class="nav-link" href="{% url 'about' %}">Help</a>
+ </li>
+ {% if request.user.is_authenticated %}
+ <li class="nav-item">
+ {# URL provided by django-allauth/account/urls.py #}
+ <a class="nav-link" href="{% url 'users:detail' request.user.username %}">{% trans "My Profile" %}</a>
+ </li>
+ <li class="nav-item">
+ {# URL provided by django-allauth/account/urls.py #}
+ <a class="nav-link" href="{% url 'account_logout' %}">{% trans "Sign Out" %}</a>
+ </li>
+ {% else %}
+ <li class="nav-item">
+ {# URL provided by django-allauth/account/urls.py #}
+ <a id="log-in-link" class="nav-link" href="{% url 'account_login' %}">{% trans "Sign In" %}</a>
+ </li>
+ {% endif %}
+ </ul>
</div>
+ </nav>
+
+</div>
- <div class="container">
+<div class="container">
- {% if messages %}
- {% for message in messages %}
- <div class="alert {% if message.tags %}alert-{{ message.tags }}{% endif %}">{{ message }}<button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button></div>
- {% endfor %}
- {% endif %}
+ {% if messages %}
+ {% for message in messages %}
+ <div class="alert {% if message.tags %}alert-{{ message.tags }}{% endif %}">{{ message }}
+ <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span
+ aria-hidden="true">&times;</span></button>
+ </div>
+ {% endfor %}
+ {% endif %}
- {% block content %}
- <p>Use this document as a way to quick start any new project.</p>
- {% endblock content %}
+ {% block content %}
+ <p>Use this document as a way to quick start any new project.</p>
+ {% endblock content %}
- </div> <!-- /container -->
+</div> <!-- /container -->
- {% block modal %}{% endblock modal %}
+{% block modal %}{% endblock modal %}
- <!-- Le javascript
- ================================================== -->
- <!-- Placed at the end of the document so the pages load faster -->
- {% block javascript %}
+<!-- Le javascript
+================================================== -->
+<!-- Placed at the end of the document so the pages load faster -->
+{% block javascript %}
- <!-- Bootstrap JS and its dependencies-->
- <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
- <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
- <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
+ <!-- Bootstrap JS and its dependencies-->
+ <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
+ integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
+ crossorigin="anonymous"></script>
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"
+ integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49"
+ crossorigin="anonymous"></script>
+ <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"
+ integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM"
+ crossorigin="anonymous"></script>
- <!-- Your stuff: Third-party javascript libraries go here -->
+ <!-- Your stuff: Third-party javascript libraries go here -->
- <!-- place project specific Javascript in this file -->
+ <!-- place project specific Javascript in this file -->
- <script src="{% static 'js/project.js' %}"></script>
-{# <script src="{% static 'js/DataTables/datatables.min.js' %}"></script>#}
- <script type="text/javascript" src="https://cdn.datatables.net/v/dt/dt-1.10.20/af-2.3.4/b-1.6.1/b-print-1.6.1/cr-1.5.2/r-2.2.3/datatables.min.js"></script>
+ <script src="{% static 'js/project.js' %}"></script>
+ {# <script src="{% static 'js/DataTables/datatables.min.js' %}"></script>#}
+ <script type="text/javascript"
+ src="https://cdn.datatables.net/v/dt/dt-1.10.20/af-2.3.4/b-1.6.1/b-print-1.6.1/cr-1.5.2/r-2.2.3/datatables.min.js"></script>
- {% endblock javascript %}
- </body>
+{% endblock javascript %}
+</body>
</html>
diff --git a/ctrack/templates/pages/home.html b/ctrack/templates/pages/home.html
index 324da8e..baa6d9e 100644
--- a/ctrack/templates/pages/home.html
+++ b/ctrack/templates/pages/home.html
@@ -2,6 +2,40 @@
{% block content %}
- <p>THIS IS A TEMPLATE FOR A REGULAR USER</p>
-
+<main role="main">
+
+ <!-- Main jumbotron for a primary marketing message or call to action -->
+ <div class="jumbotron">
+ <div class="container">
+ <h1 class="display-3">ctrack</h1>
+ <p>This is a template for a simple marketing or informational website. It includes a large callout called a jumbotron and three supporting pieces of content. Use it as a starting point to create something more unique.</p>
+ <p><a class="btn btn-primary btn-lg" href="#" role="button">Learn more &raquo;</a></p>
+ </div>
+ </div>
+
+ <div class="container">
+ <!-- Example row of columns -->
+ <div class="row">
+ <div class="col-md-4">
+ <h2>Heading</h2>
+ <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
+ <p><a class="btn btn-secondary" href="#" role="button">View details &raquo;</a></p>
+ </div>
+ <div class="col-md-4">
+ <h2>Heading</h2>
+ <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
+ <p><a class="btn btn-secondary" href="#" role="button">View details &raquo;</a></p>
+ </div>
+ <div class="col-md-4">
+ <h2>Heading</h2>
+ <p>Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>
+ <p><a class="btn btn-secondary" href="#" role="button">View details &raquo;</a></p>
+ </div>
+ </div>
+
+ <hr>
+
+ </div> <!-- /container -->
+
+</main>
{% endblock content %}
generated by cgit v1.2.3 (git 2.25.1) at 2025-01-09 20:25:42 +0000