@extends('layouts.main')

@section('title', 'О проекте')

@section('content')

    <div class="container">
        <h2 class="subpage__title">О платформе</h2>
    </div>
    <section class="default-section doc-center">
        <div class="section__title">

            <span></span>
            <span></span>
            <span></span>
            <span></span>

            <h3>Doc-центр «Топография памяти»</h3>
        </div>
        <div class="container" style="text-align: justify;">
            <div class="grid">
                <div class="column">
                    <p>DOC-центр «Топография памяти» - это онлайн-ресурс, созданный для увековечения памяти мирных
                        жителей
                        Гомельской области, пострадавших в годы Второй мировой войны, формирования в регионе культуры
                        памяти и
                        способности к осмыслению, изучению и преломлению через человеческие судьбы событий военного
                        времени.</p>
                    <p>Владельцем и администратором онлайн-платформы является <a href="https://studio-inntech.by/"
                                                                                 target="_blank">частное
                            социально-информационное учреждение «Мастерская инновационных технологий».</a></p>
                </div>
                <img src="/images/about_1.jpg" class="rect"/>
            </div>
        </div>
    </section>
    <section class="default-section conception">
        <div class="section__title">

            <span></span>
            <span></span>
            <span></span>
            <span></span>

            <h3>Концепция</h3>
        </div>
        <div class="container" style="text-align: justify;">
            <div class="grid">
                <img src="/images/about_2.jpg" class="rect"/>
                <p>Создавая онлайн-платформу DOC-центр «Топография памяти», мы исходили из понимания того, что в
                    традиционном
                    историческом нарративе события Второй мировой войны рассматриваются преимущественно с позиций
                    победителей и
                    побежденных. О героях без оружия - мирных жителях, сведения фрагментарны, они представлены в
                    районных книгах
                    «Память»; пострадавшие мирные жители рассматриваются в глухих цифрах статистики. </p>
            </div>
            <div>
                <h3>DOC-центр «Топография памяти» - это:</h3>
                <ul class="grid">
                    <li>Цифровое собрание архивных документов, фотоматериалов,воспоминаний свидетелей военного времени о
                        мирных
                        жителях Гомельщины, пострадавших в годы Второй мировой войны от рук нацистских преступников.
                    </li>
                    <li>Методический и образовательный ресурс, на котором собраны материалы в помощь педагогам,
                        сотрудникам музеев и
                        учреждений культуры, исследователям, журналистам.
                    </li>
                    <li>База памяти, которая позволяет осуществить поиск погибших и угнанных на принудительные работы в
                        годы Второй
                        мировой войны мирных жителях.
                    </li>
                    <li>Площадка для тех, кто заинтересован в развитии культуры памяти о событиях Второй мировой
                        войны.
                    </li>
                </ul>
            </div>
            <a style="display: block;" href="{{ route('rules') }}">
                <button style="width: 100%;" type="button" class="btn secondary">Правила платформы</button>
            </a>
            @if (count($thanks))
                <div>
                    <h3>Благодарим за вклад в развитие проекта</h3>
                    <div class="slider">
                        <div class="slider__container">
                            @foreach($thanks as $thank)
                                <div class="slide">
                                    <img src="{{ Storage::url($thank->logo) }}" class="rect" alt="{{ $thank->title }}">
                                    <p class="slide__description">{{ $thank->title }}</p>
                                </div>
                            @endforeach
                        </div>
                        <div class="slide__changer">
                            <!--          <div class="position active"></div>-->
                            <!--          <div class="position"></div>-->
                        </div>
                    </div>
                </div>
            @endif
            @if (count($partners))
                <div>
                    <h3>Партнеры</h3>
                    <div class="slider">
                        <div class="slider__container">
                            @foreach($partners as $partner)
                                <div class="slide">
                                    @if($partner->link)
                                        <a href="{{ $partner->link }}" target="_blank">
                                            <img src="{{ Storage::url($partner->logo) }}" class="rect rect1"
                                                 alt="{{ $partner->title }}"/>
                                            <p class="slide__description">{{ $partner->title }} </p>
                                        </a>
                                    @else
                                        <img src="{{ Storage::url($partner->logo) }}" class="rect rect1"
                                             alt="{{ $partner->title }}"/>
                                        <p class="slide__description">{{ $partner->title }} </p>
                                    @endif

                                </div>
                            @endforeach
                        </div>
                        <div class="slide__changer">
                            <!--          <div class="position active"></div>-->
                            <!--          <div class="position"></div>-->
                        </div>
                    </div>
                </div>
            @endif
        </div>
    </section>

@endsection