<!doctype html>
<html>
<head>
    <meta charset="utf-8">

    <meta property="og:title" content="{{ title_long }}" />
    <meta property="og:description" content="... uns aber, die wir gerettet werden, ist es eine Gotteskraft." />
    <meta property="og:image" content="/icon/logo-300x300.png" />

    <title>{{ title_long }}</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <link rel="stylesheet" href="{{ url_for('static', filename='app.css') }}">
    <script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
    <style>
      body {
          background-color: {{ background_color }};
          color: {{ main_text_color }};
      }
      .site-header {
          background-color: {{ header_color }};
          color: {{ header_text_color }};
      }
  </style>
</head>
<body>
  <header class="site-header">
      <img src="/icon/logo-300x300.png" alt="Logo" class="logo">
      <h1>{{ title_long }}</h1>
  </header>
  
  <div class="container">
    <div id="content">Etwas ist schief gelaufen. Entweder ein Link ist veraltet oder die App ist gerade gestört.<br>Versuche den Freigabelink erneut anzuklicken.</div>
  </div>
</body>
</html>
