<div class="wrapper"><!-- for sticky footer -->
  
  <header>
  	<div id="header">

  		<a href="<?php print_unescaped(link_to('', 'index.php')); ?>"
  			title="" id="owncloud">
  			<div class="logo-wide svg"></div>
  		</a>

  		<div id="logo-claim" style="display:none;"><?php p($theme->getLogoClaim()); ?></div>
  		<div class="header-right">
  			<span id="details"><?php p($l->t('shared by %s', $_['displayName'])) ?></span>
  		</div>
  	</div>
  </header>
  <div id="content" data-albumname="<?php p($_['albumName'])?>">
  	<div id="controls">
  		<div id="breadcrumbs"></div>
  		<!-- toggle for opening shared picture view as file list -->
  		<div id="openAsFileListButton" class="button">
  			<img class="svg"
  				src="<?php print_unescaped(image_path('core', 'actions/toggle-filelist.svg')); ?>"
  				alt="<?php p($l->t('File list')); ?>" />
  		</div>
  	</div>
  
  	<div id='gallery' class="hascontrols" data-token="<?php isset($_['token']) ? p($_['token']) : p(false) ?>"></div>
  </div>
  
  	<div class="push"></div><!-- for sticky footer -->
  </div>
  
  <footer>
  	<p class="info">
  		<?php print_unescaped($theme->getLongFooter()); ?>
  	</p>
  </footer>