{% extends "base_standard.html" %}

{% load static %}

{% 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-50 i">Header image adapted from <a href="https://commons.wikimedia.org/wiki/File:Stars_01_(MK).jpg" class="black-50 normal underline">Stars 01</a> by Mathias Krumbholz (CC BY-SA 3.0 Deed). Icons adapted from <a href="https://thenounproject.com/icon/magnifying-glass-304610/" class="black-50 normal underline">Magnifying Glass</a> by Rohith M S, <a href="https://thenounproject.com/icon/magnifying-glass-6485038/" class="black-50 normal underline">Magnifying Glass</a> by icondesign178 and <a href="https://thenounproject.com/icon/upload-6493826/" class="black-50 normal underline">Upload</a> by sureya from Noun Project (CC BY 3.0)</p>
  </div>
{% endblock outercontent %}