{% extends "base.html" %}
{% load static %}

{% block body_class %}template-darkbackground newsletter-page{% endblock %}

{% block extra_css %}
  <link rel="stylesheet" type="text/css" href="{% static 'css/newsletter.css' %}">
{% endblock %}

{% block content %}
  <section class="newsletter-status{% if success %} is-success{% else %} is-failure{% endif %}">
    <h1>{{ title }}</h1>
    <div class="newsletter-status-message">{{ message|safe }}</div>
    <a class="newsletter-back-link" href="/">
      <span class="newsletter-back-link__icon" aria-hidden="true"></span>
      <span class="newsletter-back-link__text">回到首頁</span>
    </a>
  </section>
{% endblock %}