Update Posts “a-post-with-figures-and-video”

src/posts/a-post-with-figures-and-video.md

@@ -0,0 +1,25 @@
+---
+title: A post with figures and video
+date: 2019-06-18
+tags:
+  - demo-content
+  - blog
+  - media
+---
+A post to demonstrate how a blog post looks on Hylia. Content is all set in the “Body” field as markdown and Eleventy transforms it into a proper HTML post. You can also edit the markdown file directly if you prefer not to use the CMS.
+
+If you want to make an image bleed-out, add a title attribute to it and the front-end will automatically wrap it in a `<figure>` tag for you.
+
+![The top of a grey concrete building with a blue sky in the background](/images/demo-image-1.jpg "Brutalism at its finest. Photo by Artificial Photography on Unsplash.")
+
+You can also add videos to posts from YouTube or Vimeo (or wherever, really) and the front-end will also make those bleed-out for you too.
+
+<iframe width="560" height="315" src="https://www.youtube.com/embed/_38JDGnr0vA" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
+
+Finally, how about a `<blockquote>`?
+
+> Quotes will take a slightly different style to normal body text and look fancy.
+
+![Person holds up a photograph of a riverside and buildings with the same river as a backdrop](/images/demo-image-2.jpg "Remember, if you want a figure and caption, add a 'title' attribute to image in the body field — Photo by Kharytonova Antonina on Unsplash.")
+
+Hopefully, this has demonstrated how simple it is to make a nice looking blog with Hylia.