smashing the HTML on the home page

1 files changed, 84 insertions, 27 deletions

diff --git a/ctrack/templates/pages/home.html b/ctrack/templates/pages/home.html
index 25d0cf3..3c563db 100644
--- a/ctrack/templates/pages/home.html
+++ b/ctrack/templates/pages/home.html
@@ -6,39 +6,96 @@
   <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>
+      <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">
-      <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>
+  {#  <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 %}