su_maryville_announcements.twig

{% set announcements = su.collection( "announcements" )
		.activationDate( "now"|date( 'Y-m-d' ), "<=" )
		.deactivationDate( "now"|date( 'Y-m-d' ), ">" ).or().deactivationDate( "", "=" )
		.find() %}

<ul class='custom-announcements'>
{% for announcement in announcements %}
	<li>
		<h5>{{ announcement.title }}</h5>
		{{ announcement.details|markdown }}
	</li>
{% endfor %}
</ul>

<style>
	.custom-announcements {
		padding-left: 0 !important;
	}
	.custom-announcements li {
		list-style-type: none;
		padding-bottom: 1em;
		padding-top: 1em;
		border-bottom: 1px solid rgba(0,0,0,.2);
	}
	.custom-announcements li:last-child {
		border-bottom: 0;
	}
	.custom-announcements li h5 {
		padding-bottom: .25em;
	}
</style>