fixed the login logo - now responsive

2 files changed, 22 insertions, 3 deletions

diff --git a/ctrack/templates/account/login.html b/ctrack/templates/account/login.html
index 570ba2e..77f28f7 100644
--- a/ctrack/templates/account/login.html
+++ b/ctrack/templates/account/login.html
@@ -13,7 +13,7 @@
         <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">
+            <img class="mb-4 mx-auto text-center img-fluid" 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 }}"/>
diff --git a/ctrack/templates/pages/home.html b/ctrack/templates/pages/home.html
index 22fdac6..98109db 100644
--- a/ctrack/templates/pages/home.html
+++ b/ctrack/templates/pages/home.html
@@ -16,9 +16,10 @@
         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>
+      <p><a href="#">NIS Directive</a> | <a href="#">NCSC NIS Guidance</a> | <a href="#">UK Cyber Strategy</a></p>
       <div class="col-12 p-2">
         <div class="row row-cols-2">
-          <div class="col-sm-6 m-1 border rounded p-2">
+          <div class="col-sm-12 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">
@@ -50,7 +51,7 @@
                 essential services</a></li>
             </ul>
           </div>
-          <div class="col-sm-5 m-1 border rounded p-2">
+          <div class="col-sm-12 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">
@@ -78,6 +79,24 @@
             </ul>
           </div>
         </div>
+
+        <div class="row mt-2">
+          <div class="col-sm-12 m-1 border rounded p-2">
+            <h3 class="mb-3">
+              <svg width="1em" height="1em" viewBox="0 0 16 16" class="bi bi-eyeglasses" fill="currentColor"
+                   xmlns="http://www.w3.org/2000/svg">
+                <path fill-rule="evenodd"
+                      d="M4 6a2 2 0 1 0 0 4 2 2 0 0 0 0-4zm2.625.547a3 3 0 0 0-5.584.953H.5a.5.5 0 0 0 0 1h.541A3 3 0 0 0 7 8a1 1 0 0 1 2 0 3 3 0 0 0 5.959.5h.541a.5.5 0 0 0 0-1h-.541a3 3 0 0 0-5.584-.953A1.993 1.993 0 0 0 8 6c-.532 0-1.016.208-1.375.547zM14 8a2 2 0 1 0-4 0 2 2 0 0 0 4 0z"/>
+              </svg>
+              Inspectors
+            </h3>
+            <ul class="list-group">
+              <li class="list-group-item">Name</li>
+              <li class="list-group-item">Name</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>