Show splash screen on 503 error

aleksis/core/templates/503.html

-{% extends "core/base.html" %}
-{% load i18n %}
+{% extends "core/vue_index.html" %}
 
-
-{% block content %}
-  <div class="container">
-    <div class="card red">
-      <div class="card-content white-text">
-        <i class="material-icons iconify small left" data-icon="mdi:alert-octagon-outline"></i>
-        <span class="card-title">{% blocktrans %}The maintenance mode is currently enabled. Please try again
-          later.{% endblocktrans %}</span>
-        <p>
-          {% blocktrans %}
-            This page is currently unavailable. If this error persists, contact your site administrators:
-          {% endblocktrans %}
-        </p>
-        {% include "core/partials/admins_list.html" %}
-      </div>
-    </div>
-  </div>
+{% block no_frontend %}
 {% endblock %}

aleksis/core/templates/core/vue_index.html

@@ -29,8 +29,10 @@
       <app ref="aleksisApp"></app>
     </main>
 
-    {% if not need_maintenance_response %}
-      {% vite_asset 'aleksis/core/frontend/index.js' %}
-    {% endif %}
+    {% block no_frontend %}
+      {% if not need_maintenance_response %}
+        {% vite_asset 'aleksis/core/frontend/index.js' %}
+      {% endif %}
+    {% endblock no_frontend %}
   </body>
 </html>