Honor liquid for loops

[smacz42]

My post here does not respect the for loop that it's enclosed in:

---
date: 2017-04-20
multipage: true
stories:
    - title: "Unicode Domain Phishing"
      link: "https://hackaday.com/2017/04/19/you-think-you-cant-be-phished/"
      notes: |
        * Fixed in Chrome 58+
        * Firefox can temporarily avoid it by setting network.IDN_show_punycode to true in about:config
    - title: "Understanding how we speak - Pink Trombone"
      link: "http://allthingslinguistic.com/post/158603785146/pink-trombone-is-a-clickable-simulator-of-the"
      notes: |
        * [Pink Trombone allows you to move around the parts of the mouth and hear the sounds made](https://dood.al/pinktrombone/)
        * [View the unicode equivalent with sagittal section](http://smu-facweb.smu.ca/~s0949176/sammy/)
        * [Best use of Pink Trombone thus far](https://www.youtube.com/watch?v=7LGnozlwU1o)
    - title: "Quick News"
      link:
      notes: |
        * [System76 moving manufacturing in house](http://blog.system76.com/post/159767214983/entering-phase-three)
        * [Ipython drops support for 2.7](https://ipython.readthedocs.io/en/stable/whatsnew/version6.html)
        * [London Police illegally monitoring activists and journalists](https://www.wsws.org/en/articles/2017/04/15/hack-a15.html)
        * [Bose collected audio info from users via their app](http://fortune.com/2017/04/19/bose-headphones-privacy/)
    - title: "A farewell to graduating seniors"
      link:
      notes: |
        * All graduating seniors please come to the front of the room
---
{% for story in page.stories %}
# [{{ story.title }}]({{ story.link }})
{% if story.image %}
<img src="{{ story.image }}" width="50%"/>
{% endif %}
{{ story.notes }}
{% page_break %}
{% endfor %}