404 error pages

pages/_includes/ui/empty.html

-<div class="empty{% if include.bordered %} empty-bordered{% endif %}">
+{% assign icon = include.icon | default: "search" %}
+<div class="empty{% if include.bordered %} empty-bordered{% endif %}{% if include.class %} {{ include.class }}{% endif %}">
    <div class="empty-icon">
       {% if include.illustration %}
       {% include ui/illustration.html image="undraw_quitting_time_dm8t.svg" class="h-12" %}
+      {% elsif include.icon-text %}
+      <div class="display-4">{{ include.icon-text }}</div>
       {% else %}
-      {% include ui/icon.html icon="search" %}
+      {% include ui/icon.html icon=icon %}
       {% endif %}
+
+
    </div>
 
    <p class="empty-title h3">{{ include.title | default: "No results found" }}</p>
    <p class="empty-subtitle">
-      {{ include.title | default: "Try adjusting your search or filter to find what you're looking for." }}
+      {{ include.subtitle | default: "Try adjusting your search or filter to find what you're looking for." }}
    </p>
    <div class="empty-action">
       <button class="btn btn-primary">{{ include.button-text | default: "Search again" }}</button>

pages/_layouts/error.html

@@ -4,23 +4,4 @@ body-class: border-top-2 border-primary
 ---
 
 {% assign error = site.data.errors[page.error] %}
-<div class="d-flex min-h-full align-items-center justify-content-center">
-	<div class="text-center p-4">
-
-		{% if page.error == 'maintenance' %}
-			<div class="display-2 text-muted mb-3">{% include ui/icon.html icon="settings" class="icon-thin" %}</div>
-			<h1 class="h2 mb-3">{{ error }}</h1>
-			<p class="h4 text-muted font-weight-normal mb-5">We’ll be back shortly!</p>
-		{% else %}
-			<div class="display-2 text-muted mb-3">{{ page.error }}</div>
-
-			<h1 class="h2 mb-3">Oops&hellip; You just found an error page 😭</h1>
-			<p class="h4 text-muted font-weight-normal mb-5">{{ error }}</p>
-
-			<a class="btn btn-primary" href="javascript:history.back()">
-				{% include ui/icon.html icon="arrow-left" class="mr-1" %} Go back
-			</a>
-
-		{% endif %}
-	</div>
-</div>
+{% include ui/empty.html icon="settings" icon-text=page.error title="Oops&hellip; You just found an error page" subtitle=error %}