Show PDF download button

src/assets/img/icon-pdf.svg

@@ -0,0 +1,26 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 24.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#DC3A59;}
+	.st1{fill:#FFFFFF;}
+</style>
+<path class="st0" d="M912,217.1c10.7,10.7,19.8,25.1,27.4,43.4s11.4,35,11.4,50.3v658.3c0,15.3-5.3,28.2-16,38.9
+	c-10.7,10.7-23.6,16-38.9,16H128c-15.3,0-28.2-5.3-38.9-16s-16-23.6-16-38.9V54.9c0-15.3,5.3-28.2,16-38.9S112.7,0,128,0h512
+	c15.3,0,32,3.8,50.3,11.4s32.7,16.7,43.4,27.4L912,217.1z"/>
+<path class="st1" d="M658.3,77.7v214.9h214.9c-3.8-11-8-18.9-12.6-23.4L681.7,90.3C677.1,85.7,669.3,81.5,658.3,77.7z M877.7,950.9
+	V365.7H640c-15.3,0-28.2-5.3-38.9-16c-10.7-10.7-16-23.6-16-38.9V73.1H146.3v877.7H877.7z"/>
+<path class="st0" d="M584,612c12.6,9.9,28.6,20.6,48,32c22.5-2.7,44.7-4,66.9-4c56,0,89.7,9.3,101.1,28c6.1,8.4,6.5,18.3,1.1,29.7
+	c0,0.4-0.2,0.7-0.6,1.1l-1.1,1.1v0.6c-2.3,14.5-15.8,21.7-40.6,21.7c-18.3,0-40.2-3.8-65.7-11.4c-25.5-7.6-50.3-17.7-74.3-30.3
+	c-84.2,9.1-158.9,25-224,47.4c-58.3,99.8-104.4,149.7-138.3,149.7c-5.7,0-11-1.3-16-4l-13.7-6.9c-0.4-0.4-1.5-1.3-3.4-2.9
+	c-3.8-3.8-5-10.7-3.4-20.6c3.4-15.3,14.1-32.7,32-52.3c17.9-19.6,43-38,75.4-55.1c5.3-3.4,9.7-2.3,13.1,3.4c0.7,0.7,1.1,1.5,1.1,2.3
+	c19.8-32.4,40.2-69.9,61.1-112.6c25.9-51.8,45.7-101.7,59.4-149.7c-9.1-31.3-15-61.6-17.4-91.1c-2.5-29.5-1.3-53.8,3.7-72.9
+	c4.2-15.3,12.2-22.9,24-22.9h12h0.6c8.7,0,15.4,2.9,20,8.6c6.9,8,10.2,21.7,10.7,30.7c0.5,8.9-0.7,22.2-1.5,34.5
+	c-0.8,12.2-9.1,83.4-13.7,109.7C521.5,538.5,549.3,583.8,584,612z M254.9,846.9c19.8-9.1,45.9-39.3,78.3-90.3
+	c-19.4,15.3-36.1,31.3-50,48C269.3,821.3,259.8,835.4,254.9,846.9z M482.3,321.1c-5.7,16-6.1,41.1-1.1,75.4c0.4-2.7,1.7-11,4-25.1
+	c0-1.1,1.3-9.3,4-24.6c0.4-1.5,1.1-5.5,1.1-7.4c-0.4-8.4-2.9-15.3-7.4-20.6C482.9,319.3,482.3,321.1,482.3,321.1z M411.4,698.9
+	c51.4-20.6,105.5-36,162.3-46.3c-0.7-0.4-3.3-2.2-7.4-5.4c-4.2-3.3-7.3-5.8-9.1-7.7c-29-25.5-53.1-59-72.6-100.6
+	c-10.3,32.7-26.1,70.3-47.4,112.6C425.7,672.7,417.1,688.6,411.4,698.9z M780.6,689.7c-9.1-9.1-35.8-13.7-80-13.7
+	c29,10.7,52.6,16,70.9,16c5.3,0,8.7-0.2,10.3-0.6C781.7,691,781.3,690.5,780.6,689.7z"/>
+</svg>

src/assets/static/style.css

@@ -32,7 +32,9 @@ i.icon:before {
 i.icon.gf:before {background-image: url('../img/icon-glutenfree.svg')}
 i.icon.raw:before {background-image: url('../img/icon-raw.svg')}
 i.icon.veg:before {background-image: url('../img/icon-vegan.svg')}
-i.icon.yield:before {background-image: url('../img/icon-yield.svg.svg')}
+i.icon.yield:before {background-image: url('../img/icon-yield.svg')}
+i.icon.pdf:before {background-image: url('/img/icon-pdf.svg')}
+.h1em { height: 1.5ex }
 
 /*
  * General

src/databags/i18n+de.ini

@@ -20,3 +20,6 @@ all_recipes = Alle Rezepte
 recipes = Rezepte
 ingredients = Zutaten
 directions = Zubereitung
+
+[other]
+get_pdf = PDF runterladen

src/databags/i18n+en.ini

@@ -20,3 +20,6 @@ all_recipes = All recipes
 recipes = Recipes
 ingredients = Ingredients
 directions = Directions
+
+[other]
+get_pdf = Download PDF

src/templates/recipes.html

@@ -3,7 +3,7 @@
 {% from "macros/pagination.html" import render_pagination_all %}
 {% block title %}{{ localize(this.alt, 'title.recipes') }}{% endblock %}
 {% block body %}
-  <h1>{{ localize(this.alt, 'title.recipes') }}</h1>
+  <h1>{{ localize(this.alt, 'title.recipes') }} <a href="/static/pdf-{{ this.alt }}.pdf" download="recipes-{{ this.alt }}.pdf" title="{{ localize(this.alt, 'other', 'get_pdf') }}"><img class="h1em" alt="(PDF)" height="20pt" src="{{ '/img/icon-pdf.svg'|url }}"></a></h1>
   {{ render_recipe_list(this.pagination.items) }}
   {{ render_pagination_all(this.pagination) }}
 {% endblock %}