github.com/cozy/cozy-stack@v0.0.0-20240603063001-31110fa4cae1/assets/templates/error.html (about)

     1  <!DOCTYPE html>
     2  <html lang="{{.Locale}}">
     3    <head>
     4      <meta charset="utf-8">
     5      <meta http-equiv="refresh" content="3600">
     6      <meta name="viewport" content="width=device-width, initial-scale=1">
     7      <meta name="theme-color" content="#fff">
     8      <title>{{.Title}}</title>
     9      <link rel="stylesheet" href="{{asset .Domain "/fonts/fonts.css" .ContextName}}">
    10      <link rel="stylesheet" href="{{asset .Domain "/css/cozy-bs.min.css" .ContextName}}">
    11      <link rel="stylesheet" href="{{asset .Domain "/styles/theme.css" .ContextName}}">
    12      <link rel="stylesheet" href="{{asset .Domain "/styles/cirrus.css" .ContextName}}">
    13      {{.Favicon}}
    14    </head>
    15    <body class="cirrus{{if .Inverted}} theme-inverted{{end}}">
    16      <main class="wrapper">
    17        <header class="wrapper-top">
    18          <a href="https://cozy.io/" class="btn p-2 d-sm-none">
    19            {{if .Inverted}}
    20            <img src="{{asset .Domain "/images/logo-dark.svg"}}" alt="Cozy Cloud" class="logo" />
    21            {{else}}
    22            <img src="{{asset .Domain "/images/logo-light.svg"}}" alt="Cozy Cloud" class="logo" />
    23            {{end}}
    24          </a>
    25        </header>
    26  
    27        <div class="d-flex flex-column align-items-center mb-md-3">
    28          {{if .Illustration}}<img src="{{asset .Domain .Illustration}}" alt="" class="illustration mb-3" />{{end}}
    29          <h1 class="h4 h2-md mb-3 text-center">{{if .ErrorTitle}}{{t .ErrorTitle}}{{else}}{{t "Error Title"}}{{end}}</h1>
    30          <div class="mb-2 mb-md-3">
    31            {{$err := t .Error}}
    32            {{$arr := split $err "\n"}}
    33            {{range $i, $p := $arr}}
    34              {{if ne $p ""}}<p class="text-center mb-2">{{$p}}</p>{{end}}
    35            {{end}}
    36          </div>
    37          {{if .ErrorDetail}}
    38          <div class="mt-2 mb-4 mb-md-5 d-flex flex-row">
    39            <span class="halo-icon shadow me-3"><span class="icon icon-info"></span></span>
    40            <p class="small">{{t .ErrorDetail}}</p>
    41          </div>
    42          {{end}}
    43          {{if .Link}}
    44          <a href="{{.LinkURL}}" class="mb-3">{{t .Link}}</a>
    45          {{end}}
    46        </div>
    47  
    48        <footer>
    49          {{if .SupportEmail}}
    50          <p class="text-center mb-3">
    51            {{t "Error Contact us" }} <a href="mailto:{{.SupportEmail}}">{{.SupportEmail}}</a>.
    52          </p>
    53          {{end}}
    54          {{if .Button}}
    55          <a href="{{.ButtonURL}}" class="btn btn-primary mb-3 w-100">{{t .Button}}</a>
    56          {{end}}
    57        </footer>
    58      </main>
    59      <script src="{{asset .Domain "/scripts/cirrus.js"}}"></script>
    60    </body>
    61  </html>