aboutsummaryrefslogtreecommitdiffstats
path: root/ctrack/templates/pages/home.html
blob: 22fdac6a29828a719cc617a69695e436a0a1a1d3 (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
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
{% 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 proof of concept information management system</strong>, used to track
        all core
        components of the NIS regime.</p>
      <p>ctrack is 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>
      <div class="col-12 p-2">
        <div class="row row-cols-2">
          <div class="col-sm-6 m-1 border rounded p-2">
            <h3 class="mb-3">
              <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">{{ no_orgs }}</span> <a
                    href="{% url "organisations:list" %}">organisations</a> on ctrack, comprising <span
                    class="lead font-weight-bold">{{ no_people }}</span> <a href="{% url "organisations:people" %}">people</a>.
              OES are responsible for <span class="lead font-weight-bold">{{ no_essential_services }}</span> NIS <a
                      href="#">essential services</a>. There have been a total of <span
                      class="lead font-weight-bold">X</span> <a href="#">interactions</a> with OES by inspectors,
              including <span class="lead font-weight-bold">X</span> emails, <span
                      class="lead font-weight-bold">X</span>
              phone calls, <span class="lead font-weight-bold">X</span> video conferences, and <span
                      class="lead font-weight-bold">X</span>
              meetings.</p>
            <p class="small">Use these high level lists to view things by <strong>lead inspector</strong>, <strong>sub-mode</strong>
              and other attributes:</p>

            <ul class="list-group">
              <li class="list-group-item list-group-item-dark"><a href="{% url "organisations:list" %}">All
                organisations</a></li>
              <li class="list-group-item list-group-item-dark"><a href="{% url "organisations:people" %}">All
                people</a></li>
              <li class="list-group-item list-group-item-dark"><a href="#">All
                essential services</a></li>
            </ul>
          </div>
          <div class="col-sm-5 m-1 border rounded p-2">
            <h3 class="mb-3">
              <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, providing data on <span class="lead font-weight-bold">{{ no_systems }}</span> <a
                      href="{% url "caf:es_list" %}">critical systems</a>. Of these, <span
                      class="lead font-weight-bold">12</span> have been validated. <span
                      class="lead font-weight-bold">X</span>
              are currently undergoing validation and <span
                      class="lead font-weight-bold">X</span> are currently being updated by OES.</p>
            <p class="small">Use these high level lists to view things by <strong>lead inspector</strong>, <strong>sub-mode</strong>
              and other attributes:</p>
            <ul class="list-group">
              <li class="list-group-item list-group-item-dark"><a href="{% url "caf:caf_list" %}">All
                CAFs</a></li>
              <li class="list-group-item list-group-item-dark"><a href="{% url "caf:es_list" %}">All
                critical systems</a></li>
            </ul>
          </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 %}