Add titles to main pages

src/storefront/templates/storefront/about.html

@@ -1,6 +1,8 @@
 {% extends "base.html" %}
 {% load static %}
 
+{% block head_title %}About | {% endblock %}
+
 {% block content %}
 <article>
     <header>
@@ -19,6 +21,9 @@
         <p>We love the place coffee takes in conversation, culture and commerce. We seek out the world’s rarest coffees for taste and consistency. We roast and blend coffees at <strong>Port Townsend Coffee Roasting Co.</strong> with the hope that you will enjoy every cup.</p>
     </section>
     <section>
+        <figure>
+            <img src="{% static '/images/pt_coffee_01.jpg' %}" alt="">
+        </figure>
         <h3>Style of roast</h3>
         <p>We roast in a European style, specifically similar to that of central Italy. The blending and roasting process determines the flavor and body of the coffee equally as much as the kinds of beans used. Italians are noted for their blending skills.</p>
         <p><q>We blend and roast to suit our own personal tastes, creating a smooth, less acidic, sweeter flavor. Our coffee has a perceivably heavy feeling in the mouth. Our roasts take longer and require attention. Controlling air flow around the beans in the roasting drum is crucial in developing the flavor and body of the coffees we roast. At times in the roasting, no heat at all is applied to the beans. Done correctly, this can smooth out an otherwise acidic or snappy roast.</q></p>

src/storefront/templates/storefront/cart_detail.html

@@ -1,5 +1,7 @@
 {% extends "base.html" %}
 
+{% block head_title %}Cart | {% endblock %}
+
 {% block content %}
 <article>
     <header>

src/storefront/templates/storefront/checkout_address.html

@@ -1,6 +1,8 @@
 {% extends "base.html" %}
 {% load static %}
 
+{% block head_title %}Checkout | {% endblock %}
+
 {% block content %}
 <article>
     <header>

src/storefront/templates/storefront/contact_form.html

@@ -1,5 +1,7 @@
 {% extends "base.html" %}
 
+{% block head_title %}Contact | {% endblock %}
+
 {% block content %}
 <article>
     <header>

src/storefront/templates/storefront/customer_detail.html

@@ -1,6 +1,8 @@
 {% extends "base.html" %}
 {% load static %}
 
+{% block head_title %}Account | {% endblock %}
+
 {% block content %}
 <article>
     <header class="article__header--with-action">

src/storefront/templates/storefront/fairtrade.html

@@ -1,6 +1,8 @@
 {% extends "base.html" %}
 {% load static %}
 
+{% block head_title %}Fair Trade | {% endblock %}
+
 {% block content %}
 <article>
     <header>

src/storefront/templates/storefront/order_form.html

@@ -1,6 +1,8 @@
 {% extends "base.html" %}
 {% load static %}
 
+{% block head_title %}Checkout | {% endblock %}
+
 {% block head %}
 <script defer src="https://www.paypal.com/sdk/js?client-id={{PAYPAL_CLIENT_ID}}&currency=USD"></script>
 <script type="module" defer src="{% static 'scripts/payment.js' %}"></script>

src/storefront/templates/storefront/payment_cancelled.html

@@ -1,5 +1,7 @@
 {% extends "base.html" %}
 
+{% block head_title %}Payment Cancelled | {% endblock %}
+
 {% block content %}
 <article>
     <h1>Payment declined</h1>   

src/storefront/templates/storefront/payment_done.html

@@ -1,5 +1,7 @@
 {% extends "base.html" %}
 
+{% block head_title %}Payment Success | {% endblock %}
+
 {% block content %}
 <article>
     <h1>Payment was successful</h1>

src/storefront/templates/storefront/product_detail.html

@@ -1,6 +1,8 @@
 {% extends "base.html" %}
 {% load static %}
 
+{% block head_title %}{{ product.name }} | {% endblock %}
+
 {% block head %}
     <script defer src="{% static 'scripts/product_gallery.js' %}"></script>
 {% endblock %}

src/storefront/templates/storefront/product_list.html

@@ -1,6 +1,8 @@
 {% extends 'base.html' %}
 {% load static %}
 
+{% block head_title %}Coffee | {% endblock %}
+
 {% block head %}
     <script defer src="{% static 'scripts/product_list.js' %}"></script>
 {% endblock %}

src/storefront/templates/storefront/reviews.html

@@ -1,6 +1,8 @@
 {% extends 'base.html' %}
 {% load static %}
 
+{% block head_title %}Reviews | {% endblock %}
+
 {% block content %}
 <article>
     <header>