Alliance Francaise Demo

<templates:section paddingLeft="2rem" paddingRight="2rem" paddingTop="10rem" paddingBottom="10rem" bgimage="https://images.unsplash.com/photo-1560420025-9453f02b4751?ixid=Mnw2ODg1fDB8MXxzZWFyY2h8Nnx8Y2FsZW5kYXJ8ZW58MHx8fHwxNjc2NTIyNDc3&" bgwashcolor="#333333" bgwashopacity="50" bgparallax="true" color="#ffffff" bgposition="center" contentsize="md">

	<h1 style="text-align: center;">Event Calendar</h1>

</templates:section>

<templates:section paddingLeft="2rem" paddingRight="2rem" paddingTop="6rem" paddingBottom="6rem" bgimage="" bgposition="top right">

	<logic:include page="/includes/events/events-page-list/"></logic:include>

	<br />

	<br />

	<div class="eventsCalendar calendar">

		<data:calendar id="calendar" datasource="\Components\Website\Posts::getAllForCategory(2)" as="post" weekmode="liquid" urlcolumn="post_content_url" startdatecolumn="post_event_start_date" initialview="dayGridMonth" useajax="true">

			<div class="eventsCalendar-details">

				<h4 style="margin: 0;"><strong><small>[? $post['post_title'] ?]</small></strong></h4>

				<standard:image hspace="2" alt="[? $post['post_title'] ?]" title="[? $post['post_title'] ?]" src="[? $post['post_icon'] ?]" width="100%" height="50" maintainaspect="crop" />

			</div>

		</data:calendar>

	</div>

</templates:section>

<templates:section paddingLeft="2rem" paddingRight="2rem" paddingTop="10rem" paddingBottom="10rem" bgimage="https://images.unsplash.com/photo-1560420025-9453f02b4751?ixid=Mnw2ODg1fDB8MXxzZWFyY2h8Nnx8Y2FsZW5kYXJ8ZW58MHx8fHwxNjc2NTIyNDc3&" bgwashcolor="#333333" bgwashopacity="50" bgparallax="true" color="#ffffff" bgposition="center" contentsize="md">

	<h1 style="text-align: center;">Event Calendar</h1>

</templates:section>

<templates:section paddingLeft="2rem" paddingRight="2rem" paddingTop="6rem" paddingBottom="6rem" bgimage="" bgposition="top right">

	<logic:include page="/includes/events/events-page-list/"></logic:include>

	<br />

	<br />

	<div class="eventsCalendar calendar">

		<data:calendar id="calendar" datasource="\Components\Website\Posts::getAllForCategory(2)" as="post" weekmode="liquid" urlcolumn="post_content_url" startdatecolumn="post_event_start_date" initialview="dayGridMonth" useajax="true">

			<div class="eventsCalendar-details">

				<h4 style="margin: 0;"><strong><small>[? $post['post_title'] ?]</small></strong></h4>

				<standard:image hspace="2" alt="[? $post['post_title'] ?]" title="[? $post['post_title'] ?]" src="[? $post['post_icon'] ?]" width="100%" height="50" maintainaspect="crop" />

			</div>

		</data:calendar>

	</div>

</templates:section>

Changes

Changes to Page: calendar