?>
<div class="container">
<article role="article">
<div class="row">
<div class="col-xs-12 col-sm-4 header-content">
<?php
echo $page->header()->kirbytext();
?>
</div>
<figure class="col-sm-8">
<img src="<?php
echo $page->images()->first()->resize(750, 536)->url();
?>
" srcset="<?php
echo kirby_get_srcset($page->images()->first());
?>
" sizes="<?php
echo kirby_get_sizes($page->images()->first());
?>
" alt="<?php
echo $page->images()->first()->caption();
?>
">
</figure>
</div>
<main class="main" role="main">
<div class="row">
<h2 class="col-sm-2 left-heading">engineering with unlikely people</h2>
<section class="content col-sm-10">
<div class="row">
if (isset($sources[$link])) {
$href = thumb($file, $sources[$link])->url();
} else {
if ($tag->file($link)) {
$href = $tag->file($link)->url();
} else {
$href = $link;
}
}
}
}
return html::a(url($href), $image, array('rel' => $tag->attr('rel'), 'class' => $tag->attr('linkclass'), 'title' => $tag->attr('title'), 'target' => $tag->target()));
};
// srcset builder
if ($file && empty($srcset)) {
$srcset = kirby_get_srcset($file);
}
// sizes builder
if ($file && empty($sizes)) {
$classes = !empty($tag->attr('imgclass')) ? explode(' ', $tag->attr('imgclass')) : '';
$sizes = kirby_get_sizes($file, $tag->attr('width'), $classes);
}
// allows src attribute to be overwritten
$defaultsource = kirby()->option('responsiveimages.defaultsource');
if (isset($sources[$defaultsource])) {
$url = thumb($file, $sources[$defaultsource])->url();
}
// image builder
$_image = function ($class) use($tag, $url, $alt, $title, $srcset, $sizes) {
return html::img($url, array('width' => $tag->attr('width'), 'height' => $tag->attr('height'), 'class' => $class, 'title' => $title, 'alt' => $alt, 'srcset' => $srcset, 'sizes' => $sizes));
};