Daily email archive page and pager templates

web/themes/custom/opdavies/templates/views-mini-pager.html.twig

@@ -0,0 +1,41 @@
+{#
+/**
+ * @file
+ * Default theme implementation for a views mini-pager.
+ *
+ * Available variables:
+ * - heading_id: Pagination heading ID.
+ * - pagination_heading_level: The heading level to use for the pager.
+ * - items: List of pager items.
+ *
+ * @see template_preprocess_views_mini_pager()
+ *
+ * @ingroup themeable
+ */
+#}
+{% if items.previous or items.next %}
+  <nav class="flex justify-center pt-10 space-x-6" aria-labelledby="{{ heading_id }}">
+    <{{ pagination_heading_level }} id="{{ heading_id }}" class="visually-hidden">{{ 'Pagination'|t }}</{{ pagination_heading_level }}>
+      {% if items.previous %}
+        <a href="{{ items.previous.href }}" title="{{ 'Go to previous page'|t }}" rel="prev"{{ items.previous.attributes|without('href', 'title', 'rel') }}>
+          <span class="visually-hidden">{{ 'Previous page'|t }}</span>
+          <span aria-hidden="true">{{ items.previous.text|default('‹‹'|t) }}</span>
+        </a>
+      {% endif %}
+
+      {% if items.current %}
+        <span class="sr-only">
+          {% trans %}
+            Page {{ items.current }}
+          {% endtrans %}
+        </span>
+      {% endif %}
+
+    {% if items.next %}
+      <a href="{{ items.next.href }}" title="{{ 'Go to next page'|t }}" rel="next"{{ items.next.attributes|without('href', 'title', 'rel') }}>
+        <span class="visually-hidden">{{ 'Next page'|t }}</span>
+        <span aria-hidden="true">{{ items.next.text|default('››'|t) }}</span>
+      </a>
+    {% endif %}
+  </nav>
+{% endif %}

web/themes/custom/opdavies/templates/views-view--daily-email-archive.html.twig

@@ -42,23 +42,21 @@
   {{ title }}
   {{ title_suffix }}
 
-  <div>
+  <div class="prose prose-p:text-black prose-a:font-light prose-a:text-blue-primary prose-p:text-lg prose-blockquote:border-blue-primary dark:marker:text-white prose-li:my-1 prose-li:text-lg prose-figcaption:text-white prose-li:text-black marker:text-black dark:prose-p:text-white dark:prose-invert dark:prose-a:text-blue-400 dark:prose-blockquote:border-blue-400 dark:prose-li:text-white hover:prose-a:no-underline prose-h2:text-xl prose-code:font-normal prose-h2:mb-4 prose-ul:my-3 dark:prose-hr:border-grey-400 prose-code:before:content-[''] prose-code:after:content-['']">
-    <div class="prose prose-p:text-black prose-a:font-light prose-a:text-blue-primary prose-p:text-lg prose-blockquote:border-blue-primary dark:marker:text-white prose-li:my-1 prose-li:text-lg prose-figcaption:text-white prose-li:text-black marker:text-black dark:prose-p:text-white dark:prose-invert dark:prose-a:text-blue-400 dark:prose-blockquote:border-blue-400 dark:prose-li:text-white hover:prose-a:no-underline prose-h2:text-xl prose-code:font-normal prose-h2:mb-4 prose-ul:my-3 dark:prose-hr:border-grey-400 prose-code:before:content-[''] prose-code:after:content-['']">
+    {% if header %}
-      {% if header %}
+      <header>
-        <header>
+        {{ header }}
-          {{ header }}
+      </header>
-        </header>
+    {% endif %}
-      {% endif %}
 
-      {{ exposed }}
+    {{ exposed }}
-      {{ attachment_before }}
+    {{ attachment_before }}
 
-      {% if rows -%}
+    {% if rows -%}
-        {{ rows }}
+      {{ rows }}
-      {% elseif empty -%}
+    {% elseif empty -%}
-        {{ empty }}
+      {{ empty }}
-      {% endif %}
+    {% endif %}
-    </div>
 
     {{ pager }}
   </div>