webapp/src/components/Pages/about/ManifestPage.tsx

import { MainLayout } from '../../Layouts/MainLayout'
import { Modal } from '../../Nav/Modal'
import { Feedback } from '../../Discours/Feedback'
import Subscribe from '../../Discours/Subscribe'
import Opener from '../../Nav/Opener'

// title={t('Manifest')}

export const ManifestPage = () => {
  return (
    <MainLayout>
      <Modal name="feedback">
        <Feedback />
      </Modal>
      <Modal name="subscribe">
        <Subscribe />
      </Modal>
      <article class="container">
        <div class="row">
          <div class="col-md-2">
            <nav class="content-index">
              <ul class="nodash">
                <li>
                  <a href="#manifest">Манифест</a>
                </li>
                <li>
                  <a href="#participation">Как участвовать в&nbsp;самиздате</a>
                  <ul class="nodash">
                    <li>
                      <a href="#contribute">Предлагать материалы</a>
                    </li>
                    <li>
                      <a href="#donate">Поддерживать проект</a>
                    </li>
                    <li>
                      <a href="#cooperation">Сотрудничать с&nbsp;журналом</a>
                    </li>
                    <li>
                      <a href="#follow">Как еще можно помочь</a>
                    </li>
                  </ul>
                </li>
                <li>
                  <a href="#connection">Будем на&nbsp;связи</a>
                </li>
              </ul>
            </nav>
          </div>

          <div class="col-md-8">
            <h1 id="manifest">
              <span class="wrapped">Манифест</span>
            </h1>

            <div class="col-lg-10 offset-md-1">
              <p>
                Дискурс&nbsp;&mdash; независимый художественно-аналитический журнал с&nbsp;горизонтальной редакцией,
                основанный на&nbsp;принципах свободы слова, прямой демократии и&nbsp;совместного редактирования.
                Дискурс создаётся открытым медиасообществом ученых, журналистов, музыкантов, писателей,
                предпринимателей, философов, инженеров, художников и&nbsp;специалистов со&nbsp;всего мира,
                объединившихся, чтобы вместе делать общий журнал и&nbsp;объяснять с&nbsp;разных точек
                зрения мозаичную картину современности.
              </p>
              <p>
                Мы&nbsp;пишем о&nbsp;культуре, науке и&nbsp;обществе, рассказываем о&nbsp;новых идеях и&nbsp;современном искусстве,
                публикуем статьи, исследования, репортажи, интервью людей, чью прямую речь стоит услышать,
                и&nbsp;работы художников из&nbsp;разных стран&nbsp;&mdash; от&nbsp;фильмов и&nbsp;музыки
                до&nbsp;живописи и&nbsp;фотографии. Помогая друг другу делать публикации качественнее
                и&nbsp;общим голосованием выбирая лучшие материалы для журнала, мы&nbsp;создаём новую
                горизонтальную журналистику, чтобы честно рассказывать о&nbsp;важном и&nbsp;интересном.
              </p>
              <p>
                Редакция Дискурса открыта для всех: у&nbsp;нас нет цензуры, запретных тем и&nbsp;идеологических рамок.
                Каждый может <a href="/create">прислать материал</a> в&nbsp;журнал
                и&nbsp;<a href="/about/guide">присоединиться к&nbsp;редакции</a>. Предоставляя трибуну
                для независимой журналистики и&nbsp;художественных проектов, мы&nbsp;помогаем людям
                рассказывать свои истории так, чтобы они были услышаны. Мы&nbsp;убеждены: чем больше
                голосов будет звучать на&nbsp;Дискурсе, тем громче в&nbsp;полифонии мнений будет слышна истина.
              </p>
            </div>

            <h2 class="h2" id="participation">
              <span class="wrapped">Как участвовать в&nbsp;самиздате</span>
            </h2>

            <div class="col-lg-10 offset-md-1">
              <p>
                Дискурс создается <a href="/about/guide">открытым сообществом</a> энтузиастов новой
                независимой журналистики. Участвовать в&nbsp;открытой редакции и&nbsp;помогать журналу можно
                следующими способами:
              </p>
              <h3 id="contribute">Предлагать материалы</h3>
              <p>
                <a href="/create">Создавайте</a> свои статьи и&nbsp;художественные работы&nbsp;&mdash; лучшие из них будут
                опубликованы в&nbsp;журнале. Дискурс&nbsp;&mdash; некоммерческое издание, авторы публикуются
                в&nbsp;журнале на&nbsp;общественных началах, получая при этом <a href="/create?collab=true">поддержку</a> редакции,
                право голоса, множество других возможностей и&nbsp;читателей по&nbsp;всему миру.
              </p>
              <h3 id="donate">Поддерживать проект</h3>
              <p>Дискурс существует на&nbsp;пожертвования читателей. Если вам нравится журнал, пожалуйста,</p>
              <p>
                <a href="/about/help">поддержите</a> нашу работу. Ваши пожертвования пойдут на&nbsp;выпуск новых
                материалов, оплату серверов, труда программистов, дизайнеров и&nbsp;редакторов.
              </p>
              <h3 id="cooperation">Сотрудничать с&nbsp;журналом</h3>
              <p>
                Мы всегда открыты для сотрудничества и&nbsp;рады единомышленникам. Если вы хотите помогать
                журналу с&nbsp;редактурой, корректурой, иллюстрациями, переводами, версткой, подкастами,
                мероприятиями, фандрайзингом или как-то ещё&nbsp;&mdash; скорее пишите нам
                на&nbsp;<a href="mailto:welcome@discours.io">welcome@discours.io</a>.
              </p>
              <p>
                Если вы представляете некоммерческую организацию и&nbsp;хотите сделать с&nbsp;нами
                совместный проект, получить информационную поддержку или предложить другую форму
                сотрудничества&nbsp;&mdash; <a href="mailto:welcome@discours.io">пишите</a>.
              </p>
              <p>
                Если вы разработчик и&nbsp;хотите помогать с&nbsp;развитием сайта Дискурса,{' '}
                <a href="mailto:services@discours.io">присоединяйтесь к&nbsp;IT-команде самиздата</a>. Открытый
                код платформы для независимой журналистики, а&nbsp;также всех наших спецпроектов
                и&nbsp;медиаинструментов находится <a href="https://github.com/Discours">в&nbsp;свободном доступе на&nbsp;GitHub</a>.
              </p>
              <h3 id="follow">Как еще можно помочь</h3>
              <p>
                Советуйте Дискурс друзьям и&nbsp;знакомым. Обсуждайте и&nbsp;распространяйте наши
                публикации&nbsp;&mdash; все материалы открытой редакции можно читать и&nbsp;перепечатывать
                бесплатно. Подпишитесь на&nbsp;самиздат{' '}
                <a href="https://vk.com/discoursio">ВКонтакте</a>,
                в&nbsp;<a href="https://facebook.com/discoursio">Фейсбуке</a>
                и&nbsp;в&nbsp;<a href="https://t.me/discoursio">Телеграме</a>, а&nbsp;также
                на&nbsp;<Opener name="subscribe">рассылку лучших материалов</Opener>,
                чтобы не&nbsp;пропустить ничего интересного.
              </p>
              <p>
                <a href="https://forms.gle/9UnHBAz9Q3tjH5dAA">Рассказывайте о&nbsp;впечатлениях</a>
                от&nbsp;материалов открытой редакции, <Opener name="feedback">делитесь идеями</Opener>,
                интересными темами, о&nbsp;которых хотели бы узнать больше, и&nbsp;историями, которые нужно рассказать.
              </p>
            </div>

            <h2 class="h2" id="connection">
              <span class="wrapped">Будем на&nbsp;связи</span>
            </h2>

            <div class="col-lg-10 offset-md-1">
              Если вы хотите предложить материал, сотрудничать, рассказать о&nbsp;проблеме, которую нужно
              осветить, сообщить об&nbsp;ошибке или баге, что-то обсудить, уточнить или посоветовать,
              пожалуйста, <Opener name="feedback">напишите нам здесь</Opener> или
              на&nbsp;почту <a href="mailto:welcome@discours.io">welcome@discours.io</a>. Мы обязательно
              ответим и&nbsp;постараемся реализовать все хорошие задумки.
            </div>
          </div>
        </div>
      </article>
    </MainLayout>
  )
}

// for lazy loading
export default ManifestPage