@extends(get_view('index'))
@section('title')@endsection
@section('header')
    <style>
        img {
            max-width: 100%;
            display: block;
        }
        .grid-element {
            margin: 0;
            display: grid;
            grid-template-rows: 1fr auto;
            margin-bottom: 10px;
            break-inside: avoid;
        }
        .grid-element > img {
            grid-row: 1 / -1;
            grid-column: 1;
        }
        .grid-element a {
            color: black;
            text-decoration: none;
        }
        .grid-area {
            column-count: 3;
        }

        .height-72px i {
            display: -webkit-box;
            height: 72px;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }
    </style>
@endsection
@section('content')

    @if ( count(Site::get_latest_posts()) > 0 )
        <div class="row">
            @foreach (Site::get_latest_posts() as $post)
            <div class="col-sm-4 col-12">
                @include(get_view('components.posts.horizontal'), ['post' => $post])
            </div>
            @endforeach
        </div>
    @else

    @include(get_view('components.errors.post-not-found'))

    @endif

@endsection
@section('footer')

@endsection