Ghost/ghost/admin/app/templates/error.hbs
Peter Zimon 7fa0ff805f Update error page design (#1045)
no issue
* Adding basic 404 animation
* Adding bounce to tumbleweeds on error screen
* Bump Spirit dependency to 0.0.42
2018-09-11 16:29:23 +01:00

31 lines
1.2 KiB
Handlebars

<div class="gh-view">
<section class="flex flex-column items-center flex-grow justify-center h-100 nt10">
<div class="absolute error-background nudge-right--5">
{{svg-jar "desert" class="error-background absolute"}}
<div class="traveler-1">{{svg-jar "tumbleweed" class="w6 h6 absolute bouncer-1"}}</div>
<div class="traveler-2">{{svg-jar "tumbleweed" class="w11 h11 absolute bouncer-2"}}</div>
</div>
<div class="absolute mt50 tc">
<h1 class="midlightgrey error-code-size fw6">{{code}}</h1>
<h2 class="midlightgrey f4 fw3">{{message}}</h2>
</div>
</section>
{{#if stack}}
<section class="error-stack">
<h3>Stack Trace</h3>
<p><strong>{{message}}</strong></p>
<ul class="error-stack-list">
{{#each stack as |item|}}
<li>
at
{{#if item.function}}<em class="error-stack-function">{{item.function}}</em>{{/if}}
<span class="error-stack-file">({{item.at}})</span>
</li>
{{/each}}
</ul>
</section>
{{/if}}
</div>