aboutsummaryrefslogtreecommitdiffstats
path: root/ctrack/templates/pages/home.html
blob: 3c563db06383b9c3e2e84faa8b2b9f0d12696b23 (plain) (blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
{% extends "base.html" %}

{% block content %}

  <!-- Main jumbotron for a primary marketing message or call to action -->
  <div class="jumbotron">
    <div class="container">
      <h1 class="display-3">ctrack</h1>
      <p><strong>DfT's Cyber Compliance Team's information management system</strong>, used to track all core
        components of the NIS regime.</p>
      <p>ctrack is a proof-of-concept web application developed in-house by the Cyber Compliance
        Team at the UK Department for Transport that aims to demonstrate the improvements in workflow possible by
        storing data associated with OES and its associated CAF data in a relational database. It focuses on the
        absolute basics of managing any business data: Create, Read, Update, Delete (CRUD) functionality and
        demonstrates how collection and analysis of ongoing assessment data - using the CAF as the foundation (the
        framework, not the spreadsheet) - can be exponentially improved using the simplest of form-based web
        application.</p>
      <hr>
      <div class="col-12 p-2">
        <div class="row row-cols-2">
          <div class="col-md-6 m-1 border rounded p-2">
            <h3>
              <svg width="1em" height="1em" viewBox="0 0 16 16" class="bi bi-people-fill" fill="currentColor"
                   xmlns="http://www.w3.org/2000/svg">
                <path fill-rule="evenodd"
                      d="M7 14s-1 0-1-1 1-4 5-4 5 3 5 4-1 1-1 1H7zm4-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-5.784 6A2.238 2.238 0 0 1 5 13c0-1.355.68-2.75 1.936-3.72A6.325 6.325 0 0 0 5 9c-4 0-5 3-5 4s1 1 1 1h4.216zM4.5 8a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5z"/>
              </svg>
              OES/Organisations
            </h3>
            <p>There are currently <span class="lead font-weight-bold">53</span> <a
                    href="{% url "organisations:list" %}">organisations</a> on ctrack, comprising <span
                    class="lead font-weight-bold">124</span> <a href="{% url "organisations:people" %}">people</a>.</p>

            <ul class="list-group">
              <li class="list-group-item list-group-item-warning"><a href="{% url "organisations:list" %}">List of all
                organisations</a></li>
              <li class="list-group-item list-group-item-warning"><a href="{% url "organisations:people" %}">List of all
                people</a></li>
            </ul>
            <p>You can filter these lists to view things by <strong>lead inspector</strong>, <strong>sub-mode</strong>
              and other things.</p>
          </div>
          <div class="col-md-5 m-1 border rounded p-2">
            <h3>
              <svg width="1em" height="1em" viewBox="0 0 16 16" class="bi bi-card-checklist" fill="currentColor"
                   xmlns="http://www.w3.org/2000/svg">
                <path fill-rule="evenodd"
                      d="M14.5 3h-13a.5.5 0 0 0-.5.5v9a.5.5 0 0 0 .5.5h13a.5.5 0 0 0 .5-.5v-9a.5.5 0 0 0-.5-.5zm-13-1A1.5 1.5 0 0 0 0 3.5v9A1.5 1.5 0 0 0 1.5 14h13a1.5 1.5 0 0 0 1.5-1.5v-9A1.5 1.5 0 0 0 14.5 2h-13z"/>
                <path fill-rule="evenodd"
                      d="M7 5.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5zm-1.496-.854a.5.5 0 0 1 0 .708l-1.5 1.5a.5.5 0 0 1-.708 0l-.5-.5a.5.5 0 1 1 .708-.708l.146.147 1.146-1.147a.5.5 0 0 1 .708 0zM7 9.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5zm-1.496-.854a.5.5 0 0 1 0 .708l-1.5 1.5a.5.5 0 0 1-.708 0l-.5-.5a.5.5 0 0 1 .708-.708l.146.147 1.146-1.147a.5.5 0 0 1 .708 0z"/>
              </svg>
              CAFs
            </h3>
            <p>There are <span class="lead font-weight-bold">93</span> <a href="{% url "caf:caf_list" %}">CAFs</a> on
              ctrack.</p>
            <ul class="list-group">
              <li class="list-group-item list-group-item-warning"><a href="{% url "caf:caf_list" %}">List of all
                CAFs</a></li>
            </ul>
            <p>Of these - <span class="lead font-weight-bold">12</span> have been validated.</p>
          </div>
        </div>
        <div class="row mt-2">
          <p><a class="btn btn-primary btn-lg" href="#" role="button">Get help using ctrack &raquo;</a></p>
        </div>
      </div>
    </div>
  </div>

  <!-- Example row of columns -->
  {#  <div class="row">#}
  {#    <div class="col-md-4">#}
  {#      <h1>OES/Organisations</h1>#}
  {#      <p>There are currently <span class="lead font-weight-bold">53</span> <a#}
  {#              href="{% url "organisations:list" %}">organisations</a> on ctrack, comprising <span#}
  {#              class="lead font-weight-bold">124</span> <a href="{% url "organisations:people" %}">people</a>.</p>#}
  {#      <p><a class="btn btn-secondary" href="#" role="button">View details &raquo;</a></p>#}
  {#    </div>#}
  {#    <div class="col-md-4">#}
  {#      <h1>CAFs</h1>#}
  {#      <p>There are <span class="lead font-weight-bold">93</span> <a href="{% url "caf:caf_list" %}">CAFs</a> on ctrack.#}
  {#      </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 class="container">
    <div class="row mt-2"><p>ctrack source code is open source and available on <a
            href="https://github.com/yulqen/ctrack">Github</a></p></div>
  </div>

  </main>
{% endblock content %}