Adding web side ack page

cmp/static/cmp/css/base.css

@@ -89,6 +89,12 @@
     margin-top: 2%;
 }
 
+.name-column {
+  width: 15%; /* Adjust this value as needed */
+}
+.tasks-column {
+  width: 85%; /* Adjust this value as needed */
+}
 
       .search-input {
           margin-top: 20px; /* Adjust as needed */

cmp/urls.py

@@ -21,8 +21,8 @@
     path('countries/', views.countries, name='countries'),
     path('cemeteries/', views.cemeteries, name='cemeteries'),
     path('pow-camps/', views.powcamps, name='powcamps'),
-
     path('ranks/', views.ranks, name='ranks'),
+    path('acknowledgements/', views.acknowledgements, name='acknowledgements'),
 
     # Mangagement URLs
     # create an index page for mgmt urls to link to /mgmt/countries

cmp/views.py

@@ -68,6 +68,10 @@ def ranks(request):
     ranks = Rank.objects.all()
     return render(request, 'cmp/ranks.html', {'ranks': ranks})
 
+def acknowledgements(request):
+    acknowledgements = Acknowledgement.objects.all()
+    return render(request, 'cmp/acknowledgements.html', {'acknowledgements': acknowledgements})
+
 
 #def index(request):
 #    return render(request, "cmp/index.html")

templates/cmp/acknowledgements.html

@@ -10,14 +10,14 @@ <h1>Acknowledgements</h1>
     <thead>
       <tr>
 
-        <th><h3>Name</h3></th>
-        <th><h3>Tasks</h3></th>
+        <th class="name-column"><h3>Name</h3></th>
+        <th class="tasks-column"><h3>Tasks</h3></th>
       </tr>
     </thead>
     <tbody>
-      {% for person in acknowledgements |dictsort:"surname" %}
+      {% for person in acknowledgements|dictsort:"surname" %}
         <tr>
-          <td>{{ person.surname }}</td>
+          <td>{{ person.name }} {{ person.surname }} </td>
           <td>
                 {{ person.notes }}
               </a>