<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height" />
    <meta http-equiv="Content-Security-Policy" content="default-src 'unsafe-inline' 'self' <%= apiOriginHostname %>; img-src 'self' <%= apiOriginHostname %>;" />

    <title> Cloudron App Error </title>

    <!-- fonts and CSS -->
    <link href="3rdparty/css/font-awesome.min.css" rel="stylesheet" type="text/css">

    <!-- Latest compiled and minified CSS -->
    <link rel="stylesheet" href="3rdparty/bootstrap-3.3.7.min.css" type="text/css">

    <!-- Use static style as we can't include local stylesheets -->
    <style>

        html {
            height: 100%;
            width: 100%;
            padding: 0;
        }

        body {
            background-color: white;
            padding: 0;
            margin: 0;
            height: 100%;
            width: 100%;
            text-align: center;
        }

        .wrapper {
            display: table;
            width: 100%;
            height: 100%;
        }

        .content {
            display: table-cell;
            width: 100%;
            height: 100%;
            vertical-align: middle;
        }

        footer {
            background-color: #EFEFEF;
            bottom: 0;
            width: 100%;
            color: #555;
            font-size: 14px;
            padding: 5px;
            z-index: 1000;
            position: fixed;
        }

        footer a {
            color: #62bdfc;
            padding: 10px;
        }

    </style>

</head>

<body>

<div class="wrapper">
    <div class="content">
        <h1><i class="fa fa-frown-o fa-fw text-danger"></i></h1>
        <h2>Something has gone wrong</h2>
        This app is currently not running. Try refreshing the page.
    </div>
</div>

<footer class="text-center">
    <span class="text-muted">&copy;2017 <a href="https://cloudron.io" target="_blank">Cloudron</a></span>
    <span class="text-muted"><a href="https://twitter.com/cloudron_io" target="_blank">Twitter <i class="fa fa-twitter"></i></a></span>
    <span class="text-muted"><a href="https://chat.cloudron.io" target="_blank">Chat <i class="fa fa-comments"></i></a></span>
</footer>

</body>
</html>
