<div class="template-container" id="exhibition-template">
			{for ex in exhibitions}
				<div class="template-element" style="margin-right: ${ex.margin_right}; width:600px;">
					<img id="${ex_index}" class="exh-image" style="display: block;" src="./exh/${ex_index}/${ex_index}1.png" />
					<img style="display:block;" src="./exh/${ex_index}/name.png" />
					<div class="exhibition-subtext">${ex.subtext}</div>
					<div style="margin-top: 5px; height: 15px;">
						{if ex.catalog !== undefined}
							<a class="exhibition-top-link" href="./exh/${ex_index}/${ex.catalog}">download catalog</a>
						{/if}
						{if ex.text !== undefined}
							<a class="exhibition-top-link" href="./exh/${ex_index}/${ex.text}">download text</a>
						{/if}
						{if ex.video !== undefined}
							<a class="exhibition-top-link" href="./exh/${ex_index}/${ex.video}">view video</a>
						{/if}
					</div>
				</div>
			{/for}
			<div id="exhibitions-last" style="float:left; margin-left: 150px;"></div>
		</div>