@section('intro')
    <div id="intro">
        <span>Jan Welters</span>
    </div>
@stop

@section('content')

    <div class="slide-home">
        <div class="arrow left"></div>
        <div class="slider overflow"  style="display: block">
            @foreach ($photos as $photo)<picture>
                <source srcset="{{asset('images/1600/'.$photo->file)}}"
                        media="(-webkit-min-device-pixel-ratio: 2),(min--moz-device-pixel-ratio: 2), (min-resolution: 2dppx), (min-resolution: 192dpi)">
                <source srcset="{{asset('images/600/'.$photo->file)}}" media="(max-width : 480px)">
                <source srcset="{{asset('images/800/'.$photo->file)}}"><img style="position: relative; left: calc(-4.1px * {{$photo->order}})" class="slide-item"
                                                                            srcset="{{asset('images/800/'.$photo->file)}}" alt="{{$photo->title}}" position="{{$photo->order ?? 0}}">
            </picture>@endforeach
        </div>
        <div class="arrow right"></div>
    </div>

@stop