usethesource: Add stars banner image

This commit is contained in:
Ben Sturmfels 2023-10-25 22:51:45 +11:00
parent 2d2ab565da
commit 1d60fb041b
Signed by: bsturmfels
GPG key ID: 023C05E2C9C068F0
2 changed files with 9 additions and 3 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 111 KiB

View file

@ -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"
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%)">
<h1 class="f1 f-subheadline-ns"><a class="white-90" href="{% url 'usethesource:landing' %}">Use the Source</a></h1>
<div class="lh-title ttu tracked tc bg-gray"
style="margin: -0.5rem -1rem 0; background: #24243d url('{% static "usethesource/Stars_01_(MK).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 %}