simulacrumparty
/
oslo


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123
							{% import "components.html" as components %}
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Microblog Admin</title>
    <style>
      * {
        box-sizing: border-box;
        margin: 0;
        padding: 0;
      }

      body {
        background: #aab5a9;
        color: #000;
        font-family: Verdana, Geneva, Tahoma, sans-serif;
        font-size: 12px;
      }

      a {
        color: #000;
      }

      a:hover {
        text-decoration: none;
      }

      .header,
      .container {
        margin: auto;
        max-width: 800px;
        padding: 1em;
      }

      .form__field {
        margin: 1em 0;
      }

      .form__label {
        display: block;
        margin-bottom: 0.5em;
      }

      .form__textarea,
      .form__text-field {
        font-family: Verdana, Geneva, Tahoma, sans-serif;
        font-size: 12px;
        padding: 0.25em;
        width: 100%;
      }

      .form__textarea {
        height: 200px;
        resize: vertical;
      }

      .form__button {
        padding: 0.25em 1em;
      }

      .post {
        margin: 3em 0;
      }

      .post__heading {
        background: white;
        border: 1px solid #383e37;
        display: flex;
        font-size: 12px;
        font-style: italic;
        justify-content: space-between;
        margin-bottom: 1em;
        padding: 0.5em;
      }

      .post__title {
        flex: 1;
        text-align: right;
      }

      .post__link {
        font-style: normal;
        font-weight: normal;
      }

      .post__body {
        border-top: none;
        padding: 0.5em;
      }

      .error {
        color: #942626;
        text-align: center;
      }

      .error__heading {
        margin: 2em 0 1em;
      }

      .error__message {
        font-size: 18px;
      }

      @media (max-width: 500px) {
        .form__button {
          width: 100%;
        }
      }
    </style>
  </head>
  <body>
    <header class="header">
      {% if logged_in %}
      <a href="/logout">logout</a>
      {% endif %}
    </header>
    <div class="container">
      {% block content %} {% endblock %}
    </div>
  </body>
</html>