client/src/app/+page-not-found/page-not-found.component.html

   1 <div class="root">
   2   <div *ngIf="status !== 403 && status !== 418" class="box">
   3     <strong>{{ status }}.</strong>
   4     <span class="ml-1 text-muted" i18n>That's an error.</span>
   5
   6     <div class="text mt-4" i18n>
   7       We couldn't find any {{ getRessourceName() }} tied to the URL {{ pathname }} you were looking for.
   8     </div>
   9
  10     <div class="text-muted mt-4">
  11       <span i18n="Possible reasons preceding a list of reasons a `Not Found` error page may occur">Possible reasons:</span>
  12
  13       <ul>
  14         <li i18n>You may have used an outdated or broken link</li>
  15         <li i18n>The {{ getRessourceName() }} may have been moved or deleted</li>
  16         <li i18n>You may have typed the address or URL incorrectly</li>
  17       </ul>
  18     </div>
  19   </div>
  20
  21   <div *ngIf="status === 403" class="box">
  22     <strong>{{ status }}.</strong>
  23     <span class="ml-1 text-muted" i18n>You are not authorized here.</span>
  24
  25     <div class="text mt-4" i18n>
  26       You might need to check your account is allowed by the {{ getRessourceName() }} or instance owner.
  27     </div>
  28   </div>
  29
  30   <div *ngIf="status === 418" class="box">
  31     <strong>{{ status }}.</strong>
  32     <span class="ml-1 text-muted">I'm a teapot.</span>
  33
  34     <div class="text mt-4" i18n="Description of a tea flavour, keeping the 'requested entity body' as a technical expression referring to a web request">
  35       The requested entity body blends sweet bits with a mellow earthiness.
  36     </div>
  37     <div class="text-muted" i18n="This is about Sepia's tea">Sepia seems to like it.</div>
  38   </div>
  39
  40   <img src='/client/assets/images/mascot/{{ getMascotName() }}.svg' alt='{{ status }} mascot'>
  41 </div>