{% extends "base_standard.html" %}

{% load static %}

{% block head %}
<meta name="description" content="TODO" />
<meta name="keywords" content="TODO" />
{% endblock %}

{% block outercontent %}
  <div class="lh-title ttu tracked tc bg-gray"
       style="margin: -0.5rem -1rem 0; background: #24243d url('{% static "usethesource/stars.jpg" %}'); background-size: cover; background-position: 50%; overflow: auto">
    <h1><a class="f1 f-subheadline-ns lh-title lh-solid-ns white-90 dib pv3 pv4-ns ph4 mv0" href="{% url 'usethesource:landing' %}" style="text-shadow: 0 0 25px black; text-decoration: none; margin-bottom: 1.5rem">Use the Source</a></h1>
  </div>

  <div class="mw8 center ph2 ph3">
    {% block content %}{% endblock %}
  </div>

  <div class="f7 mw8 center ph2 ph3 mt4 mb3">
    <p class="tc black-60 i">Header image adapted from <a href="https://commons.wikimedia.org/wiki/File:Stars_01_(MK).jpg" class="black-50 normal">Stars 01</a> by Mathias Krumbholz (CC BY-SA 3.0 Deed)</p>
  </div>
{% endblock outercontent %}