?>
">Kirby</a>
<?php
snippet('menu');
?>
<div class="slider">
<div class="slider-track">
<?php
foreach ($page->children()->find('hero')->images() as $slide) {
?>
<figure title="<?php
echo $slide->caption();
?>
">
<img src="<?php
echo imgix($slide);
?>
" alt="Screenshot: <?php
echo $slide->caption();
?>
">
</figure>
<?php
}
?>
</div>
<nav class="slider-nav">
<a class="slider-prev" href="#"><span>‹</span></a>
<a class="slider-next" href="#"><span>›</span></a>
</nav>
</div>
<ul class="reference-list list-3">
<?php
$references = $page->children()->flip()->paginate(30);
?>
<?php
foreach ($references as $reference) {
?>
<!--
--><li class="screenshot">
<div class="screen-wrap">
<?php
if ($reference->hasImages()) {
?>
<img src="<?php
echo imgix($reference->image(), array('w' => 350, 'h' => 220, 'fit' => 'crop'));
?>
" alt="Screenshot: <?php
echo $reference->title();
?>
">
<?php
}
?>
<div class="screen-refl"><a class="btn-white" href="<?php
echo $reference->link();
?>
">visit</a></div>
</div>
<a href="<?php
echo $reference->link();
<ul class="voice-list list-2">
<?php
foreach (page('voices')->children()->visible()->shuffle()->limit(4) as $voice) {
?>
<!--
--><li>
<a href="http://twitter.com/<?php
echo $voice->username();
?>
">
<?php
if ($voice->image()) {
?>
<img class="avatar" src="<?php
echo imgix($voice->image(), array('w' => 100, 'h' => 100, 'fit' => 'crop'));
?>
" alt="Avatar of <?php
echo $voice->title();
?>
" />
<?php
}
?>
<h2 class="gamma"><?php
echo $voice->title();
?>
</h2>
<p class="zeta">@<?php
echo $voice->username();
?>
