Create content

The main purpose of your website is to create content.

Create a Google Photo's page

Replace 100000000000000000000 with your Google Photo's ID

<!-- Show the album -->
<div tal:condition="exists:REQUEST/GET/album">
	<div tal:define="album php:Poodle\Google\Photos::getAlbum('100000000000000000000', ${REQUEST/GET/album})" id="media-album-items">
		<h2 tal:content="album/title">album/title</h2>
		<p tal:content="album/summary">album/summary</p>
		<figure tal:repeat="photo album/photos" itemprop="associatedMedia" itemscope="" itemtype="http://schema.org/ImageObject">
			<a itemprop="contentUrl" tal:attributes="href photo/url; data-width photo/width; data-height photo/height">
				<img alt="" itemprop="thumbnail" tal:attributes="src photo/thumbURL; title photo/title"/>
			</a>
			<figcaption itemprop="caption description" tal:content="photo/title">photo/title</figcaption>
		</figure>
	</div>
	<!-- PhotoSwipe feature, can be omitted -->
	<div tal:omit-tag="" tal:include="poodle/media/photoswipe"></div>
</div>

<!-- Show all albums -->
<div tal:condition-else="">
	<a tal:repeat="album php:Poodle\Google\Photos::getAlbums('100000000000000000000')" tal:attributes="href '?album=${album/id}'" style="display:inline-block; width:49%">
		<h2 tal:content="album/title">album/title</h2>
		<img tal:attributes="src album/thumbURL" alt=""/>
		<p tal:content="album/summary">album/summary</p>
	</a>
</div>

Create a remote calendar events page

Replace 'https://calendar.google.com/calendar/ical/calendar/basic.ics' with your own

<!-- Show the upcoming events -->
<div class="vevents" tal:repeat="month php:Poodle\ICal\ICS::upcoming('https://calendar.google.com/calendar/ical/calendar/basic.ics')">
	<h2 tal:content="month/name">Month</h2>
	<div>
	<div tal:repeat="event month/events" class="vevent">
		<h3 tal:content="event/summary">SUMMARY</h3>
		<div tal:condition="event/location">Locatie: <span tal:replace="event/location">LOCATION</span></div>
		<div class="vevent-date"><span tal:replace="php:context.L10N.date('D d', ${event/dtstart})">Za 01</span><span tal:condition="event/dtend"> t/m <span tal:replace="php:context.L10N.date('D d', ${event/dtend})">Su 02</span></span></div>
		<div tal:content="event/description">DESCRIPTION</div>
	</div>
	</div>
</div>

<!-- Show the past events -->
<h1 style="margin-bottom: 1em; margin-top: 4em">Past events</h1>
<div class="vevents" tal:repeat="month php:Poodle\ICal\ICS::past('https://calendar.google.com/calendar/ical/calendar/basic.ics')">
	<h2 tal:content="month/name">Month</h2>
	<div>
	<div tal:repeat="event month/events" class="vevent">
		<h3 tal:content="event/summary">SUMMARY</h3>
		<div tal:condition="event/location">Locatie: <span tal:replace="event/location">LOCATION</span></div>
		<div class="vevent-date"><span tal:replace="php:context.L10N.date('D d', ${event/dtstart})">Za 01</span><span tal:condition="event/dtend"> t/m <span tal:replace="php:context.L10N.date('D d', ${event/dtend})">Su 02</span></span></div>
		<div tal:content="event/description">DESCRIPTION</div>
	</div>
	</div>
</div>