Crisis communication block

<div class="crisis-communication-block box-left">
    <div class="inner-box">
        {% include '@heading' with {
            'type': 'h2',
            'heading_text': title
        } %}

        {% include '@readspeaker-button' %}

        {% include '@paragraph' with {
            'text': description
        } %}

        {% if list.length > 0 %}
            {% include '@list' with {
                'type': 'icon-list',
                'icon_items': list
            } %}
        {% endif %}

        {% if links.length > 0 %}
            {% include '@heading' with {
                'type': 'h3',
                'heading_text': title
            } %}

            {% include '@list' with {
                'type': 'unordered',
                "items": links
            } %}
        {% endif %}
    </div>
</div>
<!-- Default -->
<div class="crisis-communication-block box-left">
    <div class="inner-box">
        <h2>This is a title</h2>

        <button class="readspeaker-button">
            <i class="icon-readspeaker" aria-hidden="true"></i><span>Listen</span>
        </button>

        <p class="">Nulla nec eros lorem. Morbi at augue eu purus congue auctor. Sed id volutpat odio. Nunc congue diam vel diam venenatis, ut consequat urna dapibus. Vivamus at lobortis odio. Sed felis mauris, mattis eget purus at, pharetra ullamcorper risus.</p>

        <ul class="icon-list ">
            <li><i class="icon-twitter" aria-hidden="true"></i><span>Follow the news on Twitter via <a href="javascript:(void);" alt="Twitter">@StadGent</a></span></li>
            <li><i class="icon-phone" aria-hidden="true"></i><span>Emergency number <a href="javascript:(void);" alt="Emergency phone number">09 210 10 10</a></span></li>
            <li><i class="icon-external-link" aria-hidden="true"></i><span><a href="javascript:(void);" alt="Online mourning register">Sign the online mourning register</a></span></li>
        </ul>

        <h3>This is a title</h3>

        <ul class="">
            <li><a href="javascript:(void);">An external link where you can find more info</a></li>
            <li><a href="javascript:(void);">Another internal or external link</a></li>
            <li><a href="javascript:(void);">There might be a third internal or external link</a></li>
        </ul>

    </div>
</div>

<!-- Without Links -->
<div class="crisis-communication-block box-left">
    <div class="inner-box">
        <h2>This is a title</h2>

        <button class="readspeaker-button">
            <i class="icon-readspeaker" aria-hidden="true"></i><span>Listen</span>
        </button>

        <p class="">Nulla nec eros lorem. Morbi at augue eu purus congue auctor. Sed id volutpat odio. Nunc congue diam vel diam venenatis, ut consequat urna dapibus. Vivamus at lobortis odio. Sed felis mauris, mattis eget purus at, pharetra ullamcorper risus.</p>

    </div>
</div>

/* Default */
{
  "title": "This is a title",
  "description": "Nulla nec eros lorem. Morbi at augue eu purus congue auctor. Sed id volutpat odio. Nunc congue diam vel diam venenatis, ut consequat urna dapibus. Vivamus at lobortis odio. Sed felis mauris, mattis eget purus at, pharetra ullamcorper risus.",
  "links": [
    "<a href=\"javascript:(void);\">An external link where you can find more info</a>",
    "<a href=\"javascript:(void);\">Another internal or external link</a>",
    "<a href=\"javascript:(void);\">There might be a third internal or external link</a>"
  ],
  "list": [
    "<i class=\"icon-twitter\" aria-hidden=\"true\"></i><span>Follow the news on Twitter via <a href=\"javascript:(void);\" alt=\"Twitter\">@StadGent</a></span>",
    "<i class=\"icon-phone\" aria-hidden=\"true\"></i><span>Emergency number <a href=\"javascript:(void);\" alt=\"Emergency phone number\">09 210 10 10</a></span>",
    "<i class=\"icon-external-link\" aria-hidden=\"true\"></i><span><a href=\"javascript:(void);\" alt=\"Online mourning register\">Sign the online mourning register</a></span>"
  ]
}

/* Without Links */
{
  "title": "This is a title",
  "description": "Nulla nec eros lorem. Morbi at augue eu purus congue auctor. Sed id volutpat odio. Nunc congue diam vel diam venenatis, ut consequat urna dapibus. Vivamus at lobortis odio. Sed felis mauris, mattis eget purus at, pharetra ullamcorper risus."
}