Merge pull request #32 from chnm/css-updates

Css-updates
chnm · Mar 16, 2024 · c113063 · c113063
2 parents 0150cc6 + 64a8043
commit c113063
Show file tree

Hide file tree

Showing 39 changed files with 827 additions and 71 deletions.
diff --git a/postcards/urls.py b/postcards/urls.py
@@ -45,6 +45,16 @@
         views.evolution_of_holocaust_7,
         name="evolution_of_holocaust_7",
     ),
+    path(
+        "exhibits/evolution-8/",
+        views.evolution_of_holocaust_8,
+        name="evolution_of_holocaust_8",
+    ),
+    path(
+        "exhibits/evolution-9/",
+        views.evolution_of_holocaust_9,
+        name="evolution_of_holocaust_9",
+    ),
     path("map/", views.mapinterface, name="map"),
     path("timeline/", views.timeline, name="timeline"),
     path("resources/", views.resources, name="resources"),

diff --git a/postcards/views.py b/postcards/views.py
@@ -103,6 +103,16 @@ def evolution_of_holocaust_7(request: HttpRequest):
     ctx = {"nav_links": nav_links}
     return render(request, "postal/evolution_of_holocaust_7.html", ctx)
 
+def evolution_of_holocaust_8(request: HttpRequest):
+    nav_links = get_nav_links("exhibits")
+    ctx = {"nav_links": nav_links}
+    return render(request, "postal/evolution_of_holocaust_8.html", ctx)
+
+def evolution_of_holocaust_9(request: HttpRequest):
+    nav_links = get_nav_links("exhibits")
+    ctx = {"nav_links": nav_links}
+    return render(request, "postal/evolution_of_holocaust_9.html", ctx)
+
 def timeline(request: HttpRequest):
     nav_links = get_nav_links("timeline")
     ctx = {"nav_links": nav_links}
@@ -113,7 +123,6 @@ def resources(request: HttpRequest):
     ctx = {"nav_links": nav_links}
     return render(request, "postal/resources.html", ctx)
 
-
 def mapinterface(request: HttpRequest):
     person = get_object_or_404(Person, pk=id)
     postal_material = (

diff --git a/theme/static/css/custom.css b/theme/static/css/custom.css
@@ -111,9 +111,10 @@ a:hover {
   color: #a42650;
 }
 
-li {
+ul li {
   font-family: "ProximaNova";
   color: #333;
+  font-size: 16px;
 }
 
 .btn-primary {

diff --git a/...fennige, old international first-class letter rate, renewed on May 1, 1940..png b/...fennige, old international first-class letter rate, renewed on May 1, 1940..png
diff --git a/...c/images/evolution-of-holocaust/Amsterdam – Camp Westerbork, April 21, 1943.png b/...c/images/evolution-of-holocaust/Amsterdam – Camp Westerbork, April 21, 1943.png
diff --git a/...tic/images/evolution-of-holocaust/Amsterdam – Camp Westerbork, July 1, 1943.png b/...tic/images/evolution-of-holocaust/Amsterdam – Camp Westerbork, July 1, 1943.png
diff --git a/...evolution-of-holocaust/Amsterdam – Generalgouvernment (PL), August 21, 1942.png b/...evolution-of-holocaust/Amsterdam – Generalgouvernment (PL), August 21, 1942.png
diff --git a/...mages/evolution-of-holocaust/Amsterdam – Theresienstadt, September 26, 1942.png b/...mages/evolution-of-holocaust/Amsterdam – Theresienstadt, September 26, 1942.png
diff --git a/...images/evolution-of-holocaust/Auschwitz (PL) – Apeldoorn, August 12, 1943-2.png b/...images/evolution-of-holocaust/Auschwitz (PL) – Apeldoorn, August 12, 1943-2.png
diff --git a/...c/images/evolution-of-holocaust/Auschwitz (PL) – Apeldoorn, August 12, 1943.png b/...c/images/evolution-of-holocaust/Auschwitz (PL) – Apeldoorn, August 12, 1943.png
diff --git a/...es/evolution-of-holocaust/Auschwitz Postcard – “A View of the 11th Barrack”.png b/...es/evolution-of-holocaust/Auschwitz Postcard – “A View of the 11th Barrack”.png
diff --git a/...ges/evolution-of-holocaust/Camp Westerbork – Leipzig (DE), April 18, 1942-2.png b/...ges/evolution-of-holocaust/Camp Westerbork – Leipzig (DE), April 18, 1942-2.png
diff --git a/...mages/evolution-of-holocaust/Camp Westerbork – Leipzig (DE), April 18, 1942.png b/...mages/evolution-of-holocaust/Camp Westerbork – Leipzig (DE), April 18, 1942.png
diff --git a/theme/static/images/evolution-of-holocaust/Central Registration Bureau.png b/theme/static/images/evolution-of-holocaust/Central Registration Bureau.png
diff --git a/theme/static/images/evolution-of-holocaust/Children in Theresienstadt.png b/theme/static/images/evolution-of-holocaust/Children in Theresienstadt.png
diff --git a/...ic/images/evolution-of-holocaust/Confirmation of Delivery to Theresienstadt.png b/...ic/images/evolution-of-holocaust/Confirmation of Delivery to Theresienstadt.png
diff --git a/theme/static/images/evolution-of-holocaust/Drieberg – Amsterdam, June 21, 1945.png b/theme/static/images/evolution-of-holocaust/Drieberg – Amsterdam, June 21, 1945.png
diff --git a/...es/evolution-of-holocaust/Dutch Red Cross National Tracing Bureau responded.png b/...es/evolution-of-holocaust/Dutch Red Cross National Tracing Bureau responded.png
diff --git a/...tatic/images/evolution-of-holocaust/Local Rotterdam mail, November 24, 1941.png b/...tatic/images/evolution-of-holocaust/Local Rotterdam mail, November 24, 1941.png
diff --git a/...atic/images/evolution-of-holocaust/Oranienburg – Sittard, December 18, 1942.png b/...atic/images/evolution-of-holocaust/Oranienburg – Sittard, December 18, 1942.png
diff --git a/...e/static/images/evolution-of-holocaust/Oranienburg – Sittard, June 17, 1944.png b/...e/static/images/evolution-of-holocaust/Oranienburg – Sittard, June 17, 1944.png
diff --git a/...tic/images/evolution-of-holocaust/Red Cross enquiry dated February 16, 1945.png b/...tic/images/evolution-of-holocaust/Red Cross enquiry dated February 16, 1945.png
diff --git a/theme/static/images/evolution-of-holocaust/Sachsenhausen Sign.png b/theme/static/images/evolution-of-holocaust/Sachsenhausen Sign.png
diff --git a/theme/static/images/evolution-of-holocaust/Sign of Life Card, May 25, 1945.png b/theme/static/images/evolution-of-holocaust/Sign of Life Card, May 25, 1945.png
diff --git a/theme/static/images/evolution-of-holocaust/The Hague – Amsterdam, July 2, 1942.png b/theme/static/images/evolution-of-holocaust/The Hague – Amsterdam, July 2, 1942.png
diff --git a/...e/static/images/evolution-of-holocaust/The sender, Otto Selig, a German Jew.png b/...e/static/images/evolution-of-holocaust/The sender, Otto Selig, a German Jew.png
diff --git a/...tic/images/evolution-of-holocaust/Theresienstadt – Amsterdam, March 6, 1944.png b/...tic/images/evolution-of-holocaust/Theresienstadt – Amsterdam, March 6, 1944.png
diff --git a/...mages/evolution-of-holocaust/This Dienst service envelope (free of postage).png b/...mages/evolution-of-holocaust/This Dienst service envelope (free of postage).png
diff --git a/theme/static/images/evolution-of-holocaust/forced-labor.png b/theme/static/images/evolution-of-holocaust/forced-labor.png
diff --git a/theme/static/images/evolution-of-holocaust/letter.png b/theme/static/images/evolution-of-holocaust/letter.png
diff --git a/theme/templates/postal/evolution_of_holocaust.html b/theme/templates/postal/evolution_of_holocaust.html
@@ -1,9 +1,9 @@
 {% extends "postal/base.html" %}
 {% load static %}
 {% block extracss %}
-    {% if request.path == '/exhibits/evolution/' %}
-        <link rel="stylesheet" type="text/css" href="{% static 'css/exhibit_individual_pages.css' %}">
-    {% endif %}
+{% if request.path == '/exhibits/evolution/' %}
+<link rel="stylesheet" type="text/css" href="{% static 'css/exhibit_individual_pages.css' %}">
+{% endif %}
 {% endblock %}
 
 {% block title %}Evolution of Holocaust in Holland{% endblock title %}
@@ -30,22 +30,29 @@
             <a href="{% url 'evolution_of_holocaust_2' %}#civil-internment"
                 class="list-group-item list-group-item-action" onclick="makeActive(event)"> Civil Internment
                 Camps</a>
-            <a href="{% url 'evolution_of_holocaust_3' %}#camp-amersfoort" class="list-group-item list-group-item-action" onclick="makeActive(event)"> Concentration
+            <a href="{% url 'evolution_of_holocaust_3' %}#camp-amersfoort"
+                class="list-group-item list-group-item-action" onclick="makeActive(event)"> Concentration
                 Camp Amersfoort</a>
-            <a href="{% url 'evolution_of_holocaust_3' %}#camp-vught" class="list-group-item list-group-item-action" onclick="makeActive(event)">Concentration
+            <a href="{% url 'evolution_of_holocaust_3' %}#camp-vught" class="list-group-item list-group-item-action"
+                onclick="makeActive(event)">Concentration
                 Camp Vught </a>
-            <a href="{% url 'evolution_of_holocaust_3' %}#gestapo-prison" class="list-group-item list-group-item-action" onclick="makeActive(event)"> Gestapo Prison
+            <a href="{% url 'evolution_of_holocaust_3' %}#gestapo-prison" class="list-group-item list-group-item-action"
+                onclick="makeActive(event)"> Gestapo Prison
                 Scheveningen </a>
-            <a href="{% url 'evolution_of_holocaust_3' %}#german-investigation" class="list-group-item list-group-item-action" onclick="makeActive(event)"> German
+            <a href="{% url 'evolution_of_holocaust_3' %}#german-investigation"
+                class="list-group-item list-group-item-action" onclick="makeActive(event)"> German
                 Investigation and Punishment Prison - Utrecht
             </a>
-            <a href="{% url 'evolution_of_holocaust_4' %}" class="list-group-item list-group-item-action" onclick="makeActive(event)"> Transit Camp
+            <a href="{% url 'evolution_of_holocaust_4' %}" class="list-group-item list-group-item-action"
+                onclick="makeActive(event)"> Transit Camp
                 Westerbork
             </a>
-            <a href="#" class="list-group-item list-group-item-action" onclick="makeActive(event)">
+            <a href="{% url 'evolution_of_holocaust_8' %}#german-concentration"
+                class="list-group-item list-group-item-action" onclick="makeActive(event)">
                 German Concentration Camp Mail
             </a>
-            <a href="#" class="list-group-item list-group-item-action" onclick="makeActive(event)">
+            <a href="{% url 'evolution_of_holocaust_9' %}#post-war" class="list-group-item list-group-item-action"
+                onclick="makeActive(event)">
                 Post War Enquiries
             </a>
         </div>
@@ -105,7 +112,8 @@ <h2> Tragedy Foretold </h2>
             <div class="col-lg-2"></div>
             <div class="col-lg-8">
                 <figure class="figure">
-                    <img src="{% static 'images/evolution-of-holocaust/change of address card 1.png' %}" class="img-fluid">
+                    <img src="{% static 'images/evolution-of-holocaust/change of address card 1.png' %}"
+                        class="img-fluid">
                     <figcaption class="figure-caption">Change of Address
                         Card - September 8, 1943</figcaption>
                     <figcaption class="figure-caption unbold">Domestic change of
@@ -238,7 +246,8 @@ <h2> Legal Refugees </h2>
         <div class="row new-row-indent-sm end-row-indent-sm">
             <div class="col-lg-4">
                 <figure class="figure">
-                    <img src="{% static 'images/evolution-of-holocaust/Palestine Pioneer Farm, Weerselo.png' %}" class="img-fluid">
+                    <img src="{% static 'images/evolution-of-holocaust/Palestine Pioneer Farm, Weerselo.png' %}"
+                        class="img-fluid">
                     <figcaption class="figure-caption">Palestine Pioneer Farm, Weerselo </figcaption>
                 </figure>
             </div>
@@ -342,14 +351,16 @@ <h2> Illegal Refugees </h2>
 
             <div class="col-lg-6">
                 <figure class="figure">
-                    <img src="{% static 'images/evolution-of-holocaust/camp’s-private-mailbox.png' %}" class="img-fluid">
+                    <img src="{% static 'images/evolution-of-holocaust/camp’s-private-mailbox.png' %}"
+                        class="img-fluid">
                 </figure>
                 <p>Refugee mail had to be deposited in the camp’s private mailbox, after which it was read by a
                     censor and given the red hand stamp shown on the reverse.</p>
             </div>
             <div class="col-lg-6">
                 <figure class="figure">
-                    <img src="{% static 'images/evolution-of-holocaust/refugee camp westerbork.png' %}" class="img-fluid">
+                    <img src="{% static 'images/evolution-of-holocaust/refugee camp westerbork.png' %}"
+                        class="img-fluid">
                     <figcaption class="figure-caption">Refugee Camp Westerbork</figcaption>
                 </figure>
             </div>
@@ -524,7 +535,8 @@ <h2> The S.S. St. Louis Voyage of the Damned </h2>
             </div>
             <div class="col-lg-2">
                 <figure class="figure">
-                    <img src="{% static 'images/evolution-of-holocaust/Captain Gustav Schröder.png' %}" class="img-fluid">
+                    <img src="{% static 'images/evolution-of-holocaust/Captain Gustav Schröder.png' %}"
+                        class="img-fluid">
                     <figcaption class="figure-caption">Captain Gustav Schröder
                     </figcaption>
                 </figure>
@@ -564,7 +576,8 @@ <h2> The S.S. St. Louis Voyage of the Damned </h2>
             <div class="row">
                 <div class="col-lg-6">
                     <figure class="figure">
-                        <img src="{% static 'images/evolution-of-holocaust/Anti-Jewish Graffiti.png' %}" class="img-fluid">
+                        <img src="{% static 'images/evolution-of-holocaust/Anti-Jewish Graffiti.png' %}"
+                            class="img-fluid">
                         <figcaption class="figure-caption">Anti-Jewish Graffiti</figcaption>
                     </figure>
                 </div>
@@ -600,8 +613,10 @@ <h2> The S.S. St. Louis Voyage of the Damned </h2>
 
             <div class="col-lg-6">
                 <figure class="figure">
-                    <img src="{% static 'images/evolution-of-holocaust/Entry in “The 102,000 Names”.png' %}" class="img-fluid">
-                    <figcaption class="figure-caption">Entry in “The 102,000 Names”© 2018 Herinneringscentrum Kamp Westerbork</figcaption>
+                    <img src="{% static 'images/evolution-of-holocaust/Entry in “The 102,000 Names”.png' %}"
+                        class="img-fluid">
+                    <figcaption class="figure-caption">Entry in “The 102,000 Names”© 2018 Herinneringscentrum Kamp
+                        Westerbork</figcaption>
                 </figure>
             </div>
 
@@ -610,18 +625,18 @@ <h2> The S.S. St. Louis Voyage of the Damned </h2>
         <!-- End Central Refugee/Transit Camp Westerbork -->
         <nav aria-label="Page navigation example" class="pagination-nav">
             <ul class="pagination justify-content-center">
-              <li class="page-item active"><a class="page-link" href="{% url 'evolution_of_holocaust' %}">1</a></li>
-              <li class="page-item"><a class="page-link" href="{% url 'evolution_of_holocaust_2' %}">2</a></li>
-              <li class="page-item"><a class="page-link" href="{% url 'evolution_of_holocaust_3' %}">3</a></li>
-              <li class="page-item"><a class="page-link" href="{% url 'evolution_of_holocaust_4' %}">4</a></li>
-              <li class="page-item"><a class="page-link" href="{% url 'evolution_of_holocaust_4' %}">5</a></li>
-              <li class="page-item"><a class="page-link" href="{% url 'evolution_of_holocaust_6' %}">6</a></li>
-              <li class="page-item"><a class="page-link" href="{% url 'evolution_of_holocaust_7' %}">7</a></li>
-              <li class="page-item"><a class="page-link" href="#">8</a></li>
-              <li class="page-item"><a class="page-link" href="#">9</a></li>
-              <li class="page-item"><a class="page-link" href="{% url 'evolution_of_holocaust_2' %}">Next</a></li>
+                <li class="page-item active"><a class="page-link" href="{% url 'evolution_of_holocaust' %}">1</a></li>
+                <li class="page-item"><a class="page-link" href="{% url 'evolution_of_holocaust_2' %}">2</a></li>
+                <li class="page-item"><a class="page-link" href="{% url 'evolution_of_holocaust_3' %}">3</a></li>
+                <li class="page-item"><a class="page-link" href="{% url 'evolution_of_holocaust_4' %}">4</a></li>
+                <li class="page-item"><a class="page-link" href="{% url 'evolution_of_holocaust_4' %}">5</a></li>
+                <li class="page-item"><a class="page-link" href="{% url 'evolution_of_holocaust_6' %}">6</a></li>
+                <li class="page-item"><a class="page-link" href="{% url 'evolution_of_holocaust_7' %}">7</a></li>
+                <li class="page-item"><a class="page-link" href="{% url 'evolution_of_holocaust_8' %}">8</a></li>
+                <li class="page-item"><a class="page-link" href="{% url 'evolution_of_holocaust_9' %}">9</a></li>
+                <li class="page-item"><a class="page-link" href="{% url 'evolution_of_holocaust_2' %}">Next</a></li>
             </ul>
-          </nav>
+        </nav>
 
     </div>
     <!-- end exhibit content -->

diff --git a/theme/templates/postal/evolution_of_holocaust_2.html b/theme/templates/postal/evolution_of_holocaust_2.html
@@ -31,22 +31,29 @@
             <a href="{% url 'evolution_of_holocaust_2' %}#civil-internment"
                 class="list-group-item list-group-item-action" onclick="makeActive(event)"> Civil Internment
                 Camps</a>
-            <a href="{% url 'evolution_of_holocaust_3' %}#camp-amersfoort" class="list-group-item list-group-item-action" onclick="makeActive(event)"> Concentration
+            <a href="{% url 'evolution_of_holocaust_3' %}#camp-amersfoort"
+                class="list-group-item list-group-item-action" onclick="makeActive(event)"> Concentration
                 Camp Amersfoort</a>
-            <a href="{% url 'evolution_of_holocaust_3' %}#camp-vught" class="list-group-item list-group-item-action" onclick="makeActive(event)">Concentration
+            <a href="{% url 'evolution_of_holocaust_3' %}#camp-vught" class="list-group-item list-group-item-action"
+                onclick="makeActive(event)">Concentration
                 Camp Vught </a>
-            <a href="{% url 'evolution_of_holocaust_3' %}#gestapo-prison" class="list-group-item list-group-item-action" onclick="makeActive(event)"> Gestapo Prison
+            <a href="{% url 'evolution_of_holocaust_3' %}#gestapo-prison" class="list-group-item list-group-item-action"
+                onclick="makeActive(event)"> Gestapo Prison
                 Scheveningen </a>
-            <a href="{% url 'evolution_of_holocaust_3' %}#german-investigation" class="list-group-item list-group-item-action" onclick="makeActive(event)"> German
+            <a href="{% url 'evolution_of_holocaust_3' %}#german-investigation"
+                class="list-group-item list-group-item-action" onclick="makeActive(event)"> German
                 Investigation and Punishment Prison - Utrecht
             </a>
-            <a href="{% url 'evolution_of_holocaust_4' %}" class="list-group-item list-group-item-action" onclick="makeActive(event)"> Transit Camp
+            <a href="{% url 'evolution_of_holocaust_4' %}" class="list-group-item list-group-item-action"
+                onclick="makeActive(event)"> Transit Camp
                 Westerbork
             </a>
-            <a href="#" class="list-group-item list-group-item-action" onclick="makeActive(event)">
+            <a href="{% url 'evolution_of_holocaust_8' %}#german-concentration"
+                class="list-group-item list-group-item-action" onclick="makeActive(event)">
                 German Concentration Camp Mail
             </a>
-            <a href="#" class="list-group-item list-group-item-action" onclick="makeActive(event)">
+            <a href="{% url 'evolution_of_holocaust_9' %}#post-war" class="list-group-item list-group-item-action"
+                onclick="makeActive(event)">
                 Post War Enquiries
             </a>
         </div>
@@ -528,8 +535,8 @@ <h2> The Dutch Resistance </h2>
                 <li class="page-item"><a class="page-link" href="{% url 'evolution_of_holocaust_5' %}">5</a></li>
                 <li class="page-item"><a class="page-link" href="{% url 'evolution_of_holocaust_6' %}">6</a></li>
                 <li class="page-item"><a class="page-link" href="{% url 'evolution_of_holocaust_7' %}">7</a></li>
-                <li class="page-item"><a class="page-link" href="#">8</a></li>
-                <li class="page-item"><a class="page-link" href="#">9</a></li>
+                <li class="page-item"><a class="page-link" href="{% url 'evolution_of_holocaust_8' %}">8</a></li>
+                <li class="page-item"><a class="page-link" href="{% url 'evolution_of_holocaust_9' %}">9</a></li>
                 <li class="page-item"><a class="page-link" href="{% url 'evolution_of_holocaust_3' %}">Next</a></li>
             </ul>
         </nav>

diff --git a/theme/templates/postal/evolution_of_holocaust_3.html b/theme/templates/postal/evolution_of_holocaust_3.html
@@ -31,22 +31,29 @@
             <a href="{% url 'evolution_of_holocaust_2' %}#civil-internment"
                 class="list-group-item list-group-item-action" onclick="makeActive(event)"> Civil Internment
                 Camps</a>
-            <a href="{% url 'evolution_of_holocaust_3' %}#camp-amersfoort" class="list-group-item list-group-item-action" onclick="makeActive(event)"> Concentration
+            <a href="{% url 'evolution_of_holocaust_3' %}#camp-amersfoort"
+                class="list-group-item list-group-item-action" onclick="makeActive(event)"> Concentration
                 Camp Amersfoort</a>
-            <a href="{% url 'evolution_of_holocaust_3' %}#camp-vught" class="list-group-item list-group-item-action" onclick="makeActive(event)">Concentration
+            <a href="{% url 'evolution_of_holocaust_3' %}#camp-vught" class="list-group-item list-group-item-action"
+                onclick="makeActive(event)">Concentration
                 Camp Vught </a>
-            <a href="{% url 'evolution_of_holocaust_3' %}#gestapo-prison" class="list-group-item list-group-item-action" onclick="makeActive(event)"> Gestapo Prison
+            <a href="{% url 'evolution_of_holocaust_3' %}#gestapo-prison" class="list-group-item list-group-item-action"
+                onclick="makeActive(event)"> Gestapo Prison
                 Scheveningen </a>
-            <a href="{% url 'evolution_of_holocaust_3' %}#german-investigation" class="list-group-item list-group-item-action" onclick="makeActive(event)"> German
+            <a href="{% url 'evolution_of_holocaust_3' %}#german-investigation"
+                class="list-group-item list-group-item-action" onclick="makeActive(event)"> German
                 Investigation and Punishment Prison - Utrecht
             </a>
-            <a href="{% url 'evolution_of_holocaust_4' %}" class="list-group-item list-group-item-action" onclick="makeActive(event)"> Transit Camp
+            <a href="{% url 'evolution_of_holocaust_4' %}" class="list-group-item list-group-item-action"
+                onclick="makeActive(event)"> Transit Camp
                 Westerbork
             </a>
-            <a href="#" class="list-group-item list-group-item-action" onclick="makeActive(event)">
+            <a href="{% url 'evolution_of_holocaust_8' %}#german-concentration"
+                class="list-group-item list-group-item-action" onclick="makeActive(event)">
                 German Concentration Camp Mail
             </a>
-            <a href="#" class="list-group-item list-group-item-action" onclick="makeActive(event)">
+            <a href="{% url 'evolution_of_holocaust_9' %}#post-war" class="list-group-item list-group-item-action"
+                onclick="makeActive(event)">
                 Post War Enquiries
             </a>
         </div>
@@ -386,7 +393,7 @@ <h2> Imprisonment </h2>
             <div class="col-lg-3"></div>
 
         </div>
-         <!-- End German Investigation and Punishment Prison – Utrecht -->
+        <!-- End German Investigation and Punishment Prison – Utrecht -->
         <nav aria-label="Page navigation example" class="pagination-nav">
             <ul class="pagination justify-content-center">
                 <li class="page-item"><a class="page-link" href="{% url 'evolution_of_holocaust_2' %}">Previous</a></li>
@@ -397,8 +404,8 @@ <h2> Imprisonment </h2>
                 <li class="page-item"><a class="page-link" href="{% url 'evolution_of_holocaust_5' %}">5</a></li>
                 <li class="page-item"><a class="page-link" href="{% url 'evolution_of_holocaust_6' %}">6</a></li>
                 <li class="page-item"><a class="page-link" href="{% url 'evolution_of_holocaust_7' %}">7</a></li>
-                <li class="page-item"><a class="page-link" href="#">8</a></li>
-                <li class="page-item"><a class="page-link" href="#">9</a></li>
+                <li class="page-item"><a class="page-link" href="{% url 'evolution_of_holocaust_8' %}">8</a></li>
+                <li class="page-item"><a class="page-link" href="{% url 'evolution_of_holocaust_9' %}">9</a></li>
                 <li class="page-item"><a class="page-link" href="{% url 'evolution_of_holocaust_4' %}">Next</a></li>
             </ul>
         </nav>