UCEA

500: Red Theme 

<div class="container flex h-screen items-center text-center justify-center" data-theme="red">
    <div class="flex flex-col items-center">
        <div class="mb-20 text-heading">
            <a href="./index.html" class="flex items-center justify-center w-36 lg:w-auto text-heading max-w-44 h-[87px] -mt-2 xl:mt-0 md:pr-2">
                <svg class="w-full h-auto fill-current">
                    <use href="/front-end/sprite.svg#icon-logo"></use>
                </svg>
            </a>
        </div>
        <div class="mb-2">
            <svg class="fill-current w-24 h-20 text-body">
                <use href="/front-end/sprite.svg#icon-error"></use>
            </svg>
        </div>
        <h1 class="text-body my-2 font-bold text-6xl">500 error</h1>
        <h2 class="text-3xl text-body leading-tight mb-2 font-bold">Sorry, we've encountered an unexpected error</h2>
        <div class="prose prose-xl text-body">
            <p>We are working on fixing the problem - be back soon!</p>
        </div>
    </div>
</div>
 
<div class="container flex h-screen items-center text-center justify-center" {% if dataTheme %}data-theme="{{ dataTheme }}"{% endif %}>
    <div class="flex flex-col items-center">
        <div class="mb-20 text-heading">
            <a href="{{ './index' | path }}" class="flex items-center justify-center w-36 lg:w-auto text-heading max-w-44 h-[87px] -mt-2 xl:mt-0 md:pr-2">
                {% render "@icon", { name: "icon-logo", modifier: "w-full h-auto fill-current", ariaHidden: false } %}
            </a>
        </div>
        <div class="mb-2">
             {% render "@icon", { name: "icon-error", modifier: "fill-current w-24 h-20 text-body"  } %}
        </div>
        <h1 class="text-body my-2 font-bold text-6xl">500 error</h1>
        <h2 class="text-3xl text-body leading-tight mb-2 font-bold">Sorry, we've encountered an unexpected error</h2>
        <div class="prose prose-xl text-body">
            <p>We are working on fixing the problem - be back soon!</p>
        </div>
    </div>
</div>
 
{
  "siteName": "UCEA",
  "dataTheme": "red"
}

No notes defined.