{% extends 'base.html.twig' %}
    {% block body %}
        <div class="author">
        <div class="container-xl">
            <div class="Authorbox top-section">
                <img src="{{ author.getAuthorPicture() }}">
                <h1 class="nameAuthor">{{author.displayName}}</h1>
            </div>
            <div class="row">
                {% for news in newsFeedData %}

                    <div class="col-lg-3 col-md-6  col-12">
                        <a title="{{ news.title }}" href="{{ news.getUrl() }}" onclick="{{ news.getClickEvent(app.request.get('_route'))|raw }}">
                            <div class="overflow relative">
                                <div class="scale">
                                    <img src="{{ news.getNewsFeedPicture() }}" alt="{{ news.title }}">
                                    </div>
                                    <div class="category">
                                        <span class="time">{{ news.getTime() }}</span>
                                        <span class="name">{{ news.categoryName }}</span>
                                    </div>
                            </div>
                            <div class="title">
                                <div class="categoryMob">
                                    <span class="name">{{ news.categoryName }}</span>
                                    <span class="time">{{ news.getTime() }}</span>
                                    </div>
                                {{ news.title }}
                            </div>
                        </a>
                    </div>

                {% endfor %}
            </div>
        </div>
        </div>
    {% endblock %}