diff --git a/src/styles/help.scss b/src/components/Discours/Donate.module.scss
similarity index 74%
rename from src/styles/help.scss
rename to src/components/Discours/Donate.module.scss
index 05711076..010d164d 100644
--- a/src/styles/help.scss
+++ b/src/components/Discours/Donate.module.scss
@@ -1,6 +1,6 @@
-.donate-form input,
-.donate-form label,
-.donate-form .btn {
+.donateForm input,
+.donateForm label,
+.donateForm .btn {
   font-family: Muller, Arial, Helvetica, sans-serif;
   border: solid 1px #595959;
   border-radius: 3px;
@@ -10,7 +10,7 @@
   text-align: center;
 }
 
-.donate-form input {
+.donateForm input {
   &::-webkit-outer-spin-button,
   &::-webkit-inner-spin-button {
     appearance: none;
@@ -48,12 +48,13 @@
   }
 }
 
-.btn {
+.donateForm .btn {
   cursor: pointer;
   flex: 1;
   padding: 5px 10px;
   text-align: center;
   white-space: nowrap;
+  transform: none !important;
 
   @include media-breakpoint-down(sm) {
     &:last-of-type {
@@ -62,7 +63,7 @@
   }
 }
 
-.btn-group {
+.btnGroup {
   input {
     &:first-child + .btn {
       border-top-right-radius: 0;
@@ -75,12 +76,13 @@
     }
   }
 
-  .payment-type {
+  .paymentType {
     width: 50%;
   }
 }
 
-.donate-buttons-container {
+.donateButtonsContainer {
+  align-items: center;
   display: flex;
   flex: 1;
   justify-content: space-between;
@@ -111,59 +113,34 @@
   }
 }
 
-.donate-input {
+.donateInput {
   @include media-breakpoint-down(sm) {
     flex: 1 100%;
     margin: 0 !important;
   }
 }
 
-.send-btn {
-  border: 1px solid #000;
+.sendBtn {
+  border: 2px solid #000;
   background-color: #000;
-  color: #fff;
+  color: #fff !important;
   display: block;
   font-weight: 700;
   line-height: 1.8;
   letter-spacing: 0.05em;
   text-transform: uppercase;
   width: 100%;
+
+  &:hover {
+    background-color: #fff !important;
+    color: #000 !important;
+  }
 }
 
-.payment-choose {
+.paymentChoose {
   display: flex;
 }
 
-.form-group:not(:first-child) {
+.formGroup:not(:first-child) {
   margin-top: 20px;
 }
-
-.discours-help .modalwrap__inner {
-  max-width: 500px;
-}
-
-/*
-
-.payment-form {
-padding: 0 !important;
-
-.button {
-	display: block;
-	padding-bottom: 1.5rem;
-	padding-top: 1.5rem;
-	width: 100%;
-}
-}
-
-.delimiter-container {
-position: relative;
-}
-
-.delimiter {
-left: 100%;
-line-height: 1;
-position: absolute;
-top: 50%;
-transform: translate(-50%, calc(-50% - 0.8rem));
-}
-*/
diff --git a/src/components/Discours/Donate.tsx b/src/components/Discours/Donate.tsx
index 71ab5dd7..0264fce7 100644
--- a/src/components/Discours/Donate.tsx
+++ b/src/components/Discours/Donate.tsx
@@ -1,10 +1,12 @@
-import '../../styles/help.scss'
+import { clsx } from 'clsx'
 import { createSignal, onMount } from 'solid-js'
 
 import { useLocalize } from '../../context/localize'
 import { useSnackbar } from '../../context/snackbar'
 import { showModal } from '../../stores/ui'
 
+import styles from './Donate.module.scss'
+
 export const Donate = () => {
   const { t } = useLocalize()
   const once = ''
@@ -119,27 +121,27 @@ export const Donate = () => {
   }
 
   return (
-    <form class="discours-form donate-form" action="" method="post">
+    <form class={styles.donateForm} action="" method="post">
       <input type="hidden" name="shopId" value="156465" />
       <input value="148805" name="scid" type="hidden" />
       <input value="0" name="customerNumber" type="hidden" />
 
-      <div class="form-group">
-        <div class="donate-buttons-container" ref={amountSwitchElement}>
+      <div class={styles.formGroup}>
+        <div class={styles.donateButtonsContainer} ref={amountSwitchElement}>
           <input type="radio" name="amount" id="fix250" value="250" />
-          <label for="fix250" class="btn donate-value-radio">
+          <label for="fix250" class={styles.btn}>
             250&thinsp;₽
           </label>
           <input type="radio" name="amount" id="fix500" value="500" checked />
-          <label for="fix500" class="btn donate-value-radio">
+          <label for="fix500" class={styles.btn}>
             500&thinsp;₽
           </label>
           <input type="radio" name="amount" id="fix1000" value="1000" />
-          <label for="fix1000" class="btn donate-value-radio">
+          <label for="fix1000" class={styles.btn}>
             1000&thinsp;₽
           </label>
           <input
-            class="form-control donate-input"
+            class={styles.donateInput}
             required
             ref={customAmountElement}
             type="number"
@@ -149,8 +151,8 @@ export const Donate = () => {
         </div>
       </div>
 
-      <div class="form-group" id="payment-type" classList={{ showing: showingPayment() }}>
-        <div class="btn-group payment-choose" data-toggle="buttons">
+      <div class={styles.formGroup} id="payment-type" classList={{ showing: showingPayment() }}>
+        <div class={clsx(styles.btnGroup, styles.paymentChoose)} data-toggle="buttons">
           <input
             type="radio"
             autocomplete="off"
@@ -159,7 +161,11 @@ export const Donate = () => {
             onClick={() => setPeriod(once)}
             checked={period() === once}
           />
-          <label for="once" class="btn payment-type" classList={{ active: period() === once }}>
+          <label
+            for="once"
+            class={clsx(styles.btn, styles.paymentType)}
+            classList={{ active: period() === once }}
+          >
             {t('One time')}
           </label>
           <input
@@ -170,16 +176,20 @@ export const Donate = () => {
             onClick={() => setPeriod(monthly)}
             checked={period() === monthly}
           />
-          <label for="monthly" class="btn payment-type" classList={{ active: period() === monthly }}>
+          <label
+            for="monthly"
+            class={clsx(styles.btn, styles.paymentType)}
+            classList={{ active: period() === monthly }}
+          >
             {t('Every month')}
           </label>
         </div>
       </div>
 
-      <div class="form-group">
-        <a href={''} class="btn send-btn donate" onClick={show}>
+      <div class={styles.formGroup}>
+        <button type="button" class={clsx(styles.btn, styles.sendBtn)} onClick={show}>
           {t('Help discours to grow')}
-        </a>
+        </button>
       </div>
     </form>
   )
diff --git a/src/components/TableOfContents/TableOfContents.tsx b/src/components/TableOfContents/TableOfContents.tsx
index 23632214..0fa245dd 100644
--- a/src/components/TableOfContents/TableOfContents.tsx
+++ b/src/components/TableOfContents/TableOfContents.tsx
@@ -45,7 +45,9 @@ export const TableOfContents = (props: Props) => {
   const updateHeadings = () => {
     setHeadings(
       // eslint-disable-next-line unicorn/prefer-spread
-      Array.from(document.querySelector(props.parentSelector).querySelectorAll<HTMLElement>('h2, h3, h4')),
+      Array.from(
+        document.querySelector(props.parentSelector).querySelectorAll<HTMLElement>('h1, h2, h3, h4'),
+      ),
     )
     setAreHeadingsLoaded(true)
   }
diff --git a/src/components/Views/StaticPage.tsx b/src/components/Views/StaticPage.tsx
new file mode 100644
index 00000000..11bd6d72
--- /dev/null
+++ b/src/components/Views/StaticPage.tsx
@@ -0,0 +1,37 @@
+import { JSX } from 'solid-js'
+
+import { PageLayout } from '../_shared/PageLayout'
+import { TableOfContents } from '../TableOfContents'
+
+export const StaticPage = (props: {
+  title: string
+  children: JSX.Element
+  layoutChildren: JSX.Element
+}) => {
+  let articleBodyElement: HTMLElement | undefined
+
+  return (
+    <PageLayout title={props.title}>
+      {props.layoutChildren}
+      <div class="wide-container">
+        <div class="row">
+          <article
+            class="col-md-16 col-lg-14 col-xl-12 offset-md-5"
+            id="articleBody"
+            ref={articleBodyElement}
+          >
+            {props.children}
+          </article>
+
+          <div class="col-md-6 offset-md-1">
+            <TableOfContents
+              variant="article"
+              parentSelector="#articleBody"
+              body={articleBodyElement.outerHTML}
+            />
+          </div>
+        </div>
+      </div>
+    </PageLayout>
+  )
+}
diff --git a/src/pages/about/guide.page.tsx b/src/pages/about/guide.page.tsx
index 9c4d26a7..328330ce 100644
--- a/src/pages/about/guide.page.tsx
+++ b/src/pages/about/guide.page.tsx
@@ -1,291 +1,241 @@
 import { Meta } from '@solidjs/meta'
-import { createSignal, Show } from 'solid-js'
 
-import { Icon } from '../../components/_shared/Icon'
-import { PageLayout } from '../../components/_shared/PageLayout'
+import { StaticPage } from '../../components/Views/StaticPage'
 import { useLocalize } from '../../context/localize'
 
 export const GuidePage = () => {
   const { t } = useLocalize()
   const title = t('How it works')
 
-  const [indexExpanded, setIndexExpanded] = createSignal(true)
-
-  const toggleIndexExpanded = () => setIndexExpanded((oldExpanded) => !oldExpanded)
-
   return (
-    <PageLayout title={title}>
-      <Meta name="description" content={title} />
-      <Meta name="keywords" content={t('Discours') + ',' + title} />
-      <Meta property="og:title" content={title} />
-      <Meta property="og:description" content={title} />
-      <Meta property="og:image" content="/images/participation.png" />
-      <Meta property="og:image:width" content="1200" />
-      <Meta property="og:image:height" content="630" />
-      <article class="wide-container container--static-page">
-        <div class="row">
-          <div class="col-md-6 col-lg-4 order-md-last">
-            <button class="button button--content-index" onClick={toggleIndexExpanded}>
-              <Show when={!indexExpanded()}>
-                <Icon name="content-index-control" />
-              </Show>
-              <Show when={indexExpanded()}>
-                <Icon name="content-index-control-expanded" class={'expanded'} />
-              </Show>
-            </button>
+    <StaticPage
+      title={title}
+      layoutChildren={
+        <>
+          <Meta name="description" content={title} />
+          <Meta name="keywords" content={t('Discours') + ',' + title} />
+          <Meta property="og:title" content={title} />
+          <Meta property="og:description" content={title} />
+          <Meta property="og:image" content="/images/participation.png" />
+          <Meta property="og:image:width" content="1200" />
+          <Meta property="og:image:height" content="630" />
+        </>
+      }
+    >
+      <h1 id="about">
+        <span class="wrapped">Как устроен Дискурс</span>
+      </h1>
 
-            <Show when={indexExpanded()}>
-              <nav class="content-index">
-                <h4>Оглавление</h4>
+      <p>
+        Дискурс&nbsp;&mdash; независимый журнал о&nbsp;культуре, науке, искусстве и&nbsp;обществе с&nbsp;
+        <a href="/about/manifest">открытой редакцией</a>. У&nbsp;нас нет главного редактора, инвестора
+        и&nbsp;вообще никого, кто&nbsp;бы принимал единоличные решения. Вместо традиционных иерархий Дискурс
+        основан на&nbsp;принципах прямой демократии: в&nbsp;нашем горизонтальном сообществе все редакционные
+        вопросы решаются открытым голосованием авторов журнала. Вот как это работает.
+      </p>
+      <h3 id="how-it-works">Как устроен сайт Дискурса</h3>
+      <p>Дискурс состоит из&nbsp;четырех основных разделов:</p>
+      <ul>
+        <li>
+          <p>
+            <a href="/topics">Темы</a>
+            &nbsp;&mdash; у&nbsp;нас публикуются исследования, обзоры, эссе, интервью, репортажи, аналитика
+            и&nbsp;другие материалы о&nbsp;культуре, науке, искусстве и&nbsp;обществе.
+          </p>
+        </li>
+        <li>
+          <p>
+            <a href="/topic/art">Искусство</a>
+            &nbsp;&mdash; здесь, например, представлены художественные произведения: литература, живопись,
+            музыка, фотографии, видео. Этот раздел помогает прозвучать новому искусству, которое создают
+            российские художники, писатели, режиссёры и&nbsp;музыканты.
+          </p>
+        </li>
+        {/*
+        <li>
+      <p>
+      <a href="/topic/events">События</a>&nbsp;— в&nbsp;этом разделе
+      публикуются самые важные, по&nbsp;мнению редакции, культурные
+      события России — выставки, лекции, концерты, кинопоказы, фестивали,
+      художественные и политические&nbsp;акции. Напишите&nbsp;нам
+      на&nbsp;<a href="mailto:welcome@discours.io" target="_blank">почту</a>, если вы
+      хотите разместить объявление. Мы делаем&nbsp;это
+      на&nbsp;безвозмездной основе.
+      </p>
+    </li >
+        <li>
+          <p>
+            <a href="/create" class="ng-scope" target="_blank">Редакция</a>&nbsp;—
+            это внутренний раздел, где появляются новые материалы, которые присылают
+            в&nbsp;редакцию. Здесь авторы обсуждают, редактируют и&nbsp;оценивают
+            публикации, определяя таким образом содержание журнала.
+          </p>
+        </li>
+*/}
+      </ul>
+      <p>
+        Материалы в&nbsp;Дискурсе объединяются по&nbsp;<b>темам</b>
+        &mdash;&nbsp;ключевым словам, которые располагаются в&nbsp;конце материалов и&nbsp;связывают
+        материалы по&nbsp;жанрам (например, <a href="/topic/interview">интервью</a>,{' '}
+        <a href="/topic/reportage">репортажи</a>, <a href="/topic/essay">эссе</a>,{' '}
+        <a href="/topic/likbez">ликбезы</a>
+        ), по&nbsp;тематике (<a href="/topic/cinema">кино</a>, <a href="/topic/philosophy">философия</a>,{' '}
+        <a href="/topic/history">история</a>, <a href="/topic/absurdism">абсурдизм</a>,{' '}
+        <a href="/topic/sex">секс</a> и&nbsp;т.д.) или в&nbsp;серии (как &laquo;
+        <a href="/topic/zakony-mira">Законы мира</a>&raquo; или &laquo;
+        <a href="/topic/za-liniey-mannergeyma">За&nbsp;линией Маннергейма</a>
+        &raquo;). Темы объединяют сотни публикаций, помогают ориентироваться в&nbsp;журнале и&nbsp;следить
+        за&nbsp;интересными материалами.
+      </p>
 
-                <ul class="nodash">
-                  <li>
-                    <a href="#how-it-works">{title}</a>
-                  </li>
-                  <li>
-                    <a href="#become-author">Как стать автором журнала</a>
-                  </li>
-                  <li>
-                    <a href="#voting">Как проходит голосование</a>
-                  </li>
-                  <li>
-                    <a href="#editing">Как мы делаем тексты друг друга лучше</a>
-                  </li>
-                  <li>
-                    <a href="#perks">Что сообщество дает авторам</a>
-                  </li>
-                  <li>
-                    <a href="#contacts">Как быть в курсе</a>
-                  </li>
-                </ul>
-              </nav>
-            </Show>
-          </div>
+      <section>
+        <h3 id="become-author">Как стать автором журнала</h3>
+        <p>
+          Дискурс объединяет журналистов, активистов, музыкантов, художников, фотографов, режиссеров,
+          философов, ученых и&nbsp;других замечательных людей. Каждый может <a href="/create">прислать</a>{' '}
+          свой материал в&nbsp;журнал. Формат и&nbsp;тематика не&nbsp;имеют значения, единственное, что
+          важно &mdash; <a href="/how-to-write-a-good-article">хороший</a> ли&nbsp;материал. Если сообщество
+          поддержит вашу публикацию, она выйдет в&nbsp;журнале и&nbsp;станет доступна тысячам наших
+          читателей.
+        </p>
+      </section>
 
-          <div class="col-md-12 col-xl-14 offset-md-5 order-md-first">
-            <h1 id="about">
-              <span class="wrapped">Как устроен Дискурс</span>
-            </h1>
+      <h3 id="voting">Как проходит голосование</h3>
+      <p>
+        Все присылаемые в&nbsp;Дискурс материалы попадают в&nbsp;
+        <strong>&laquo;Редакцию&raquo;</strong>. Это внутренний раздел сайта, где участники сообщества
+        решают, что будет опубликовано в&nbsp;Дискурсе. Как только работа получает одобрение как минимум
+        пятерых авторов открытой редакции, она немедленно публикуется в&nbsp;журнале. Если&nbsp;же материал
+        набирает более&nbsp;20% голосов &laquo;против&raquo;, он&nbsp;не&nbsp;выходит и&nbsp;может быть
+        отправлен на&nbsp;доработку. Жестких сроков рассмотрения материалов у&nbsp;нас нет, иногда это
+        занимает час, иногда месяц, обычно&nbsp;&mdash; несколько дней.
+      </p>
+      <section>
+        <p>
+          Как только сообщество поддержит публикацию, вы&nbsp;получите приглашение в&nbsp;интернет-редакцию
+          и&nbsp;сможете голосовать за&nbsp;новые материалы.
+        </p>
+      </section>
 
-            <p>
-              Дискурс&nbsp;&mdash; независимый журнал о&nbsp;культуре, науке, искусстве и&nbsp;обществе
-              с&nbsp;
-              <a href="/about/manifest">открытой редакцией</a>. У&nbsp;нас нет главного редактора, инвестора
-              и&nbsp;вообще никого, кто&nbsp;бы принимал единоличные решения. Вместо традиционных иерархий
-              Дискурс основан на&nbsp;принципах прямой демократии: в&nbsp;нашем горизонтальном сообществе
-              все редакционные вопросы решаются открытым голосованием авторов журнала. Вот как это работает.
-            </p>
-            <h3 id="how-it-works">Как устроен сайт Дискурса</h3>
-            <p>Дискурс состоит из&nbsp;четырех основных разделов:</p>
-            <ul>
-              <li>
-                <p>
-                  <a href="/topics">Темы</a>
-                  &nbsp;&mdash; у&nbsp;нас публикуются исследования, обзоры, эссе, интервью, репортажи,
-                  аналитика и&nbsp;другие материалы о&nbsp;культуре, науке, искусстве и&nbsp;обществе.
-                </p>
-              </li>
-              <li>
-                <p>
-                  <a href="/topic/art">Искусство</a>
-                  &nbsp;&mdash; здесь, например, представлены художественные произведения: литература,
-                  живопись, музыка, фотографии, видео. Этот раздел помогает прозвучать новому искусству,
-                  которое создают российские художники, писатели, режиссёры и&nbsp;музыканты.
-                </p>
-              </li>
-              {/*
-              <li>
-            <p>
-            <a href="/topic/events">События</a>&nbsp;— в&nbsp;этом разделе
-            публикуются самые важные, по&nbsp;мнению редакции, культурные
-            события России — выставки, лекции, концерты, кинопоказы, фестивали,
-            художественные и политические&nbsp;акции. Напишите&nbsp;нам
-            на&nbsp;<a href="mailto:welcome@discours.io" target="_blank">почту</a>, если вы
-            хотите разместить объявление. Мы делаем&nbsp;это
-            на&nbsp;безвозмездной основе.
-            </p>
-          </li >
-              <li>
-                <p>
-                  <a href="/create" class="ng-scope" target="_blank">Редакция</a>&nbsp;—
-                  это внутренний раздел, где появляются новые материалы, которые присылают
-                  в&nbsp;редакцию. Здесь авторы обсуждают, редактируют и&nbsp;оценивают
-                  публикации, определяя таким образом содержание журнала.
-                </p>
-              </li>
-      */}
-            </ul>
-            <p>
-              Материалы в&nbsp;Дискурсе объединяются по&nbsp;<b>темам</b>
-              &mdash;&nbsp;ключевым словам, которые располагаются в&nbsp;конце материалов и&nbsp;связывают
-              материалы по&nbsp;жанрам (например, <a href="/topic/interview">интервью</a>,{' '}
-              <a href="/topic/reportage">репортажи</a>, <a href="/topic/essay">эссе</a>,{' '}
-              <a href="/topic/likbez">ликбезы</a>
-              ), по&nbsp;тематике (<a href="/topic/cinema">кино</a>,{' '}
-              <a href="/topic/philosophy">философия</a>, <a href="/topic/history">история</a>,{' '}
-              <a href="/topic/absurdism">абсурдизм</a>, <a href="/topic/sex">секс</a> и&nbsp;т.д.) или
-              в&nbsp;серии (как &laquo;<a href="/topic/zakony-mira">Законы мира</a>&raquo; или &laquo;
-              <a href="/topic/za-liniey-mannergeyma">За&nbsp;линией Маннергейма</a>
-              &raquo;). Темы объединяют сотни публикаций, помогают ориентироваться в&nbsp;журнале
-              и&nbsp;следить за&nbsp;интересными материалами.
-            </p>
+      <h3 id="editing">Как мы&nbsp;делаем тексты друг друга лучше</h3>
+      <p>
+        Дискурс&nbsp;&mdash; журнал с&nbsp;совместным редактированием. Совершенствовать тексты нам помогает{' '}
+        <b>система ремарок</b>. Вы&nbsp;можете выделить часть текста в&nbsp;любой статье и&nbsp;оставить
+        к&nbsp;ней замечание, вопрос или предложение&nbsp;&mdash; автор текста получит совет на&nbsp;почту
+        и&nbsp;сможет его учесть. Так мы&nbsp;устраняем опечатки, неточности и&nbsp;советуем друг другу, как
+        сделать тексты качественнее и&nbsp;интереснее.
+      </p>
+      <p>
+        Среди участников сообщества есть профессиональные редакторы, которые помогают авторам делать тексты
+        лучше. Если вашему материалу потребуется доработка, они помогут отредактировать текст, подобрать
+        иллюстрации, придумать заголовок и&nbsp;красиво сверстать публикацию. Если вы&nbsp;хотите обсудить
+        текст, прежде чем загрузить материал в интернет-редакцию&nbsp;&mdash; разместите его
+        в&nbsp;google-документе, откройте доступ к&nbsp;редактированию по&nbsp;ссылке и&nbsp;напишите нам
+        на&nbsp;
+        <a href="mailto:welcome@discours.io" target="_blank">
+          welcome@discours.io
+        </a>
+        .
+      </p>
+      <p>
+        Если у&nbsp;вас возникают трудности с&nbsp;тем, чтобы подобрать к&nbsp;своему материалу иллюстрации,
+        тоже пишите на&nbsp;
+        <a href="mailto:welcome@discours.io" target="_blank">
+          почту
+        </a>
+        &mdash; наши коллеги-художники могут вам помочь{' '}
+        <a href="/create?collab" target="_blank">
+          в&nbsp;режиме совместного редактирования
+        </a>
+        .
+      </p>
 
-            <section>
-              <h3 id="become-author">Как стать автором журнала</h3>
-              <p>
-                Дискурс объединяет журналистов, активистов, музыкантов, художников, фотографов, режиссеров,
-                философов, ученых и&nbsp;других замечательных людей. Каждый может{' '}
-                <a href="/create">прислать</a> свой материал в&nbsp;журнал. Формат и&nbsp;тематика
-                не&nbsp;имеют значения, единственное, что важно &mdash;{' '}
-                <a href="/how-to-write-a-good-article">хороший</a> ли&nbsp;материал. Если сообщество
-                поддержит вашу публикацию, она выйдет в&nbsp;журнале и&nbsp;станет доступна тысячам наших
-                читателей.
-              </p>
-            </section>
+      <h3 id="perks">Что сообщество дает авторам</h3>
+      <ul>
+        <li>
+          <p>
+            <strong>Право определять, каким будет журнал</strong>. Дискурс&nbsp;&mdash; это общественная
+            институция, созданная людьми и&nbsp;ради людей, функционирующая на&nbsp;условиях прямой
+            демократии. Авторы публикуют статьи и&nbsp;художественные проекты, участвуют в&nbsp;обсуждениях,
+            голосуют за&nbsp;работы коллег и&nbsp;таким образом вносят свой вклад в&nbsp;развитие проекта,
+            определяя содержание и&nbsp;направление журнала.
+          </p>
+        </li>
+        <li>
+          <p>
+            <strong>Возможность обратиться к&nbsp;широкой аудитории</strong>. Дискурс читают десятки тысяч
+            людей, и&nbsp;с&nbsp;каждым днем их&nbsp;становится больше.
+          </p>
+        </li>
+        <li>
+          <p>
+            <strong>Поддержка редакции</strong>. Дискурс предоставляет авторам аккредитацию
+            на&nbsp;мероприятия, базу контактов, юридическую поддержку, ознакомление с&nbsp;книжными, кино-
+            и&nbsp;музыкальными новинками до&nbsp;их&nbsp;выхода в&nbsp;свет. Если что-то из&nbsp;этого вам
+            понадобится, пишите на&nbsp;почту{' '}
+            <a href="mailto:welcome@discours.io" target="_blank">
+              welcome@discours.io
+            </a>
+            &nbsp;&mdash; поможем.
+          </p>
+        </li>
+        <li>
+          <p>
+            <strong>Пресс-карты для корреспондентов</strong>. Три опубликованные статьи позволяют авторам
+            Дискурса получить официальные удостоверения журналистов (пресс-карты) на&nbsp;следующий год.
+            Пресс-карты удостоверяют, что вы&nbsp;журналист и&nbsp;можете пользоваться всеми теми правами,
+            которые гарантирует Закон о&nbsp;СМИ. Кроме того, многие культурные институции (музеи, галереи
+            и&nbsp;др.) предоставляют журналистам право свободного входа.
+          </p>
+        </li>
+        <li>
+          <p>
+            <strong>Помощь сотен специалистов в&nbsp;разных областях</strong>. В&nbsp;основе Дискурса лежит
+            идея совместного редактирования. Участники редакционного сообщества&nbsp;&mdash; несколько сотен
+            журналистов, исследователей, художников, литераторов из&nbsp;разных стран &mdash; изучают
+            материалы друг друга до&nbsp;публикации и&nbsp;помогают сделать их&nbsp;качественнее
+            и&nbsp;интереснее. Так, в&nbsp;редакции нередко складываются творческие союзы: например, авторов
+            текстов и&nbsp;художников, создающих для них иллюстрации.
+          </p>
+        </li>
+        <li>
+          <p>
+            <strong>Пространство общения полное выдающихся людей</strong>. Дискурс&nbsp;&mdash; большое
+            живое сообщество интеллектуалов, разбросанных по&nbsp;всему земному шару. Вступив
+            в&nbsp;редакцию, вы&nbsp;сможете познакомиться со&nbsp;множеством интересных людей, которые
+            определяют повестку завтрашнего дня, вдохновляют окружающих, создают новое и&nbsp;изучают
+            старое, ищут знания и&nbsp;готовы ими делиться, чтобы менять мир в&nbsp;соответствии
+            со&nbsp;своими идеалами.
+          </p>
+        </li>
+      </ul>
 
-            <h3 id="voting">Как проходит голосование</h3>
-            <p>
-              Все присылаемые в&nbsp;Дискурс материалы попадают в&nbsp;
-              <strong>&laquo;Редакцию&raquo;</strong>. Это внутренний раздел сайта, где участники сообщества
-              решают, что будет опубликовано в&nbsp;Дискурсе. Как только работа получает одобрение как
-              минимум пятерых авторов открытой редакции, она немедленно публикуется в&nbsp;журнале.
-              Если&nbsp;же материал набирает более&nbsp;20% голосов &laquo;против&raquo;,
-              он&nbsp;не&nbsp;выходит и&nbsp;может быть отправлен на&nbsp;доработку. Жестких сроков
-              рассмотрения материалов у&nbsp;нас нет, иногда это занимает час, иногда месяц,
-              обычно&nbsp;&mdash; несколько дней.
-            </p>
-            <section>
-              <p>
-                Как только сообщество поддержит публикацию, вы&nbsp;получите приглашение
-                в&nbsp;интернет-редакцию и&nbsp;сможете голосовать за&nbsp;новые материалы.
-              </p>
-            </section>
-
-            <h3 id="editing">Как мы&nbsp;делаем тексты друг друга лучше</h3>
-            <p>
-              Дискурс&nbsp;&mdash; журнал с&nbsp;совместным редактированием. Совершенствовать тексты нам
-              помогает <b>система ремарок</b>. Вы&nbsp;можете выделить часть текста в&nbsp;любой статье
-              и&nbsp;оставить к&nbsp;ней замечание, вопрос или предложение&nbsp;&mdash; автор текста получит
-              совет на&nbsp;почту и&nbsp;сможет его учесть. Так мы&nbsp;устраняем опечатки, неточности
-              и&nbsp;советуем друг другу, как сделать тексты качественнее и&nbsp;интереснее.
-            </p>
-            <p>
-              Среди участников сообщества есть профессиональные редакторы, которые помогают авторам делать
-              тексты лучше. Если вашему материалу потребуется доработка, они помогут отредактировать текст,
-              подобрать иллюстрации, придумать заголовок и&nbsp;красиво сверстать публикацию. Если
-              вы&nbsp;хотите обсудить текст, прежде чем загрузить материал в интернет-редакцию&nbsp;&mdash;
-              разместите его в&nbsp;google-документе, откройте доступ к&nbsp;редактированию по&nbsp;ссылке
-              и&nbsp;напишите нам на&nbsp;
-              <a href="mailto:welcome@discours.io" target="_blank">
-                welcome@discours.io
-              </a>
-              .
-            </p>
-            <p>
-              Если у&nbsp;вас возникают трудности с&nbsp;тем, чтобы подобрать к&nbsp;своему материалу
-              иллюстрации, тоже пишите на&nbsp;
-              <a href="mailto:welcome@discours.io" target="_blank">
-                почту
-              </a>
-              &mdash; наши коллеги-художники могут вам помочь{' '}
-              <a href="/create?collab" target="_blank">
-                в&nbsp;режиме совместного редактирования
-              </a>
-              .
-            </p>
-
-            <h3 id="perks">Что сообщество дает авторам</h3>
-            <ul>
-              <li>
-                <p>
-                  <strong>Право определять, каким будет журнал</strong>. Дискурс&nbsp;&mdash; это
-                  общественная институция, созданная людьми и&nbsp;ради людей, функционирующая
-                  на&nbsp;условиях прямой демократии. Авторы публикуют статьи и&nbsp;художественные проекты,
-                  участвуют в&nbsp;обсуждениях, голосуют за&nbsp;работы коллег и&nbsp;таким образом вносят
-                  свой вклад в&nbsp;развитие проекта, определяя содержание и&nbsp;направление журнала.
-                </p>
-              </li>
-              <li>
-                <p>
-                  <strong>Возможность обратиться к&nbsp;широкой аудитории</strong>. Дискурс читают десятки
-                  тысяч людей, и&nbsp;с&nbsp;каждым днем их&nbsp;становится больше.
-                </p>
-              </li>
-              <li>
-                <p>
-                  <strong>Поддержка редакции</strong>. Дискурс предоставляет авторам аккредитацию
-                  на&nbsp;мероприятия, базу контактов, юридическую поддержку, ознакомление с&nbsp;книжными,
-                  кино- и&nbsp;музыкальными новинками до&nbsp;их&nbsp;выхода в&nbsp;свет. Если что-то
-                  из&nbsp;этого вам понадобится, пишите на&nbsp;почту{' '}
-                  <a href="mailto:welcome@discours.io" target="_blank">
-                    welcome@discours.io
-                  </a>
-                  &nbsp;&mdash; поможем.
-                </p>
-              </li>
-              <li>
-                <p>
-                  <strong>Пресс-карты для корреспондентов</strong>. Три опубликованные статьи позволяют
-                  авторам Дискурса получить официальные удостоверения журналистов (пресс-карты)
-                  на&nbsp;следующий год. Пресс-карты удостоверяют, что вы&nbsp;журналист и&nbsp;можете
-                  пользоваться всеми теми правами, которые гарантирует Закон о&nbsp;СМИ. Кроме того, многие
-                  культурные институции (музеи, галереи и&nbsp;др.) предоставляют журналистам право
-                  свободного входа.
-                </p>
-              </li>
-              <li>
-                <p>
-                  <strong>Помощь сотен специалистов в&nbsp;разных областях</strong>. В&nbsp;основе Дискурса
-                  лежит идея совместного редактирования. Участники редакционного сообщества&nbsp;&mdash;
-                  несколько сотен журналистов, исследователей, художников, литераторов из&nbsp;разных стран
-                  &mdash; изучают материалы друг друга до&nbsp;публикации и&nbsp;помогают сделать
-                  их&nbsp;качественнее и&nbsp;интереснее. Так, в&nbsp;редакции нередко складываются
-                  творческие союзы: например, авторов текстов и&nbsp;художников, создающих для них
-                  иллюстрации.
-                </p>
-              </li>
-              <li>
-                <p>
-                  <strong>Пространство общения полное выдающихся людей</strong>. Дискурс&nbsp;&mdash;
-                  большое живое сообщество интеллектуалов, разбросанных по&nbsp;всему земному шару. Вступив
-                  в&nbsp;редакцию, вы&nbsp;сможете познакомиться со&nbsp;множеством интересных людей,
-                  которые определяют повестку завтрашнего дня, вдохновляют окружающих, создают новое
-                  и&nbsp;изучают старое, ищут знания и&nbsp;готовы ими делиться, чтобы менять мир
-                  в&nbsp;соответствии со&nbsp;своими идеалами.
-                </p>
-              </li>
-            </ul>
-
-            <h3 id="contacts">Как быть в&nbsp;курсе</h3>
-            <p>
-              За&nbsp;свежими публикациями Дискурса можно следить не&nbsp;только на&nbsp;сайте,
-              но&nbsp;и&nbsp;на&nbsp;страницах в&nbsp;
-              <a href="https://facebook.com/discoursio/" target="_blank">
-                Фейсбуке
-              </a>
-              ,{' '}
-              <a href="https://vk.com/discoursio" target="_blank">
-                ВКонтакте
-              </a>{' '}
-              и&nbsp;
-              <a href="https://t.me/discoursio" target="_blank">
-                Телеграме
-              </a>
-              . А&nbsp;ещё раз в&nbsp;месяц мы&nbsp;отправляем <a href="#subscribe">почтовую рассылку</a>{' '}
-              с&nbsp;дайджестом лучших материалов.
-            </p>
-            <p>
-              Если вы&nbsp;хотите сотрудничать, что-то обсудить или предложить &mdash; пожалуйста, пишите
-              на&nbsp;
-              <a href="mailto:welcome@discours.io" target="_blank">
-                welcome@discours.io
-              </a>
-              . Мы&nbsp;обязательно ответим.
-            </p>
-          </div>
-        </div>
-      </article>
-    </PageLayout>
+      <h3 id="contacts">Как быть в&nbsp;курсе</h3>
+      <p>
+        За&nbsp;свежими публикациями Дискурса можно следить не&nbsp;только на&nbsp;сайте,
+        но&nbsp;и&nbsp;на&nbsp;страницах в&nbsp;
+        <a href="https://facebook.com/discoursio/" target="_blank">
+          Фейсбуке
+        </a>
+        ,{' '}
+        <a href="https://vk.com/discoursio" target="_blank">
+          ВКонтакте
+        </a>{' '}
+        и&nbsp;
+        <a href="https://t.me/discoursio" target="_blank">
+          Телеграме
+        </a>
+        . А&nbsp;ещё раз в&nbsp;месяц мы&nbsp;отправляем <a href="#subscribe">почтовую рассылку</a>{' '}
+        с&nbsp;дайджестом лучших материалов.
+      </p>
+      <p>
+        Если вы&nbsp;хотите сотрудничать, что-то обсудить или предложить &mdash; пожалуйста, пишите на&nbsp;
+        <a href="mailto:welcome@discours.io" target="_blank">
+          welcome@discours.io
+        </a>
+        . Мы&nbsp;обязательно ответим.
+      </p>
+    </StaticPage>
   )
 }
 
diff --git a/src/pages/about/help.page.tsx b/src/pages/about/help.page.tsx
index 87e29026..f89401cf 100644
--- a/src/pages/about/help.page.tsx
+++ b/src/pages/about/help.page.tsx
@@ -1,171 +1,127 @@
 import { Meta } from '@solidjs/meta'
-import { createSignal, Show } from 'solid-js'
 
-import { Icon } from '../../components/_shared/Icon'
-import { PageLayout } from '../../components/_shared/PageLayout'
 import { Donate } from '../../components/Discours/Donate'
+import { StaticPage } from '../../components/Views/StaticPage'
 import { useLocalize } from '../../context/localize'
 
 export const HelpPage = () => {
-  const [indexExpanded, setIndexExpanded] = createSignal(true)
-
   const { t } = useLocalize()
 
-  const toggleIndexExpanded = () => setIndexExpanded((oldExpanded) => !oldExpanded)
-
   // TODO: l10n
   return (
-    <PageLayout title={t('Support us')}>
-      <Meta name="description" content="Здесь можно поддержать Дискурс материально." />
-      <Meta name="keywords" content="Discours.io, помощь, благотворительность" />
+    <StaticPage
+      title={t('Support us')}
+      layoutChildren={
+        <>
+          <Meta name="description" content="Здесь можно поддержать Дискурс материально." />
+          <Meta name="keywords" content="Discours.io, помощь, благотворительность" />
+        </>
+      }
+    >
+      <h1 id="help-us">
+        <span class="wrapped">Как вы&nbsp;можете поддержать Дискурс?</span>
+      </h1>
 
-      {/*<Modal name="thank">Благодарим!</Modal>*/}
-
-      <article class="wide-container container--static-page discours-help">
-        <div class="row">
-          <div class="col-md-6 col-lg-4 order-md-last">
-            <button class="button button--content-index" onClick={toggleIndexExpanded}>
-              <Show when={!indexExpanded()}>
-                <Icon name="content-index-control" />
-              </Show>
-              <Show when={indexExpanded()}>
-                <Icon name="content-index-control-expanded" class={'expanded'} />
-              </Show>
-            </button>
-
-            <Show when={indexExpanded()}>
-              <nav class="content-index">
-                <h4>Оглавление</h4>
-
-                <ul class="nodash">
-                  <li>
-                    <a href="#help-us">Как вы&nbsp;можете поддержать Дискурс?</a>
-                  </li>
-                  <li>
-                    <a href="#financial-report">На&nbsp;что пойдут деньги?</a>
-                  </li>
-                  <li>
-                    <a href="#trustee">Войдите в&nbsp;попечительский совет Дискурса</a>
-                  </li>
-                  <li>
-                    <a href="#other">Как ещё можно поддержать Дискурс?</a>
-                  </li>
-                </ul>
-              </nav>
-            </Show>
-          </div>
-
-          <div class="col-md-12 col-xl-14 offset-md-5 order-md-first">
-            <h1 id="help-us">
-              <span class="wrapped">Как вы&nbsp;можете поддержать Дискурс?</span>
-            </h1>
-
-            <p>
-              Дискурс&nbsp;&mdash; уникальное независимое издание с&nbsp;горизонтальной редакцией,
-              существующее в&nbsp;интересах своих читателей. Ваша поддержка действительно много
-              значит&nbsp;&mdash; не&nbsp;только для редакции Дискурса, но&nbsp;и&nbsp;для сохранения
-              свободной мысли и&nbsp;некоммерческого искусства в&nbsp;нашем обществе.
-            </p>
-            <p>
-              Дискурс существует на&nbsp;добровольных началах. Никакой медиахолдинг, фонд или
-              государственная структура не&nbsp;финансирует нас&nbsp;&mdash; благодаря этому мы&nbsp;можем
-              писать о&nbsp;том, что важно, а&nbsp;не&nbsp;о&nbsp;том, что выгодно. Сообщество наших
-              волонтеров ежедневно трудится, чтобы рассказывать вам интересные, не&nbsp;освещенные другими
-              изданиями истории&nbsp;&mdash; но&nbsp;мы&nbsp;не&nbsp;сможем делать это без вашей помощи.
-              Пожертвования читателей составляют основу нашего бюджета и&nbsp;позволяют нам существовать.
-            </p>
-            <p>
-              Если вам нравится&nbsp;то, что мы&nbsp;делаем и&nbsp;вы&nbsp;хотите, чтобы Дискурс
-              продолжался, пожалуйста, поддержите проект.
-            </p>
-            <div class="row">
-              <div class="col-sm-22 col-md-24">
-                <Donate />
-              </div>
-            </div>
-            <h3 id="financial-report">На&nbsp;что пойдут деньги?</h3>
-            <p>
-              Ваши пожертвования пойдут на&nbsp;оплату серверов, содержание офиса, зарплату редакции
-              и&nbsp;налоги, оплату юридического сопровождения и&nbsp;труда бухгалтера, совершенствование
-              сайта, аренду помещения для открытой редакции, на&nbsp;печать альманаха Дискурс с&nbsp;лучшими
-              текстами авторов за&nbsp;полгода, а&nbsp;также на&nbsp;другие редакционные и&nbsp;технические
-              расходы.
-            </p>
-            <h3>Ваша помощь позволит нам</h3>
-            <ul>
-              <li>
-                <h4>Оставаться бесплатным изданием.</h4>
-                <p>
-                  Мы&nbsp;делаем открытый журнал для всех желающих, а&nbsp;также собираем искусство лучших
-                  авторов по&nbsp;всему миру. Ваша поддержка позволяет нам становиться лучше.
-                </p>
-              </li>
-              <li>
-                <h4>Создавать еще больше контента.</h4>
-                <p>
-                  Каждый день к&nbsp;нам присоединяются новые люди, и&nbsp;чем больше нас становится, тем
-                  больше мы&nbsp;творим и&nbsp;строже оцениваем результаты творчества друг друга.
-                  В&nbsp;результате повышается и&nbsp;количество, и&nbsp;качество контента. Каждый день мы
-                  трудимся, чтобы открывать нашим читателям новые грани окружающего мира.
-                </p>
-              </li>
-              <li>
-                <h4>Развивать форматы и&nbsp;расширять деятельность Дискурса.</h4>
-                <p>
-                  Мы&nbsp;создаем различные спецпроекты и&nbsp;регулярно проводим необычные мероприятия.
-                  Мы&nbsp;хотим приносить пользу человечеству всеми возможными способами.
-                </p>
-              </li>
-              <li>
-                <h4>Модернизировать сайт.</h4>
-                <p>
-                  Мы&nbsp;совершенствуем платформу и&nbsp;стараемся сделать проект максимально удобным для
-                  вас. Мы&nbsp;работаем над мобильной версией, новым дизайном, фукционалом, системой
-                  регистрации, навигации и&nbsp;рекомендаций, которые сделают наше общение еще
-                  увлекательней.
-                </p>
-              </li>
-              <li>
-                <h4>Выпускать альманах.</h4>
-                <p>
-                  Выпускать раз в&nbsp;полугодие печатный альманах Дискурс с&nbsp;33&nbsp;лучшими текстами
-                  сайта.
-                </p>
-              </li>
-              <li>
-                <h4>Захватить весь мир</h4>
-                <p>и&nbsp;принести &laquo;Дискурс&raquo; в&nbsp;каждый дом.</p>
-              </li>
-            </ul>
-            <h3 id="trustee">Войдите в&nbsp;попечительский совет Дискурса</h3>
-            <p>
-              Вы&nbsp;хотите сделать крупное пожертвование? Станьте попечителем Дискурса &mdash;
-              <a class="black-link" href="mailto:welcome@discours.io" target="_blank">
-                напишите нам
-              </a>
-              , мы&nbsp;будем рады единомышленникам.
-            </p>
-            <h3 id="other">Как ещё можно поддержать Дискурс?</h3>
-            <p>
-              Есть много других способов поддержать Дискурс и&nbsp;труд наших авторов. Например,
-              вы&nbsp;можете периодически рассказывать о&nbsp;проекте своим друзьям в&nbsp;соцсетях,
-              делиться хорошими материалами или&nbsp;&mdash; что еще лучше&nbsp;&mdash; публиковать свои
-              статьи в&nbsp;&laquo;Дискурсе&raquo;. Но&nbsp;главное, что вы&nbsp;можете сделать для
-              Дискурса, &mdash; читать нас. Мы&nbsp;вкладываем в&nbsp;журнал душу, и&nbsp;внимание каждого
-              читателя убеждает нас в&nbsp;правильности выбранного пути. Не&nbsp;переключайтесь.
-            </p>
-            <p>
-              Если вы&nbsp;хотите помочь проекту, но&nbsp;у&nbsp;вас возникли вопросы, напишите нам письмо
-              по&nbsp;адресу{' '}
-              <a class="black-link" href="mailto:welcome@discours.io" target="_blank">
-                welcome@discours.io
-              </a>
-              .
-            </p>
-          </div>
+      <p>
+        Дискурс&nbsp;&mdash; уникальное независимое издание с&nbsp;горизонтальной редакцией, существующее
+        в&nbsp;интересах своих читателей. Ваша поддержка действительно много значит&nbsp;&mdash;
+        не&nbsp;только для редакции Дискурса, но&nbsp;и&nbsp;для сохранения свободной мысли
+        и&nbsp;некоммерческого искусства в&nbsp;нашем обществе.
+      </p>
+      <p>
+        Дискурс существует на&nbsp;добровольных началах. Никакой медиахолдинг, фонд или государственная
+        структура не&nbsp;финансирует нас&nbsp;&mdash; благодаря этому мы&nbsp;можем писать о&nbsp;том, что
+        важно, а&nbsp;не&nbsp;о&nbsp;том, что выгодно. Сообщество наших волонтеров ежедневно трудится, чтобы
+        рассказывать вам интересные, не&nbsp;освещенные другими изданиями истории&nbsp;&mdash;
+        но&nbsp;мы&nbsp;не&nbsp;сможем делать это без вашей помощи. Пожертвования читателей составляют
+        основу нашего бюджета и&nbsp;позволяют нам существовать.
+      </p>
+      <p>
+        Если вам нравится&nbsp;то, что мы&nbsp;делаем и&nbsp;вы&nbsp;хотите, чтобы Дискурс продолжался,
+        пожалуйста, поддержите проект.
+      </p>
+      <div class="row">
+        <div class="col-sm-22 col-md-24">
+          <Donate />
         </div>
-      </article>
-    </PageLayout>
+      </div>
+      <h3 id="financial-report">На&nbsp;что пойдут деньги?</h3>
+      <p>
+        Ваши пожертвования пойдут на&nbsp;оплату серверов, содержание офиса, зарплату редакции
+        и&nbsp;налоги, оплату юридического сопровождения и&nbsp;труда бухгалтера, совершенствование сайта,
+        аренду помещения для открытой редакции, на&nbsp;печать альманаха Дискурс с&nbsp;лучшими текстами
+        авторов за&nbsp;полгода, а&nbsp;также на&nbsp;другие редакционные и&nbsp;технические расходы.
+      </p>
+      <h3>Ваша помощь позволит нам</h3>
+      <ul>
+        <li>
+          <h4>Оставаться бесплатным изданием.</h4>
+          <p>
+            Мы&nbsp;делаем открытый журнал для всех желающих, а&nbsp;также собираем искусство лучших авторов
+            по&nbsp;всему миру. Ваша поддержка позволяет нам становиться лучше.
+          </p>
+        </li>
+        <li>
+          <h4>Создавать еще больше контента.</h4>
+          <p>
+            Каждый день к&nbsp;нам присоединяются новые люди, и&nbsp;чем больше нас становится, тем больше
+            мы&nbsp;творим и&nbsp;строже оцениваем результаты творчества друг друга. В&nbsp;результате
+            повышается и&nbsp;количество, и&nbsp;качество контента. Каждый день мы трудимся, чтобы открывать
+            нашим читателям новые грани окружающего мира.
+          </p>
+        </li>
+        <li>
+          <h4>Развивать форматы и&nbsp;расширять деятельность Дискурса.</h4>
+          <p>
+            Мы&nbsp;создаем различные спецпроекты и&nbsp;регулярно проводим необычные мероприятия.
+            Мы&nbsp;хотим приносить пользу человечеству всеми возможными способами.
+          </p>
+        </li>
+        <li>
+          <h4>Модернизировать сайт.</h4>
+          <p>
+            Мы&nbsp;совершенствуем платформу и&nbsp;стараемся сделать проект максимально удобным для вас.
+            Мы&nbsp;работаем над мобильной версией, новым дизайном, фукционалом, системой регистрации,
+            навигации и&nbsp;рекомендаций, которые сделают наше общение еще увлекательней.
+          </p>
+        </li>
+        <li>
+          <h4>Выпускать альманах.</h4>
+          <p>
+            Выпускать раз в&nbsp;полугодие печатный альманах Дискурс с&nbsp;33&nbsp;лучшими текстами сайта.
+          </p>
+        </li>
+        <li>
+          <h4>Захватить весь мир</h4>
+          <p>и&nbsp;принести &laquo;Дискурс&raquo; в&nbsp;каждый дом.</p>
+        </li>
+      </ul>
+      <h3 id="trustee">Войдите в&nbsp;попечительский совет Дискурса</h3>
+      <p>
+        Вы&nbsp;хотите сделать крупное пожертвование? Станьте попечителем Дискурса&nbsp;&mdash;{' '}
+        <a class="black-link" href="mailto:welcome@discours.io" target="_blank">
+          напишите нам
+        </a>
+        , мы&nbsp;будем рады единомышленникам.
+      </p>
+      <h3 id="other">Как ещё можно поддержать Дискурс?</h3>
+      <p>
+        Есть много других способов поддержать Дискурс и&nbsp;труд наших авторов. Например, вы&nbsp;можете
+        периодически рассказывать о&nbsp;проекте своим друзьям в&nbsp;соцсетях, делиться хорошими
+        материалами или&nbsp;&mdash; что еще лучше&nbsp;&mdash; публиковать свои статьи
+        в&nbsp;&laquo;Дискурсе&raquo;. Но&nbsp;главное, что вы&nbsp;можете сделать для Дискурса, &mdash;
+        читать нас. Мы&nbsp;вкладываем в&nbsp;журнал душу, и&nbsp;внимание каждого читателя убеждает нас
+        в&nbsp;правильности выбранного пути. Не&nbsp;переключайтесь.
+      </p>
+      <p>
+        Если вы&nbsp;хотите помочь проекту, но&nbsp;у&nbsp;вас возникли вопросы, напишите нам письмо
+        по&nbsp;адресу{' '}
+        <a class="black-link" href="mailto:welcome@discours.io" target="_blank">
+          welcome@discours.io
+        </a>
+        .
+      </p>
+    </StaticPage>
   )
 }
 
diff --git a/src/pages/about/manifest.page.tsx b/src/pages/about/manifest.page.tsx
index 6b4ab838..a3bcebaa 100644
--- a/src/pages/about/manifest.page.tsx
+++ b/src/pages/about/manifest.page.tsx
@@ -1,198 +1,146 @@
-import { createSignal, Show } from 'solid-js'
-
-import { Icon } from '../../components/_shared/Icon'
-import { PageLayout } from '../../components/_shared/PageLayout'
 import { Subscribe } from '../../components/_shared/Subscribe'
 import { Feedback } from '../../components/Discours/Feedback'
 import { Modal } from '../../components/Nav/Modal'
 import Opener from '../../components/Nav/Modal/Opener'
+import { StaticPage } from '../../components/Views/StaticPage'
 import { useLocalize } from '../../context/localize'
 
 export const ManifestPage = () => {
-  const [indexExpanded, setIndexExpanded] = createSignal(true)
-
   const { t } = useLocalize()
 
-  const toggleIndexExpanded = () => setIndexExpanded((oldExpanded) => !oldExpanded)
-
   return (
-    <PageLayout title={t('Manifest')}>
-      <Modal variant="wide" name="feedback">
-        <Feedback />
-      </Modal>
-      <Modal variant="wide" name="subscribe">
-        <Subscribe />
-      </Modal>
-      <article class="wide-container container--static-page">
-        <div class="row">
-          <div class="col-md-6 col-lg-4 order-md-last">
-            <button class="button button--content-index" onClick={toggleIndexExpanded}>
-              <Show when={!indexExpanded()}>
-                <Icon name="content-index-control" />
-              </Show>
-              <Show when={indexExpanded()}>
-                <Icon name="content-index-control-expanded" class={'expanded'} />
-              </Show>
-            </button>
+    <StaticPage
+      title={t('Manifest')}
+      layoutChildren={
+        <>
+          <Modal variant="wide" name="feedback">
+            <Feedback />
+          </Modal>
+          <Modal variant="wide" name="subscribe">
+            <Subscribe />
+          </Modal>
+        </>
+      }
+    >
+      <h1 id="manifest">
+        <span class="wrapped">Манифест</span>
+      </h1>
 
-            <Show when={indexExpanded()}>
-              <nav class="content-index">
-                <h4>Оглавление</h4>
+      <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>
 
-                <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>
-            </Show>
-          </div>
+      <h2 class="h2" id="participation">
+        <span class="wrapped">Как участвовать в&nbsp;самиздате</span>
+      </h2>
 
-          <div class="col-md-12 col-xl-14 offset-md-5 order-md-first">
-            <h1 id="manifest">
-              <span class="wrapped">Манифест</span>
-            </h1>
+      <p>
+        Дискурс создается <a href="/about/guide">открытым сообществом</a> энтузиастов новой независимой
+        журналистики. Участвовать в&nbsp;открытой редакции и&nbsp;помогать журналу можно следующими
+        способами:
+      </p>
+      <details open>
+        <summary>
+          <h3 id="contribute">Предлагать материалы</h3>
+        </summary>
+        <p>
+          <a href="/create">Создавайте</a> свои статьи и&nbsp;художественные работы&nbsp;&mdash; лучшие из
+          них будут опубликованы в&nbsp;журнале. Дискурс&nbsp;&mdash; некоммерческое издание, авторы
+          публикуются в&nbsp;журнале на&nbsp;общественных началах, получая при этом{' '}
+          <a href="/create?collab=true">поддержку</a> редакции, право голоса, множество других возможностей
+          и&nbsp;читателей по&nbsp;всему миру.
+        </p>
+      </details>
 
-            <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>
+      <details>
+        <summary>
+          <h3 id="donate">Поддерживать проект</h3>
+        </summary>
+        <p>
+          Дискурс существует на&nbsp;пожертвования читателей. Если вам нравится журнал, пожалуйста,{' '}
+          <a href="/about/help">поддержите</a> нашу работу. Ваши пожертвования пойдут на&nbsp;выпуск новых
+          материалов, оплату серверов, труда программистов, дизайнеров и&nbsp;редакторов.
+        </p>
+      </details>
 
-            <h2 class="h2" id="participation">
-              <span class="wrapped">Как участвовать в&nbsp;самиздате</span>
-            </h2>
+      <details>
+        <summary>
+          <h3 id="cooperation">Сотрудничать с&nbsp;журналом</h3>
+        </summary>
+        <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>
+      </details>
 
-            <p>
-              Дискурс создается <a href="/about/guide">открытым сообществом</a> энтузиастов новой
-              независимой журналистики. Участвовать в&nbsp;открытой редакции и&nbsp;помогать журналу можно
-              следующими способами:
-            </p>
-            <details open>
-              <summary>
-                <h3 id="contribute">Предлагать материалы</h3>
-              </summary>
-              <p>
-                <a href="/create">Создавайте</a> свои статьи и&nbsp;художественные работы&nbsp;&mdash;
-                лучшие из них будут опубликованы в&nbsp;журнале. Дискурс&nbsp;&mdash; некоммерческое
-                издание, авторы публикуются в&nbsp;журнале на&nbsp;общественных началах, получая при этом{' '}
-                <a href="/create?collab=true">поддержку</a> редакции, право голоса, множество других
-                возможностей и&nbsp;читателей по&nbsp;всему миру.
-              </p>
-            </details>
+      <details>
+        <summary>
+          <h3 id="follow">Как еще можно помочь</h3>
+        </summary>
+        <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>
+      </details>
 
-            <details>
-              <summary>
-                <h3 id="donate">Поддерживать проект</h3>
-              </summary>
-              <p>
-                Дискурс существует на&nbsp;пожертвования читателей. Если вам нравится журнал, пожалуйста,{' '}
-                <a href="/about/help">поддержите</a> нашу работу. Ваши пожертвования пойдут на&nbsp;выпуск
-                новых материалов, оплату серверов, труда программистов, дизайнеров и&nbsp;редакторов.
-              </p>
-            </details>
+      <h2 class="h2" id="connection">
+        <span class="wrapped">Будем на&nbsp;связи</span>
+      </h2>
 
-            <details>
-              <summary>
-                <h3 id="cooperation">Сотрудничать с&nbsp;журналом</h3>
-              </summary>
-              <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>
-            </details>
-
-            <details>
-              <summary>
-                <h3 id="follow">Как еще можно помочь</h3>
-              </summary>
-              <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>
-            </details>
-
-            <h2 class="h2" id="connection">
-              <span class="wrapped">Будем на&nbsp;связи</span>
-            </h2>
-
-            <p>
-              Если вы хотите предложить материал, сотрудничать, рассказать о&nbsp;проблеме, которую нужно
-              осветить, сообщить об&nbsp;ошибке или баге, что-то обсудить, уточнить или посоветовать,
-              пожалуйста, <Opener name="feedback">напишите нам здесь</Opener> или на&nbsp;почту{' '}
-              <a href="mailto:welcome@discours.io">welcome@discours.io</a>. Мы обязательно ответим
-              и&nbsp;постараемся реализовать все хорошие задумки.
-            </p>
-          </div>
-        </div>
-      </article>
-    </PageLayout>
+      <p>
+        Если вы хотите предложить материал, сотрудничать, рассказать о&nbsp;проблеме, которую нужно
+        осветить, сообщить об&nbsp;ошибке или баге, что-то обсудить, уточнить или посоветовать, пожалуйста,{' '}
+        <Opener name="feedback">напишите нам здесь</Opener> или на&nbsp;почту{' '}
+        <a href="mailto:welcome@discours.io">welcome@discours.io</a>. Мы обязательно ответим
+        и&nbsp;постараемся реализовать все хорошие задумки.
+      </p>
+    </StaticPage>
   )
 }