usethesource: Add stars banner image

conservancy/usethesource/templates/usethesource/base.html

@@ -1,17 +1,23 @@
 {% 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 pt2 pb3 pt3-ns pb4-ns ph2 bg-gray"
+  <div class="lh-title ttu tracked tc bg-gray"
-       style="margin: -0.5rem -1rem 0; background: rgb(40,61,167); background: radial-gradient(circle, rgba(40,61,167,1) 0%, rgba(0,0,0,1) 100%)">
+       style="margin: -0.5rem -1rem 0; background: #24243d url('{% static "usethesource/Stars_01_(MK).jpg" %}'); background-size: cover; background-position: 50%; overflow: auto">
-    <h1 class="f1 f-subheadline-ns"><a class="white-90" href="{% url 'usethesource:landing' %}">Use the Source</a></h1>
+    <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 %}