diff --git a/docs/_static/images/tutorial/tutorial_10.jpg b/docs/_static/images/tutorial/tutorial_10.jpg deleted file mode 100644 index 36dfab00e9..0000000000 Binary files a/docs/_static/images/tutorial/tutorial_10.jpg and /dev/null differ diff --git a/docs/_static/images/tutorial/tutorial_10.png b/docs/_static/images/tutorial/tutorial_10.png new file mode 100644 index 0000000000..0706a72163 Binary files /dev/null and b/docs/_static/images/tutorial/tutorial_10.png differ diff --git a/docs/_static/images/tutorial/tutorial_2.png b/docs/_static/images/tutorial/tutorial_2.png index 0cb95e0d63..5533c21d74 100644 Binary files a/docs/_static/images/tutorial/tutorial_2.png and b/docs/_static/images/tutorial/tutorial_2.png differ diff --git a/docs/_static/images/tutorial/tutorial_3.png b/docs/_static/images/tutorial/tutorial_3.png index aa50bcafe8..147ca5d93e 100644 Binary files a/docs/_static/images/tutorial/tutorial_3.png and b/docs/_static/images/tutorial/tutorial_3.png differ diff --git a/docs/_static/images/tutorial/tutorial_4a.png b/docs/_static/images/tutorial/tutorial_4a.png index c5d0e68d0a..d185543d4b 100644 Binary files a/docs/_static/images/tutorial/tutorial_4a.png and b/docs/_static/images/tutorial/tutorial_4a.png differ diff --git a/docs/_static/images/tutorial/tutorial_4b.png b/docs/_static/images/tutorial/tutorial_4b.png index 4c79b59d80..9851a326f5 100644 Binary files a/docs/_static/images/tutorial/tutorial_4b.png and b/docs/_static/images/tutorial/tutorial_4b.png differ diff --git a/docs/_static/images/tutorial/tutorial_5.png b/docs/_static/images/tutorial/tutorial_5.png index ddd2246ed9..8f7091396a 100644 Binary files a/docs/_static/images/tutorial/tutorial_5.png and b/docs/_static/images/tutorial/tutorial_5.png differ diff --git a/docs/_static/images/tutorial/tutorial_6.jpg b/docs/_static/images/tutorial/tutorial_6.jpg deleted file mode 100644 index e371b45ffc..0000000000 Binary files a/docs/_static/images/tutorial/tutorial_6.jpg and /dev/null differ diff --git a/docs/_static/images/tutorial/tutorial_6.png b/docs/_static/images/tutorial/tutorial_6.png new file mode 100644 index 0000000000..d39dcf4204 Binary files /dev/null and b/docs/_static/images/tutorial/tutorial_6.png differ diff --git a/docs/_static/images/tutorial/tutorial_7.png b/docs/_static/images/tutorial/tutorial_7.png index 3999e09d38..106191d035 100644 Binary files a/docs/_static/images/tutorial/tutorial_7.png and b/docs/_static/images/tutorial/tutorial_7.png differ diff --git a/docs/_static/images/tutorial/tutorial_8.png b/docs/_static/images/tutorial/tutorial_8.png index 35adde86a8..b4f7d4744e 100644 Binary files a/docs/_static/images/tutorial/tutorial_8.png and b/docs/_static/images/tutorial/tutorial_8.png differ diff --git a/docs/_static/images/tutorial/tutorial_9.png b/docs/_static/images/tutorial/tutorial_9.png index fb08d3637a..33ae8c9979 100644 Binary files a/docs/_static/images/tutorial/tutorial_9.png and b/docs/_static/images/tutorial/tutorial_9.png differ diff --git a/docs/getting_started/tutorial.md b/docs/getting_started/tutorial.md index c2e3f9a212..ceda3b7915 100644 --- a/docs/getting_started/tutorial.md +++ b/docs/getting_started/tutorial.md @@ -547,7 +547,7 @@ Adjust your blog page template to include the images: Here we use the `{% image %}` tag (which exists in the `wagtailimages_tags` library, imported at the top of the template) to insert an `` element, with a `fill-320x240` parameter to indicate that the image should be resized and cropped to fill a 320x240 rectangle. You can read more about using images in templates in the [docs](../topics/images). -![](../_static/images/tutorial/tutorial_6.jpg) +![](../_static/images/tutorial/tutorial_6.png) Since our gallery images are database objects in their own right, we can now query and re-use them independently of the blog post body. Let's define a `main_image` method, which returns the image from the first gallery item (or `None` if no gallery items exist): @@ -848,7 +848,7 @@ Finally, we can update the `blog_page.html` template to display the categories: {% endwith %} ``` -![](../_static/images/tutorial/tutorial_10.jpg) +![](../_static/images/tutorial/tutorial_10.png) ## Where next