discours.io/webapp
5
0
Fork 0
Code Issues Pull Requests Actions Projects Wiki Activity

Feed sidebar style fixes

Browse Source
This commit is contained in:
kvakazyambra 2023-11-16 00:51:32 +03:00
parent df983e1c60
commit 08636979bc
6 changed files with 505 additions and 610 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/TableOfContents/TableOfContents.tsx
View File

@ -45,7 +45,9 @@ export const TableOfContents = (props: Props) => {
const updateHeadings = () => { const updateHeadings = () => {
setHeadings( setHeadings(
// eslint-disable-next-line unicorn/prefer-spread // 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) setAreHeadingsLoaded(true)
} }

32
src/components/Views/StaticPage.tsx Normal file
View File

@ -0,0 +1,32 @@
import { PageLayout } from '../_shared/PageLayout'
import { TableOfContents } from '../TableOfContents'
import { JSX } from 'solid-js'
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} />
</div>
</div>
</div>
</PageLayout>
)
}

202
src/pages/about/guide.page.tsx
View File

@ -1,20 +1,17 @@
import { Meta } from '@solidjs/meta' import { Meta } from '@solidjs/meta'
import { createSignal, Show } from 'solid-js'
import { Icon } from '../../components/_shared/Icon'
import { PageLayout } from '../../components/_shared/PageLayout'
import { useLocalize } from '../../context/localize' import { useLocalize } from '../../context/localize'
import { StaticPage } from '../../components/Views/StaticPage'
export const GuidePage = () => { export const GuidePage = () => {
const { t } = useLocalize() const { t } = useLocalize()
const title = t('How it works') const title = t('How it works')
const [indexExpanded, setIndexExpanded] = createSignal(true)
const toggleIndexExpanded = () => setIndexExpanded((oldExpanded) => !oldExpanded)
return ( return (
<PageLayout title={title}> <StaticPage
title={title}
layoutChildren={
<>
<Meta name="description" content={title} /> <Meta name="description" content={title} />
<Meta name="keywords" content={t('Discours') + ',' + title} /> <Meta name="keywords" content={t('Discours') + ',' + title} />
<Meta property="og:title" content={title} /> <Meta property="og:title" content={title} />
@ -22,58 +19,19 @@ export const GuidePage = () => {
<Meta property="og:image" content="/images/participation.png" /> <Meta property="og:image" content="/images/participation.png" />
<Meta property="og:image:width" content="1200" /> <Meta property="og:image:width" content="1200" />
<Meta property="og:image:height" content="630" /> <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>
<Show when={indexExpanded()}>
<nav class="content-index">
<h4>Оглавление</h4>
<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>
<div class="col-md-12 col-xl-14 offset-md-5 order-md-first">
<h1 id="about"> <h1 id="about">
<span class="wrapped">Как устроен Дискурс</span> <span class="wrapped">Как устроен Дискурс</span>
</h1> </h1>
<p> <p>
Дискурс&nbsp;&mdash; независимый журнал о&nbsp;культуре, науке, искусстве и&nbsp;обществе Дискурс&nbsp;&mdash; независимый журнал о&nbsp;культуре, науке, искусстве и&nbsp;обществе с&nbsp;
с&nbsp;
<a href="/about/manifest">открытой редакцией</a>. У&nbsp;нас нет главного редактора, инвестора <a href="/about/manifest">открытой редакцией</a>. У&nbsp;нас нет главного редактора, инвестора
и&nbsp;вообще никого, кто&nbsp;бы принимал единоличные решения. Вместо традиционных иерархий и&nbsp;вообще никого, кто&nbsp;бы принимал единоличные решения. Вместо традиционных иерархий Дискурс
Дискурс основан на&nbsp;принципах прямой демократии: в&nbsp;нашем горизонтальном сообществе основан на&nbsp;принципах прямой демократии: в&nbsp;нашем горизонтальном сообществе все редакционные
все редакционные вопросы решаются открытым голосованием авторов журнала. Вот как это работает. вопросы решаются открытым голосованием авторов журнала. Вот как это работает.
</p> </p>
<h3 id="how-it-works">Как устроен сайт Дискурса</h3> <h3 id="how-it-works">Как устроен сайт Дискурса</h3>
<p>Дискурс состоит из&nbsp;четырех основных разделов:</p> <p>Дискурс состоит из&nbsp;четырех основных разделов:</p>
@ -81,16 +39,16 @@ export const GuidePage = () => {
<li> <li>
<p> <p>
<a href="/topics">Темы</a> <a href="/topics">Темы</a>
&nbsp;&mdash; у&nbsp;нас публикуются исследования, обзоры, эссе, интервью, репортажи, &nbsp;&mdash; у&nbsp;нас публикуются исследования, обзоры, эссе, интервью, репортажи, аналитика
аналитика и&nbsp;другие материалы о&nbsp;культуре, науке, искусстве и&nbsp;обществе. и&nbsp;другие материалы о&nbsp;культуре, науке, искусстве и&nbsp;обществе.
</p> </p>
</li> </li>
<li> <li>
<p> <p>
<a href="/topic/art">Искусство</a> <a href="/topic/art">Искусство</a>
&nbsp;&mdash; здесь, например, представлены художественные произведения: литература, &nbsp;&mdash; здесь, например, представлены художественные произведения: литература, живопись,
живопись, музыка, фотографии, видео. Этот раздел помогает прозвучать новому искусству, музыка, фотографии, видео. Этот раздел помогает прозвучать новому искусству, которое создают
которое создают российские художники, писатели, режиссёры и&nbsp;музыканты. российские художники, писатели, режиссёры и&nbsp;музыканты.
</p> </p>
</li> </li>
{/* {/*
@ -113,7 +71,7 @@ export const GuidePage = () => {
публикации, определяя таким образом содержание журнала. публикации, определяя таким образом содержание журнала.
</p> </p>
</li> </li>
*/} */}
</ul> </ul>
<p> <p>
Материалы в&nbsp;Дискурсе объединяются по&nbsp;<b>темам</b> Материалы в&nbsp;Дискурсе объединяются по&nbsp;<b>темам</b>
@ -121,23 +79,22 @@ export const GuidePage = () => {
материалы по&nbsp;жанрам (например, <a href="/topic/interview">интервью</a>,{' '} материалы по&nbsp;жанрам (например, <a href="/topic/interview">интервью</a>,{' '}
<a href="/topic/reportage">репортажи</a>, <a href="/topic/essay">эссе</a>,{' '} <a href="/topic/reportage">репортажи</a>, <a href="/topic/essay">эссе</a>,{' '}
<a href="/topic/likbez">ликбезы</a> <a href="/topic/likbez">ликбезы</a>
), по&nbsp;тематике (<a href="/topic/cinema">кино</a>,{' '} ), по&nbsp;тематике (<a href="/topic/cinema">кино</a>, <a href="/topic/philosophy">философия</a>,{' '}
<a href="/topic/philosophy">философия</a>, <a href="/topic/history">история</a>,{' '} <a href="/topic/history">история</a>, <a href="/topic/absurdism">абсурдизм</a>,{' '}
<a href="/topic/absurdism">абсурдизм</a>, <a href="/topic/sex">секс</a> и&nbsp;т.д.) или <a href="/topic/sex">секс</a> и&nbsp;т.д.) или в&nbsp;серии (как &laquo;
в&nbsp;серии (как &laquo;<a href="/topic/zakony-mira">Законы мира</a>&raquo; или &laquo; <a href="/topic/zakony-mira">Законы мира</a>&raquo; или &laquo;
<a href="/topic/za-liniey-mannergeyma">За&nbsp;линией Маннергейма</a> <a href="/topic/za-liniey-mannergeyma">За&nbsp;линией Маннергейма</a>
&raquo;). Темы объединяют сотни публикаций, помогают ориентироваться в&nbsp;журнале &raquo;). Темы объединяют сотни публикаций, помогают ориентироваться в&nbsp;журнале и&nbsp;следить
и&nbsp;следить за&nbsp;интересными материалами. за&nbsp;интересными материалами.
</p> </p>
<section> <section>
<h3 id="become-author">Как стать автором журнала</h3> <h3 id="become-author">Как стать автором журнала</h3>
<p> <p>
Дискурс объединяет журналистов, активистов, музыкантов, художников, фотографов, режиссеров, Дискурс объединяет журналистов, активистов, музыкантов, художников, фотографов, режиссеров,
философов, ученых и&nbsp;других замечательных людей. Каждый может{' '} философов, ученых и&nbsp;других замечательных людей. Каждый может <a href="/create">прислать</a>{' '}
<a href="/create">прислать</a> свой материал в&nbsp;журнал. Формат и&nbsp;тематика свой материал в&nbsp;журнал. Формат и&nbsp;тематика не&nbsp;имеют значения, единственное, что
не&nbsp;имеют значения, единственное, что важно &mdash;{' '} важно &mdash; <a href="/how-to-write-a-good-article">хороший</a> ли&nbsp;материал. Если сообщество
<a href="/how-to-write-a-good-article">хороший</a> ли&nbsp;материал. Если сообщество
поддержит вашу публикацию, она выйдет в&nbsp;журнале и&nbsp;станет доступна тысячам наших поддержит вашу публикацию, она выйдет в&nbsp;журнале и&nbsp;станет доступна тысячам наших
читателей. читателей.
</p> </p>
@ -147,43 +104,42 @@ export const GuidePage = () => {
<p> <p>
Все присылаемые в&nbsp;Дискурс материалы попадают в&nbsp; Все присылаемые в&nbsp;Дискурс материалы попадают в&nbsp;
<strong>&laquo;Редакцию&raquo;</strong>. Это внутренний раздел сайта, где участники сообщества <strong>&laquo;Редакцию&raquo;</strong>. Это внутренний раздел сайта, где участники сообщества
решают, что будет опубликовано в&nbsp;Дискурсе. Как только работа получает одобрение как решают, что будет опубликовано в&nbsp;Дискурсе. Как только работа получает одобрение как минимум
минимум пятерых авторов открытой редакции, она немедленно публикуется в&nbsp;журнале. пятерых авторов открытой редакции, она немедленно публикуется в&nbsp;журнале. Если&nbsp;же материал
Если&nbsp;же материал набирает более&nbsp;20% голосов &laquo;против&raquo;, набирает более&nbsp;20% голосов &laquo;против&raquo;, он&nbsp;не&nbsp;выходит и&nbsp;может быть
он&nbsp;не&nbsp;выходит и&nbsp;может быть отправлен на&nbsp;доработку. Жестких сроков отправлен на&nbsp;доработку. Жестких сроков рассмотрения материалов у&nbsp;нас нет, иногда это
рассмотрения материалов у&nbsp;нас нет, иногда это занимает час, иногда месяц, занимает час, иногда месяц, обычно&nbsp;&mdash; несколько дней.
обычно&nbsp;&mdash; несколько дней.
</p> </p>
<section> <section>
<p> <p>
Как только сообщество поддержит публикацию, вы&nbsp;получите приглашение Как только сообщество поддержит публикацию, вы&nbsp;получите приглашение в&nbsp;интернет-редакцию
в&nbsp;интернет-редакцию и&nbsp;сможете голосовать за&nbsp;новые материалы. и&nbsp;сможете голосовать за&nbsp;новые материалы.
</p> </p>
</section> </section>
<h3 id="editing">Как мы&nbsp;делаем тексты друг друга лучше</h3> <h3 id="editing">Как мы&nbsp;делаем тексты друг друга лучше</h3>
<p> <p>
Дискурс&nbsp;&mdash; журнал с&nbsp;совместным редактированием. Совершенствовать тексты нам Дискурс&nbsp;&mdash; журнал с&nbsp;совместным редактированием. Совершенствовать тексты нам помогает{' '}
помогает <b>система ремарок</b>. Вы&nbsp;можете выделить часть текста в&nbsp;любой статье <b>система ремарок</b>. Вы&nbsp;можете выделить часть текста в&nbsp;любой статье и&nbsp;оставить
и&nbsp;оставить к&nbsp;ней замечание, вопрос или предложение&nbsp;&mdash; автор текста получит к&nbsp;ней замечание, вопрос или предложение&nbsp;&mdash; автор текста получит совет на&nbsp;почту
совет на&nbsp;почту и&nbsp;сможет его учесть. Так мы&nbsp;устраняем опечатки, неточности и&nbsp;сможет его учесть. Так мы&nbsp;устраняем опечатки, неточности и&nbsp;советуем друг другу, как
и&nbsp;советуем друг другу, как сделать тексты качественнее и&nbsp;интереснее. сделать тексты качественнее и&nbsp;интереснее.
</p> </p>
<p> <p>
Среди участников сообщества есть профессиональные редакторы, которые помогают авторам делать Среди участников сообщества есть профессиональные редакторы, которые помогают авторам делать тексты
тексты лучше. Если вашему материалу потребуется доработка, они помогут отредактировать текст, лучше. Если вашему материалу потребуется доработка, они помогут отредактировать текст, подобрать
подобрать иллюстрации, придумать заголовок и&nbsp;красиво сверстать публикацию. Если иллюстрации, придумать заголовок и&nbsp;красиво сверстать публикацию. Если вы&nbsp;хотите обсудить
вы&nbsp;хотите обсудить текст, прежде чем загрузить материал в интернет-редакцию&nbsp;&mdash; текст, прежде чем загрузить материал в интернет-редакцию&nbsp;&mdash; разместите его
разместите его в&nbsp;google-документе, откройте доступ к&nbsp;редактированию по&nbsp;ссылке в&nbsp;google-документе, откройте доступ к&nbsp;редактированию по&nbsp;ссылке и&nbsp;напишите нам
и&nbsp;напишите нам на&nbsp; на&nbsp;
<a href="mailto:welcome@discours.io" target="_blank"> <a href="mailto:welcome@discours.io" target="_blank">
welcome@discours.io welcome@discours.io
</a> </a>
. .
</p> </p>
<p> <p>
Если у&nbsp;вас возникают трудности с&nbsp;тем, чтобы подобрать к&nbsp;своему материалу Если у&nbsp;вас возникают трудности с&nbsp;тем, чтобы подобрать к&nbsp;своему материалу иллюстрации,
иллюстрации, тоже пишите на&nbsp; тоже пишите на&nbsp;
<a href="mailto:welcome@discours.io" target="_blank"> <a href="mailto:welcome@discours.io" target="_blank">
почту почту
</a> </a>
@ -198,25 +154,25 @@ export const GuidePage = () => {
<ul> <ul>
<li> <li>
<p> <p>
<strong>Право определять, каким будет журнал</strong>. Дискурс&nbsp;&mdash; это <strong>Право определять, каким будет журнал</strong>. Дискурс&nbsp;&mdash; это общественная
общественная институция, созданная людьми и&nbsp;ради людей, функционирующая институция, созданная людьми и&nbsp;ради людей, функционирующая на&nbsp;условиях прямой
на&nbsp;условиях прямой демократии. Авторы публикуют статьи и&nbsp;художественные проекты, демократии. Авторы публикуют статьи и&nbsp;художественные проекты, участвуют в&nbsp;обсуждениях,
участвуют в&nbsp;обсуждениях, голосуют за&nbsp;работы коллег и&nbsp;таким образом вносят голосуют за&nbsp;работы коллег и&nbsp;таким образом вносят свой вклад в&nbsp;развитие проекта,
свой вклад в&nbsp;развитие проекта, определяя содержание и&nbsp;направление журнала. определяя содержание и&nbsp;направление журнала.
</p> </p>
</li> </li>
<li> <li>
<p> <p>
<strong>Возможность обратиться к&nbsp;широкой аудитории</strong>. Дискурс читают десятки <strong>Возможность обратиться к&nbsp;широкой аудитории</strong>. Дискурс читают десятки тысяч
тысяч людей, и&nbsp;с&nbsp;каждым днем их&nbsp;становится больше. людей, и&nbsp;с&nbsp;каждым днем их&nbsp;становится больше.
</p> </p>
</li> </li>
<li> <li>
<p> <p>
<strong>Поддержка редакции</strong>. Дискурс предоставляет авторам аккредитацию <strong>Поддержка редакции</strong>. Дискурс предоставляет авторам аккредитацию
на&nbsp;мероприятия, базу контактов, юридическую поддержку, ознакомление с&nbsp;книжными, на&nbsp;мероприятия, базу контактов, юридическую поддержку, ознакомление с&nbsp;книжными, кино-
кино- и&nbsp;музыкальными новинками до&nbsp;их&nbsp;выхода в&nbsp;свет. Если что-то и&nbsp;музыкальными новинками до&nbsp;их&nbsp;выхода в&nbsp;свет. Если что-то из&nbsp;этого вам
из&nbsp;этого вам понадобится, пишите на&nbsp;почту{' '} понадобится, пишите на&nbsp;почту{' '}
<a href="mailto:welcome@discours.io" target="_blank"> <a href="mailto:welcome@discours.io" target="_blank">
welcome@discours.io welcome@discours.io
</a> </a>
@ -225,33 +181,31 @@ export const GuidePage = () => {
</li> </li>
<li> <li>
<p> <p>
<strong>Пресс-карты для корреспондентов</strong>. Три опубликованные статьи позволяют <strong>Пресс-карты для корреспондентов</strong>. Три опубликованные статьи позволяют авторам
авторам Дискурса получить официальные удостоверения журналистов (пресс-карты) Дискурса получить официальные удостоверения журналистов (пресс-карты) на&nbsp;следующий год.
на&nbsp;следующий год. Пресс-карты удостоверяют, что вы&nbsp;журналист и&nbsp;можете Пресс-карты удостоверяют, что вы&nbsp;журналист и&nbsp;можете пользоваться всеми теми правами,
пользоваться всеми теми правами, которые гарантирует Закон о&nbsp;СМИ. Кроме того, многие которые гарантирует Закон о&nbsp;СМИ. Кроме того, многие культурные институции (музеи, галереи
культурные институции (музеи, галереи и&nbsp;др.) предоставляют журналистам право и&nbsp;др.) предоставляют журналистам право свободного входа.
свободного входа.
</p> </p>
</li> </li>
<li> <li>
<p> <p>
<strong>Помощь сотен специалистов в&nbsp;разных областях</strong>. В&nbsp;основе Дискурса <strong>Помощь сотен специалистов в&nbsp;разных областях</strong>. В&nbsp;основе Дискурса лежит
лежит идея совместного редактирования. Участники редакционного сообщества&nbsp;&mdash; идея совместного редактирования. Участники редакционного сообщества&nbsp;&mdash; несколько сотен
несколько сотен журналистов, исследователей, художников, литераторов из&nbsp;разных стран журналистов, исследователей, художников, литераторов из&nbsp;разных стран &mdash; изучают
&mdash; изучают материалы друг друга до&nbsp;публикации и&nbsp;помогают сделать материалы друг друга до&nbsp;публикации и&nbsp;помогают сделать их&nbsp;качественнее
их&nbsp;качественнее и&nbsp;интереснее. Так, в&nbsp;редакции нередко складываются и&nbsp;интереснее. Так, в&nbsp;редакции нередко складываются творческие союзы: например, авторов
творческие союзы: например, авторов текстов и&nbsp;художников, создающих для них текстов и&nbsp;художников, создающих для них иллюстрации.
иллюстрации.
</p> </p>
</li> </li>
<li> <li>
<p> <p>
<strong>Пространство общения полное выдающихся людей</strong>. Дискурс&nbsp;&mdash; <strong>Пространство общения полное выдающихся людей</strong>. Дискурс&nbsp;&mdash; большое
большое живое сообщество интеллектуалов, разбросанных по&nbsp;всему земному шару. Вступив живое сообщество интеллектуалов, разбросанных по&nbsp;всему земному шару. Вступив
в&nbsp;редакцию, вы&nbsp;сможете познакомиться со&nbsp;множеством интересных людей, в&nbsp;редакцию, вы&nbsp;сможете познакомиться со&nbsp;множеством интересных людей, которые
которые определяют повестку завтрашнего дня, вдохновляют окружающих, создают новое определяют повестку завтрашнего дня, вдохновляют окружающих, создают новое и&nbsp;изучают
и&nbsp;изучают старое, ищут знания и&nbsp;готовы ими делиться, чтобы менять мир старое, ищут знания и&nbsp;готовы ими делиться, чтобы менять мир в&nbsp;соответствии
в&nbsp;соответствии со&nbsp;своими идеалами. со&nbsp;своими идеалами.
</p> </p>
</li> </li>
</ul> </ul>
@ -275,17 +229,13 @@ export const GuidePage = () => {
с&nbsp;дайджестом лучших материалов. с&nbsp;дайджестом лучших материалов.
</p> </p>
<p> <p>
Если вы&nbsp;хотите сотрудничать, что-то обсудить или предложить &mdash; пожалуйста, пишите Если вы&nbsp;хотите сотрудничать, что-то обсудить или предложить &mdash; пожалуйста, пишите на&nbsp;
на&nbsp;
<a href="mailto:welcome@discours.io" target="_blank"> <a href="mailto:welcome@discours.io" target="_blank">
welcome@discours.io welcome@discours.io
</a> </a>
. Мы&nbsp;обязательно ответим. . Мы&nbsp;обязательно ответим.
</p> </p>
</div> </StaticPage>
</div>
</article>
</PageLayout>
) )
} }

126
src/pages/about/help.page.tsx
View File

@ -1,82 +1,44 @@
import { Meta } from '@solidjs/meta' 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 { Donate } from '../../components/Discours/Donate'
import { useLocalize } from '../../context/localize' import { useLocalize } from '../../context/localize'
import { StaticPage } from '../../components/Views/StaticPage'
export const HelpPage = () => { export const HelpPage = () => {
const [indexExpanded, setIndexExpanded] = createSignal(true)
const { t } = useLocalize() const { t } = useLocalize()
const toggleIndexExpanded = () => setIndexExpanded((oldExpanded) => !oldExpanded)
// TODO: l10n // TODO: l10n
return ( return (
<PageLayout title={t('Support us')}> <StaticPage
title={t('Support us')}
layoutChildren={
<>
<Meta name="description" content="Здесь можно поддержать Дискурс материально." /> <Meta name="description" content="Здесь можно поддержать Дискурс материально." />
<Meta name="keywords" content="Discours.io, помощь, благотворительность" /> <Meta name="keywords" content="Discours.io, помощь, благотворительность" />
</>
{/*<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"> <h1 id="help-us">
<span class="wrapped">Как вы&nbsp;можете поддержать Дискурс?</span> <span class="wrapped">Как вы&nbsp;можете поддержать Дискурс?</span>
</h1> </h1>
<p> <p>
Дискурс&nbsp;&mdash; уникальное независимое издание с&nbsp;горизонтальной редакцией, Дискурс&nbsp;&mdash; уникальное независимое издание с&nbsp;горизонтальной редакцией, существующее
существующее в&nbsp;интересах своих читателей. Ваша поддержка действительно много в&nbsp;интересах своих читателей. Ваша поддержка действительно много значит&nbsp;&mdash;
значит&nbsp;&mdash; не&nbsp;только для редакции Дискурса, но&nbsp;и&nbsp;для сохранения не&nbsp;только для редакции Дискурса, но&nbsp;и&nbsp;для сохранения свободной мысли
свободной мысли и&nbsp;некоммерческого искусства в&nbsp;нашем обществе. и&nbsp;некоммерческого искусства в&nbsp;нашем обществе.
</p> </p>
<p> <p>
Дискурс существует на&nbsp;добровольных началах. Никакой медиахолдинг, фонд или Дискурс существует на&nbsp;добровольных началах. Никакой медиахолдинг, фонд или государственная
государственная структура не&nbsp;финансирует нас&nbsp;&mdash; благодаря этому мы&nbsp;можем структура не&nbsp;финансирует нас&nbsp;&mdash; благодаря этому мы&nbsp;можем писать о&nbsp;том, что
писать о&nbsp;том, что важно, а&nbsp;не&nbsp;о&nbsp;том, что выгодно. Сообщество наших важно, а&nbsp;не&nbsp;о&nbsp;том, что выгодно. Сообщество наших волонтеров ежедневно трудится, чтобы
волонтеров ежедневно трудится, чтобы рассказывать вам интересные, не&nbsp;освещенные другими рассказывать вам интересные, не&nbsp;освещенные другими изданиями истории&nbsp;&mdash;
изданиями истории&nbsp;&mdash; но&nbsp;мы&nbsp;не&nbsp;сможем делать это без вашей помощи. но&nbsp;мы&nbsp;не&nbsp;сможем делать это без вашей помощи. Пожертвования читателей составляют
Пожертвования читателей составляют основу нашего бюджета и&nbsp;позволяют нам существовать. основу нашего бюджета и&nbsp;позволяют нам существовать.
</p> </p>
<p> <p>
Если вам нравится&nbsp;то, что мы&nbsp;делаем и&nbsp;вы&nbsp;хотите, чтобы Дискурс Если вам нравится&nbsp;то, что мы&nbsp;делаем и&nbsp;вы&nbsp;хотите, чтобы Дискурс продолжался,
продолжался, пожалуйста, поддержите проект. пожалуйста, поддержите проект.
</p> </p>
<div class="row"> <div class="row">
<div class="col-sm-22 col-md-24"> <div class="col-sm-22 col-md-24">
@ -86,27 +48,26 @@ export const HelpPage = () => {
<h3 id="financial-report">На&nbsp;что пойдут деньги?</h3> <h3 id="financial-report">На&nbsp;что пойдут деньги?</h3>
<p> <p>
Ваши пожертвования пойдут на&nbsp;оплату серверов, содержание офиса, зарплату редакции Ваши пожертвования пойдут на&nbsp;оплату серверов, содержание офиса, зарплату редакции
и&nbsp;налоги, оплату юридического сопровождения и&nbsp;труда бухгалтера, совершенствование и&nbsp;налоги, оплату юридического сопровождения и&nbsp;труда бухгалтера, совершенствование сайта,
сайта, аренду помещения для открытой редакции, на&nbsp;печать альманаха Дискурс с&nbsp;лучшими аренду помещения для открытой редакции, на&nbsp;печать альманаха Дискурс с&nbsp;лучшими текстами
текстами авторов за&nbsp;полгода, а&nbsp;также на&nbsp;другие редакционные и&nbsp;технические авторов за&nbsp;полгода, а&nbsp;также на&nbsp;другие редакционные и&nbsp;технические расходы.
расходы.
</p> </p>
<h3>Ваша помощь позволит нам</h3> <h3>Ваша помощь позволит нам</h3>
<ul> <ul>
<li> <li>
<h4>Оставаться бесплатным изданием.</h4> <h4>Оставаться бесплатным изданием.</h4>
<p> <p>
Мы&nbsp;делаем открытый журнал для всех желающих, а&nbsp;также собираем искусство лучших Мы&nbsp;делаем открытый журнал для всех желающих, а&nbsp;также собираем искусство лучших авторов
авторов по&nbsp;всему миру. Ваша поддержка позволяет нам становиться лучше. по&nbsp;всему миру. Ваша поддержка позволяет нам становиться лучше.
</p> </p>
</li> </li>
<li> <li>
<h4>Создавать еще больше контента.</h4> <h4>Создавать еще больше контента.</h4>
<p> <p>
Каждый день к&nbsp;нам присоединяются новые люди, и&nbsp;чем больше нас становится, тем Каждый день к&nbsp;нам присоединяются новые люди, и&nbsp;чем больше нас становится, тем больше
больше мы&nbsp;творим и&nbsp;строже оцениваем результаты творчества друг друга. мы&nbsp;творим и&nbsp;строже оцениваем результаты творчества друг друга. В&nbsp;результате
В&nbsp;результате повышается и&nbsp;количество, и&nbsp;качество контента. Каждый день мы повышается и&nbsp;количество, и&nbsp;качество контента. Каждый день мы трудимся, чтобы открывать
трудимся, чтобы открывать нашим читателям новые грани окружающего мира. нашим читателям новые грани окружающего мира.
</p> </p>
</li> </li>
<li> <li>
@ -119,17 +80,15 @@ export const HelpPage = () => {
<li> <li>
<h4>Модернизировать сайт.</h4> <h4>Модернизировать сайт.</h4>
<p> <p>
Мы&nbsp;совершенствуем платформу и&nbsp;стараемся сделать проект максимально удобным для Мы&nbsp;совершенствуем платформу и&nbsp;стараемся сделать проект максимально удобным для вас.
вас. Мы&nbsp;работаем над мобильной версией, новым дизайном, фукционалом, системой Мы&nbsp;работаем над мобильной версией, новым дизайном, фукционалом, системой регистрации,
регистрации, навигации и&nbsp;рекомендаций, которые сделают наше общение еще навигации и&nbsp;рекомендаций, которые сделают наше общение еще увлекательней.
увлекательней.
</p> </p>
</li> </li>
<li> <li>
<h4>Выпускать альманах.</h4> <h4>Выпускать альманах.</h4>
<p> <p>
Выпускать раз в&nbsp;полугодие печатный альманах Дискурс с&nbsp;33&nbsp;лучшими текстами Выпускать раз в&nbsp;полугодие печатный альманах Дискурс с&nbsp;33&nbsp;лучшими текстами сайта.
сайта.
</p> </p>
</li> </li>
<li> <li>
@ -139,7 +98,7 @@ export const HelpPage = () => {
</ul> </ul>
<h3 id="trustee">Войдите в&nbsp;попечительский совет Дискурса</h3> <h3 id="trustee">Войдите в&nbsp;попечительский совет Дискурса</h3>
<p> <p>
Вы&nbsp;хотите сделать крупное пожертвование? Станьте попечителем Дискурса &mdash; Вы&nbsp;хотите сделать крупное пожертвование? Станьте попечителем Дискурса&nbsp;&mdash;{' '}
<a class="black-link" href="mailto:welcome@discours.io" target="_blank"> <a class="black-link" href="mailto:welcome@discours.io" target="_blank">
напишите нам напишите нам
</a> </a>
@ -147,12 +106,12 @@ export const HelpPage = () => {
</p> </p>
<h3 id="other">Как ещё можно поддержать Дискурс?</h3> <h3 id="other">Как ещё можно поддержать Дискурс?</h3>
<p> <p>
Есть много других способов поддержать Дискурс и&nbsp;труд наших авторов. Например, Есть много других способов поддержать Дискурс и&nbsp;труд наших авторов. Например, вы&nbsp;можете
вы&nbsp;можете периодически рассказывать о&nbsp;проекте своим друзьям в&nbsp;соцсетях, периодически рассказывать о&nbsp;проекте своим друзьям в&nbsp;соцсетях, делиться хорошими
делиться хорошими материалами или&nbsp;&mdash; что еще лучше&nbsp;&mdash; публиковать свои материалами или&nbsp;&mdash; что еще лучше&nbsp;&mdash; публиковать свои статьи
статьи в&nbsp;&laquo;Дискурсе&raquo;. Но&nbsp;главное, что вы&nbsp;можете сделать для в&nbsp;&laquo;Дискурсе&raquo;. Но&nbsp;главное, что вы&nbsp;можете сделать для Дискурса, &mdash;
Дискурса, &mdash; читать нас. Мы&nbsp;вкладываем в&nbsp;журнал душу, и&nbsp;внимание каждого читать нас. Мы&nbsp;вкладываем в&nbsp;журнал душу, и&nbsp;внимание каждого читателя убеждает нас
читателя убеждает нас в&nbsp;правильности выбранного пути. Не&nbsp;переключайтесь. в&nbsp;правильности выбранного пути. Не&nbsp;переключайтесь.
</p> </p>
<p> <p>
Если вы&nbsp;хотите помочь проекту, но&nbsp;у&nbsp;вас возникли вопросы, напишите нам письмо Если вы&nbsp;хотите помочь проекту, но&nbsp;у&nbsp;вас возникли вопросы, напишите нам письмо
@ -162,10 +121,7 @@ export const HelpPage = () => {
</a> </a>
. .
</p> </p>
</div> </StaticPage>
</div>
</article>
</PageLayout>
) )
} }

152
src/pages/about/manifest.page.tsx
View File

@ -1,103 +1,54 @@
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 { Subscribe } from '../../components/_shared/Subscribe'
import { Feedback } from '../../components/Discours/Feedback' import { Feedback } from '../../components/Discours/Feedback'
import { Modal } from '../../components/Nav/Modal' import { Modal } from '../../components/Nav/Modal'
import Opener from '../../components/Nav/Modal/Opener' import Opener from '../../components/Nav/Modal/Opener'
import { useLocalize } from '../../context/localize' import { useLocalize } from '../../context/localize'
import { StaticPage } from '../../components/Views/StaticPage'
export const ManifestPage = () => { export const ManifestPage = () => {
const [indexExpanded, setIndexExpanded] = createSignal(true)
const { t } = useLocalize() const { t } = useLocalize()
const toggleIndexExpanded = () => setIndexExpanded((oldExpanded) => !oldExpanded)
return ( return (
<PageLayout title={t('Manifest')}> <StaticPage
title={t('Manifest')}
layoutChildren={
<>
<Modal variant="wide" name="feedback"> <Modal variant="wide" name="feedback">
<Feedback /> <Feedback />
</Modal> </Modal>
<Modal variant="wide" name="subscribe"> <Modal variant="wide" name="subscribe">
<Subscribe /> <Subscribe />
</Modal> </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>
<Show when={indexExpanded()}>
<nav class="content-index">
<h4>Оглавление</h4>
<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>
<div class="col-md-12 col-xl-14 offset-md-5 order-md-first">
<h1 id="manifest"> <h1 id="manifest">
<span class="wrapped">Манифест</span> <span class="wrapped">Манифест</span>
</h1> </h1>
<p> <p>
Дискурс&nbsp;&mdash; независимый художественно-аналитический журнал с&nbsp;горизонтальной Дискурс&nbsp;&mdash; независимый художественно-аналитический журнал с&nbsp;горизонтальной редакцией,
редакцией, основанный на&nbsp;принципах свободы слова, прямой демократии и&nbsp;совместного основанный на&nbsp;принципах свободы слова, прямой демократии и&nbsp;совместного редактирования.
редактирования. Дискурс создаётся открытым медиасообществом ученых, журналистов, музыкантов, Дискурс создаётся открытым медиасообществом ученых, журналистов, музыкантов, писателей,
писателей, предпринимателей, философов, инженеров, художников и&nbsp;специалистов предпринимателей, философов, инженеров, художников и&nbsp;специалистов со&nbsp;всего мира,
со&nbsp;всего мира, объединившихся, чтобы вместе делать общий журнал и&nbsp;объяснять объединившихся, чтобы вместе делать общий журнал и&nbsp;объяснять с&nbsp;разных точек зрения
с&nbsp;разных точек зрения мозаичную картину современности. мозаичную картину современности.
</p> </p>
<p> <p>
Мы&nbsp;пишем о&nbsp;культуре, науке и&nbsp;обществе, рассказываем о&nbsp;новых идеях Мы&nbsp;пишем о&nbsp;культуре, науке и&nbsp;обществе, рассказываем о&nbsp;новых идеях
и&nbsp;современном искусстве, публикуем статьи, исследования, репортажи, интервью людей, чью и&nbsp;современном искусстве, публикуем статьи, исследования, репортажи, интервью людей, чью прямую
прямую речь стоит услышать, и&nbsp;работы художников из&nbsp;разных стран&nbsp;&mdash; речь стоит услышать, и&nbsp;работы художников из&nbsp;разных стран&nbsp;&mdash; от&nbsp;фильмов
от&nbsp;фильмов и&nbsp;музыки до&nbsp;живописи и&nbsp;фотографии. Помогая друг другу делать и&nbsp;музыки до&nbsp;живописи и&nbsp;фотографии. Помогая друг другу делать публикации качественнее
публикации качественнее и&nbsp;общим голосованием выбирая лучшие материалы для журнала, и&nbsp;общим голосованием выбирая лучшие материалы для журнала, мы&nbsp;создаём новую горизонтальную
мы&nbsp;создаём новую горизонтальную журналистику, чтобы честно рассказывать о&nbsp;важном журналистику, чтобы честно рассказывать о&nbsp;важном и&nbsp;интересном.
и&nbsp;интересном.
</p> </p>
<p> <p>
Редакция Дискурса открыта для всех: у&nbsp;нас нет цензуры, запретных тем Редакция Дискурса открыта для всех: у&nbsp;нас нет цензуры, запретных тем и&nbsp;идеологических
и&nbsp;идеологических рамок. Каждый может <a href="/create">прислать материал</a>{' '} рамок. Каждый может <a href="/create">прислать материал</a> в&nbsp;журнал и&nbsp;
в&nbsp;журнал и&nbsp; <a href="/about/guide">присоединиться к&nbsp;редакции</a>. Предоставляя трибуну для независимой
<a href="/about/guide">присоединиться к&nbsp;редакции</a>. Предоставляя трибуну для журналистики и&nbsp;художественных проектов, мы&nbsp;помогаем людям рассказывать свои истории так,
независимой журналистики и&nbsp;художественных проектов, мы&nbsp;помогаем людям рассказывать чтобы они были услышаны. Мы&nbsp;убеждены: чем больше голосов будет звучать на&nbsp;Дискурсе, тем
свои истории так, чтобы они были услышаны. Мы&nbsp;убеждены: чем больше голосов будет звучать громче в&nbsp;полифонии мнений будет слышна истина.
на&nbsp;Дискурсе, тем громче в&nbsp;полифонии мнений будет слышна истина.
</p> </p>
<h2 class="h2" id="participation"> <h2 class="h2" id="participation">
@ -105,20 +56,20 @@ export const ManifestPage = () => {
</h2> </h2>
<p> <p>
Дискурс создается <a href="/about/guide">открытым сообществом</a> энтузиастов новой Дискурс создается <a href="/about/guide">открытым сообществом</a> энтузиастов новой независимой
независимой журналистики. Участвовать в&nbsp;открытой редакции и&nbsp;помогать журналу можно журналистики. Участвовать в&nbsp;открытой редакции и&nbsp;помогать журналу можно следующими
следующими способами: способами:
</p> </p>
<details open> <details open>
<summary> <summary>
<h3 id="contribute">Предлагать материалы</h3> <h3 id="contribute">Предлагать материалы</h3>
</summary> </summary>
<p> <p>
<a href="/create">Создавайте</a> свои статьи и&nbsp;художественные работы&nbsp;&mdash; <a href="/create">Создавайте</a> свои статьи и&nbsp;художественные работы&nbsp;&mdash; лучшие из
лучшие из них будут опубликованы в&nbsp;журнале. Дискурс&nbsp;&mdash; некоммерческое них будут опубликованы в&nbsp;журнале. Дискурс&nbsp;&mdash; некоммерческое издание, авторы
издание, авторы публикуются в&nbsp;журнале на&nbsp;общественных началах, получая при этом{' '} публикуются в&nbsp;журнале на&nbsp;общественных началах, получая при этом{' '}
<a href="/create?collab=true">поддержку</a> редакции, право голоса, множество других <a href="/create?collab=true">поддержку</a> редакции, право голоса, множество других возможностей
возможностей и&nbsp;читателей по&nbsp;всему миру. и&nbsp;читателей по&nbsp;всему миру.
</p> </p>
</details> </details>
@ -128,8 +79,8 @@ export const ManifestPage = () => {
</summary> </summary>
<p> <p>
Дискурс существует на&nbsp;пожертвования читателей. Если вам нравится журнал, пожалуйста,{' '} Дискурс существует на&nbsp;пожертвования читателей. Если вам нравится журнал, пожалуйста,{' '}
<a href="/about/help">поддержите</a> нашу работу. Ваши пожертвования пойдут на&nbsp;выпуск <a href="/about/help">поддержите</a> нашу работу. Ваши пожертвования пойдут на&nbsp;выпуск новых
новых материалов, оплату серверов, труда программистов, дизайнеров и&nbsp;редакторов. материалов, оплату серверов, труда программистов, дизайнеров и&nbsp;редакторов.
</p> </p>
</details> </details>
@ -138,20 +89,20 @@ export const ManifestPage = () => {
<h3 id="cooperation">Сотрудничать с&nbsp;журналом</h3> <h3 id="cooperation">Сотрудничать с&nbsp;журналом</h3>
</summary> </summary>
<p> <p>
Мы всегда открыты для сотрудничества и&nbsp;рады единомышленникам. Если вы хотите помогать Мы всегда открыты для сотрудничества и&nbsp;рады единомышленникам. Если вы хотите помогать журналу
журналу с&nbsp;редактурой, корректурой, иллюстрациями, переводами, версткой, подкастами, с&nbsp;редактурой, корректурой, иллюстрациями, переводами, версткой, подкастами, мероприятиями,
мероприятиями, фандрайзингом или как-то ещё&nbsp;&mdash; скорее пишите нам на&nbsp; фандрайзингом или как-то ещё&nbsp;&mdash; скорее пишите нам на&nbsp;
<a href="mailto:welcome@discours.io">welcome@discours.io</a>. <a href="mailto:welcome@discours.io">welcome@discours.io</a>.
</p> </p>
<p> <p>
Если вы представляете некоммерческую организацию и&nbsp;хотите сделать с&nbsp;нами Если вы представляете некоммерческую организацию и&nbsp;хотите сделать с&nbsp;нами совместный
совместный проект, получить информационную поддержку или предложить другую форму проект, получить информационную поддержку или предложить другую форму сотрудничества&nbsp;&mdash;{' '}
сотрудничества&nbsp;&mdash; <a href="mailto:welcome@discours.io">пишите</a>. <a href="mailto:welcome@discours.io">пишите</a>.
</p> </p>
<p> <p>
Если вы разработчик и&nbsp;хотите помогать с&nbsp;развитием сайта Дискурса,{' '} Если вы разработчик и&nbsp;хотите помогать с&nbsp;развитием сайта Дискурса,{' '}
<a href="mailto:services@discours.io">присоединяйтесь к&nbsp;IT-команде самиздата</a>. <a href="mailto:services@discours.io">присоединяйтесь к&nbsp;IT-команде самиздата</a>. Открытый
Открытый код платформы для независимой журналистики, а&nbsp;также всех наших спецпроектов код платформы для независимой журналистики, а&nbsp;также всех наших спецпроектов
и&nbsp;медиаинструментов находится{' '} и&nbsp;медиаинструментов находится{' '}
<a href="https://github.com/Discours">в&nbsp;свободном доступе на&nbsp;GitHub</a>. <a href="https://github.com/Discours">в&nbsp;свободном доступе на&nbsp;GitHub</a>.
</p> </p>
@ -164,11 +115,11 @@ export const ManifestPage = () => {
<p> <p>
Советуйте Дискурс друзьям и&nbsp;знакомым. Обсуждайте и&nbsp;распространяйте наши Советуйте Дискурс друзьям и&nbsp;знакомым. Обсуждайте и&nbsp;распространяйте наши
публикации&nbsp;&mdash; все материалы открытой редакции можно читать и&nbsp;перепечатывать публикации&nbsp;&mdash; все материалы открытой редакции можно читать и&nbsp;перепечатывать
бесплатно. Подпишитесь на&nbsp;самиздат <a href="https://vk.com/discoursio">ВКонтакте</a>, бесплатно. Подпишитесь на&nbsp;самиздат <a href="https://vk.com/discoursio">ВКонтакте</a>, в&nbsp;
в&nbsp;<a href="https://facebook.com/discoursio">Фейсбуке</a> и&nbsp;в&nbsp; <a href="https://facebook.com/discoursio">Фейсбуке</a> и&nbsp;в&nbsp;
<a href="https://t.me/discoursio">Телеграме</a>, а&nbsp;также на&nbsp; <a href="https://t.me/discoursio">Телеграме</a>, а&nbsp;также на&nbsp;
<Opener name="subscribe">рассылку лучших материалов</Opener>, чтобы не&nbsp;пропустить <Opener name="subscribe">рассылку лучших материалов</Opener>, чтобы не&nbsp;пропустить ничего
ничего интересного. интересного.
</p> </p>
<p> <p>
<a href="https://forms.gle/9UnHBAz9Q3tjH5dAA">Рассказывайте о&nbsp;впечатлениях</a>{' '} <a href="https://forms.gle/9UnHBAz9Q3tjH5dAA">Рассказывайте о&nbsp;впечатлениях</a>{' '}
@ -184,15 +135,12 @@ export const ManifestPage = () => {
<p> <p>
Если вы хотите предложить материал, сотрудничать, рассказать о&nbsp;проблеме, которую нужно Если вы хотите предложить материал, сотрудничать, рассказать о&nbsp;проблеме, которую нужно
осветить, сообщить об&nbsp;ошибке или баге, что-то обсудить, уточнить или посоветовать, осветить, сообщить об&nbsp;ошибке или баге, что-то обсудить, уточнить или посоветовать, пожалуйста,{' '}
пожалуйста, <Opener name="feedback">напишите нам здесь</Opener> или на&nbsp;почту{' '} <Opener name="feedback">напишите нам здесь</Opener> или на&nbsp;почту{' '}
<a href="mailto:welcome@discours.io">welcome@discours.io</a>. Мы обязательно ответим <a href="mailto:welcome@discours.io">welcome@discours.io</a>. Мы обязательно ответим
и&nbsp;постараемся реализовать все хорошие задумки. и&nbsp;постараемся реализовать все хорошие задумки.
</p> </p>
</div> </StaticPage>
</div>
</article>
</PageLayout>
) )
} }

13
src/styles/help.scss
View File

@ -48,12 +48,13 @@
} }
} }
.btn { .donate-form .btn {
cursor: pointer; cursor: pointer;
flex: 1; flex: 1;
padding: 5px 10px; padding: 5px 10px;
text-align: center; text-align: center;
white-space: nowrap; white-space: nowrap;
transform: none !important;
@include media-breakpoint-down(sm) { @include media-breakpoint-down(sm) {
&:last-of-type { &:last-of-type {
@ -81,6 +82,7 @@
} }
.donate-buttons-container { .donate-buttons-container {
align-items: center;
display: flex; display: flex;
flex: 1; flex: 1;
justify-content: space-between; justify-content: space-between;
@ -119,15 +121,20 @@
} }
.send-btn { .send-btn {
border: 1px solid #000; border: 2px solid #000;
background-color: #000; background-color: #000;
color: #fff; color: #fff !important;
display: block; display: block;
font-weight: 700; font-weight: 700;
line-height: 1.8; line-height: 1.8;
letter-spacing: 0.05em; letter-spacing: 0.05em;
text-transform: uppercase; text-transform: uppercase;
width: 100%; width: 100%;
&:hover {
background-color: #fff !important;
color: #000 !important;
}
} }
.payment-choose { .payment-choose {