Feed sidebar style fixes
This commit is contained in:
parent
df983e1c60
commit
08636979bc
|
|
@ -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)
|
||||
}
|
||||
|
|
|
|||
32
src/components/Views/StaticPage.tsx
Normal file
32
src/components/Views/StaticPage.tsx
Normal 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>
|
||||
)
|
||||
}
|
||||
|
|
@ -1,20 +1,17 @@
|
|||
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 { StaticPage } from '../../components/Views/StaticPage'
|
||||
|
||||
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}>
|
||||
<StaticPage
|
||||
title={title}
|
||||
layoutChildren={
|
||||
<>
|
||||
<Meta name="description" content={title} />
|
||||
<Meta name="keywords" content={t('Discours') + ',' + 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: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>
|
||||
|
||||
<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">
|
||||
<span class="wrapped">Как устроен Дискурс</span>
|
||||
</h1>
|
||||
|
||||
<p>
|
||||
Дискурс — независимый журнал о культуре, науке, искусстве и обществе
|
||||
с
|
||||
Дискурс — независимый журнал о культуре, науке, искусстве и обществе с
|
||||
<a href="/about/manifest">открытой редакцией</a>. У нас нет главного редактора, инвестора
|
||||
и вообще никого, кто бы принимал единоличные решения. Вместо традиционных иерархий
|
||||
Дискурс основан на принципах прямой демократии: в нашем горизонтальном сообществе
|
||||
все редакционные вопросы решаются открытым голосованием авторов журнала. Вот как это работает.
|
||||
и вообще никого, кто бы принимал единоличные решения. Вместо традиционных иерархий Дискурс
|
||||
основан на принципах прямой демократии: в нашем горизонтальном сообществе все редакционные
|
||||
вопросы решаются открытым голосованием авторов журнала. Вот как это работает.
|
||||
</p>
|
||||
<h3 id="how-it-works">Как устроен сайт Дискурса</h3>
|
||||
<p>Дискурс состоит из четырех основных разделов:</p>
|
||||
|
|
@ -81,16 +39,16 @@ export const GuidePage = () => {
|
|||
<li>
|
||||
<p>
|
||||
<a href="/topics">Темы</a>
|
||||
— у нас публикуются исследования, обзоры, эссе, интервью, репортажи,
|
||||
аналитика и другие материалы о культуре, науке, искусстве и обществе.
|
||||
— у нас публикуются исследования, обзоры, эссе, интервью, репортажи, аналитика
|
||||
и другие материалы о культуре, науке, искусстве и обществе.
|
||||
</p>
|
||||
</li>
|
||||
<li>
|
||||
<p>
|
||||
<a href="/topic/art">Искусство</a>
|
||||
— здесь, например, представлены художественные произведения: литература,
|
||||
живопись, музыка, фотографии, видео. Этот раздел помогает прозвучать новому искусству,
|
||||
которое создают российские художники, писатели, режиссёры и музыканты.
|
||||
— здесь, например, представлены художественные произведения: литература, живопись,
|
||||
музыка, фотографии, видео. Этот раздел помогает прозвучать новому искусству, которое создают
|
||||
российские художники, писатели, режиссёры и музыканты.
|
||||
</p>
|
||||
</li>
|
||||
{/*
|
||||
|
|
@ -113,7 +71,7 @@ export const GuidePage = () => {
|
|||
публикации, определяя таким образом содержание журнала.
|
||||
</p>
|
||||
</li>
|
||||
*/}
|
||||
*/}
|
||||
</ul>
|
||||
<p>
|
||||
Материалы в Дискурсе объединяются по <b>темам</b>
|
||||
|
|
@ -121,23 +79,22 @@ export const GuidePage = () => {
|
|||
материалы по жанрам (например, <a href="/topic/interview">интервью</a>,{' '}
|
||||
<a href="/topic/reportage">репортажи</a>, <a href="/topic/essay">эссе</a>,{' '}
|
||||
<a href="/topic/likbez">ликбезы</a>
|
||||
), по тематике (<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> и т.д.) или
|
||||
в серии (как «<a href="/topic/zakony-mira">Законы мира</a>» или «
|
||||
), по тематике (<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> и т.д.) или в серии (как «
|
||||
<a href="/topic/zakony-mira">Законы мира</a>» или «
|
||||
<a href="/topic/za-liniey-mannergeyma">За линией Маннергейма</a>
|
||||
»). Темы объединяют сотни публикаций, помогают ориентироваться в журнале
|
||||
и следить за интересными материалами.
|
||||
»). Темы объединяют сотни публикаций, помогают ориентироваться в журнале и следить
|
||||
за интересными материалами.
|
||||
</p>
|
||||
|
||||
<section>
|
||||
<h3 id="become-author">Как стать автором журнала</h3>
|
||||
<p>
|
||||
Дискурс объединяет журналистов, активистов, музыкантов, художников, фотографов, режиссеров,
|
||||
философов, ученых и других замечательных людей. Каждый может{' '}
|
||||
<a href="/create">прислать</a> свой материал в журнал. Формат и тематика
|
||||
не имеют значения, единственное, что важно —{' '}
|
||||
<a href="/how-to-write-a-good-article">хороший</a> ли материал. Если сообщество
|
||||
философов, ученых и других замечательных людей. Каждый может <a href="/create">прислать</a>{' '}
|
||||
свой материал в журнал. Формат и тематика не имеют значения, единственное, что
|
||||
важно — <a href="/how-to-write-a-good-article">хороший</a> ли материал. Если сообщество
|
||||
поддержит вашу публикацию, она выйдет в журнале и станет доступна тысячам наших
|
||||
читателей.
|
||||
</p>
|
||||
|
|
@ -147,43 +104,42 @@ export const GuidePage = () => {
|
|||
<p>
|
||||
Все присылаемые в Дискурс материалы попадают в
|
||||
<strong>«Редакцию»</strong>. Это внутренний раздел сайта, где участники сообщества
|
||||
решают, что будет опубликовано в Дискурсе. Как только работа получает одобрение как
|
||||
минимум пятерых авторов открытой редакции, она немедленно публикуется в журнале.
|
||||
Если же материал набирает более 20% голосов «против»,
|
||||
он не выходит и может быть отправлен на доработку. Жестких сроков
|
||||
рассмотрения материалов у нас нет, иногда это занимает час, иногда месяц,
|
||||
обычно — несколько дней.
|
||||
решают, что будет опубликовано в Дискурсе. Как только работа получает одобрение как минимум
|
||||
пятерых авторов открытой редакции, она немедленно публикуется в журнале. Если же материал
|
||||
набирает более 20% голосов «против», он не выходит и может быть
|
||||
отправлен на доработку. Жестких сроков рассмотрения материалов у нас нет, иногда это
|
||||
занимает час, иногда месяц, обычно — несколько дней.
|
||||
</p>
|
||||
<section>
|
||||
<p>
|
||||
Как только сообщество поддержит публикацию, вы получите приглашение
|
||||
в интернет-редакцию и сможете голосовать за новые материалы.
|
||||
Как только сообщество поддержит публикацию, вы получите приглашение в интернет-редакцию
|
||||
и сможете голосовать за новые материалы.
|
||||
</p>
|
||||
</section>
|
||||
|
||||
<h3 id="editing">Как мы делаем тексты друг друга лучше</h3>
|
||||
<p>
|
||||
Дискурс — журнал с совместным редактированием. Совершенствовать тексты нам
|
||||
помогает <b>система ремарок</b>. Вы можете выделить часть текста в любой статье
|
||||
и оставить к ней замечание, вопрос или предложение — автор текста получит
|
||||
совет на почту и сможет его учесть. Так мы устраняем опечатки, неточности
|
||||
и советуем друг другу, как сделать тексты качественнее и интереснее.
|
||||
Дискурс — журнал с совместным редактированием. Совершенствовать тексты нам помогает{' '}
|
||||
<b>система ремарок</b>. Вы можете выделить часть текста в любой статье и оставить
|
||||
к ней замечание, вопрос или предложение — автор текста получит совет на почту
|
||||
и сможет его учесть. Так мы устраняем опечатки, неточности и советуем друг другу, как
|
||||
сделать тексты качественнее и интереснее.
|
||||
</p>
|
||||
<p>
|
||||
Среди участников сообщества есть профессиональные редакторы, которые помогают авторам делать
|
||||
тексты лучше. Если вашему материалу потребуется доработка, они помогут отредактировать текст,
|
||||
подобрать иллюстрации, придумать заголовок и красиво сверстать публикацию. Если
|
||||
вы хотите обсудить текст, прежде чем загрузить материал в интернет-редакцию —
|
||||
разместите его в google-документе, откройте доступ к редактированию по ссылке
|
||||
и напишите нам на
|
||||
Среди участников сообщества есть профессиональные редакторы, которые помогают авторам делать тексты
|
||||
лучше. Если вашему материалу потребуется доработка, они помогут отредактировать текст, подобрать
|
||||
иллюстрации, придумать заголовок и красиво сверстать публикацию. Если вы хотите обсудить
|
||||
текст, прежде чем загрузить материал в интернет-редакцию — разместите его
|
||||
в google-документе, откройте доступ к редактированию по ссылке и напишите нам
|
||||
на
|
||||
<a href="mailto:welcome@discours.io" target="_blank">
|
||||
welcome@discours.io
|
||||
</a>
|
||||
.
|
||||
</p>
|
||||
<p>
|
||||
Если у вас возникают трудности с тем, чтобы подобрать к своему материалу
|
||||
иллюстрации, тоже пишите на
|
||||
Если у вас возникают трудности с тем, чтобы подобрать к своему материалу иллюстрации,
|
||||
тоже пишите на
|
||||
<a href="mailto:welcome@discours.io" target="_blank">
|
||||
почту
|
||||
</a>
|
||||
|
|
@ -198,25 +154,25 @@ export const GuidePage = () => {
|
|||
<ul>
|
||||
<li>
|
||||
<p>
|
||||
<strong>Право определять, каким будет журнал</strong>. Дискурс — это
|
||||
общественная институция, созданная людьми и ради людей, функционирующая
|
||||
на условиях прямой демократии. Авторы публикуют статьи и художественные проекты,
|
||||
участвуют в обсуждениях, голосуют за работы коллег и таким образом вносят
|
||||
свой вклад в развитие проекта, определяя содержание и направление журнала.
|
||||
<strong>Право определять, каким будет журнал</strong>. Дискурс — это общественная
|
||||
институция, созданная людьми и ради людей, функционирующая на условиях прямой
|
||||
демократии. Авторы публикуют статьи и художественные проекты, участвуют в обсуждениях,
|
||||
голосуют за работы коллег и таким образом вносят свой вклад в развитие проекта,
|
||||
определяя содержание и направление журнала.
|
||||
</p>
|
||||
</li>
|
||||
<li>
|
||||
<p>
|
||||
<strong>Возможность обратиться к широкой аудитории</strong>. Дискурс читают десятки
|
||||
тысяч людей, и с каждым днем их становится больше.
|
||||
<strong>Возможность обратиться к широкой аудитории</strong>. Дискурс читают десятки тысяч
|
||||
людей, и с каждым днем их становится больше.
|
||||
</p>
|
||||
</li>
|
||||
<li>
|
||||
<p>
|
||||
<strong>Поддержка редакции</strong>. Дискурс предоставляет авторам аккредитацию
|
||||
на мероприятия, базу контактов, юридическую поддержку, ознакомление с книжными,
|
||||
кино- и музыкальными новинками до их выхода в свет. Если что-то
|
||||
из этого вам понадобится, пишите на почту{' '}
|
||||
на мероприятия, базу контактов, юридическую поддержку, ознакомление с книжными, кино-
|
||||
и музыкальными новинками до их выхода в свет. Если что-то из этого вам
|
||||
понадобится, пишите на почту{' '}
|
||||
<a href="mailto:welcome@discours.io" target="_blank">
|
||||
welcome@discours.io
|
||||
</a>
|
||||
|
|
@ -225,33 +181,31 @@ export const GuidePage = () => {
|
|||
</li>
|
||||
<li>
|
||||
<p>
|
||||
<strong>Пресс-карты для корреспондентов</strong>. Три опубликованные статьи позволяют
|
||||
авторам Дискурса получить официальные удостоверения журналистов (пресс-карты)
|
||||
на следующий год. Пресс-карты удостоверяют, что вы журналист и можете
|
||||
пользоваться всеми теми правами, которые гарантирует Закон о СМИ. Кроме того, многие
|
||||
культурные институции (музеи, галереи и др.) предоставляют журналистам право
|
||||
свободного входа.
|
||||
<strong>Пресс-карты для корреспондентов</strong>. Три опубликованные статьи позволяют авторам
|
||||
Дискурса получить официальные удостоверения журналистов (пресс-карты) на следующий год.
|
||||
Пресс-карты удостоверяют, что вы журналист и можете пользоваться всеми теми правами,
|
||||
которые гарантирует Закон о СМИ. Кроме того, многие культурные институции (музеи, галереи
|
||||
и др.) предоставляют журналистам право свободного входа.
|
||||
</p>
|
||||
</li>
|
||||
<li>
|
||||
<p>
|
||||
<strong>Помощь сотен специалистов в разных областях</strong>. В основе Дискурса
|
||||
лежит идея совместного редактирования. Участники редакционного сообщества —
|
||||
несколько сотен журналистов, исследователей, художников, литераторов из разных стран
|
||||
— изучают материалы друг друга до публикации и помогают сделать
|
||||
их качественнее и интереснее. Так, в редакции нередко складываются
|
||||
творческие союзы: например, авторов текстов и художников, создающих для них
|
||||
иллюстрации.
|
||||
<strong>Помощь сотен специалистов в разных областях</strong>. В основе Дискурса лежит
|
||||
идея совместного редактирования. Участники редакционного сообщества — несколько сотен
|
||||
журналистов, исследователей, художников, литераторов из разных стран — изучают
|
||||
материалы друг друга до публикации и помогают сделать их качественнее
|
||||
и интереснее. Так, в редакции нередко складываются творческие союзы: например, авторов
|
||||
текстов и художников, создающих для них иллюстрации.
|
||||
</p>
|
||||
</li>
|
||||
<li>
|
||||
<p>
|
||||
<strong>Пространство общения полное выдающихся людей</strong>. Дискурс —
|
||||
большое живое сообщество интеллектуалов, разбросанных по всему земному шару. Вступив
|
||||
в редакцию, вы сможете познакомиться со множеством интересных людей,
|
||||
которые определяют повестку завтрашнего дня, вдохновляют окружающих, создают новое
|
||||
и изучают старое, ищут знания и готовы ими делиться, чтобы менять мир
|
||||
в соответствии со своими идеалами.
|
||||
<strong>Пространство общения полное выдающихся людей</strong>. Дискурс — большое
|
||||
живое сообщество интеллектуалов, разбросанных по всему земному шару. Вступив
|
||||
в редакцию, вы сможете познакомиться со множеством интересных людей, которые
|
||||
определяют повестку завтрашнего дня, вдохновляют окружающих, создают новое и изучают
|
||||
старое, ищут знания и готовы ими делиться, чтобы менять мир в соответствии
|
||||
со своими идеалами.
|
||||
</p>
|
||||
</li>
|
||||
</ul>
|
||||
|
|
@ -275,17 +229,13 @@ export const GuidePage = () => {
|
|||
с дайджестом лучших материалов.
|
||||
</p>
|
||||
<p>
|
||||
Если вы хотите сотрудничать, что-то обсудить или предложить — пожалуйста, пишите
|
||||
на
|
||||
Если вы хотите сотрудничать, что-то обсудить или предложить — пожалуйста, пишите на
|
||||
<a href="mailto:welcome@discours.io" target="_blank">
|
||||
welcome@discours.io
|
||||
</a>
|
||||
. Мы обязательно ответим.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
</PageLayout>
|
||||
</StaticPage>
|
||||
)
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -1,82 +1,44 @@
|
|||
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 { useLocalize } from '../../context/localize'
|
||||
import { StaticPage } from '../../components/Views/StaticPage'
|
||||
|
||||
export const HelpPage = () => {
|
||||
const [indexExpanded, setIndexExpanded] = createSignal(true)
|
||||
|
||||
const { t } = useLocalize()
|
||||
|
||||
const toggleIndexExpanded = () => setIndexExpanded((oldExpanded) => !oldExpanded)
|
||||
|
||||
// TODO: l10n
|
||||
return (
|
||||
<PageLayout title={t('Support us')}>
|
||||
<StaticPage
|
||||
title={t('Support us')}
|
||||
layoutChildren={
|
||||
<>
|
||||
<Meta name="description" content="Здесь можно поддержать Дискурс материально." />
|
||||
<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">Как вы можете поддержать Дискурс?</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#financial-report">На что пойдут деньги?</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#trustee">Войдите в попечительский совет Дискурса</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">Как вы можете поддержать Дискурс?</span>
|
||||
</h1>
|
||||
|
||||
<p>
|
||||
Дискурс — уникальное независимое издание с горизонтальной редакцией,
|
||||
существующее в интересах своих читателей. Ваша поддержка действительно много
|
||||
значит — не только для редакции Дискурса, но и для сохранения
|
||||
свободной мысли и некоммерческого искусства в нашем обществе.
|
||||
Дискурс — уникальное независимое издание с горизонтальной редакцией, существующее
|
||||
в интересах своих читателей. Ваша поддержка действительно много значит —
|
||||
не только для редакции Дискурса, но и для сохранения свободной мысли
|
||||
и некоммерческого искусства в нашем обществе.
|
||||
</p>
|
||||
<p>
|
||||
Дискурс существует на добровольных началах. Никакой медиахолдинг, фонд или
|
||||
государственная структура не финансирует нас — благодаря этому мы можем
|
||||
писать о том, что важно, а не о том, что выгодно. Сообщество наших
|
||||
волонтеров ежедневно трудится, чтобы рассказывать вам интересные, не освещенные другими
|
||||
изданиями истории — но мы не сможем делать это без вашей помощи.
|
||||
Пожертвования читателей составляют основу нашего бюджета и позволяют нам существовать.
|
||||
Дискурс существует на добровольных началах. Никакой медиахолдинг, фонд или государственная
|
||||
структура не финансирует нас — благодаря этому мы можем писать о том, что
|
||||
важно, а не о том, что выгодно. Сообщество наших волонтеров ежедневно трудится, чтобы
|
||||
рассказывать вам интересные, не освещенные другими изданиями истории —
|
||||
но мы не сможем делать это без вашей помощи. Пожертвования читателей составляют
|
||||
основу нашего бюджета и позволяют нам существовать.
|
||||
</p>
|
||||
<p>
|
||||
Если вам нравится то, что мы делаем и вы хотите, чтобы Дискурс
|
||||
продолжался, пожалуйста, поддержите проект.
|
||||
Если вам нравится то, что мы делаем и вы хотите, чтобы Дискурс продолжался,
|
||||
пожалуйста, поддержите проект.
|
||||
</p>
|
||||
<div class="row">
|
||||
<div class="col-sm-22 col-md-24">
|
||||
|
|
@ -86,27 +48,26 @@ export const HelpPage = () => {
|
|||
<h3 id="financial-report">На что пойдут деньги?</h3>
|
||||
<p>
|
||||
Ваши пожертвования пойдут на оплату серверов, содержание офиса, зарплату редакции
|
||||
и налоги, оплату юридического сопровождения и труда бухгалтера, совершенствование
|
||||
сайта, аренду помещения для открытой редакции, на печать альманаха Дискурс с лучшими
|
||||
текстами авторов за полгода, а также на другие редакционные и технические
|
||||
расходы.
|
||||
и налоги, оплату юридического сопровождения и труда бухгалтера, совершенствование сайта,
|
||||
аренду помещения для открытой редакции, на печать альманаха Дискурс с лучшими текстами
|
||||
авторов за полгода, а также на другие редакционные и технические расходы.
|
||||
</p>
|
||||
<h3>Ваша помощь позволит нам</h3>
|
||||
<ul>
|
||||
<li>
|
||||
<h4>Оставаться бесплатным изданием.</h4>
|
||||
<p>
|
||||
Мы делаем открытый журнал для всех желающих, а также собираем искусство лучших
|
||||
авторов по всему миру. Ваша поддержка позволяет нам становиться лучше.
|
||||
Мы делаем открытый журнал для всех желающих, а также собираем искусство лучших авторов
|
||||
по всему миру. Ваша поддержка позволяет нам становиться лучше.
|
||||
</p>
|
||||
</li>
|
||||
<li>
|
||||
<h4>Создавать еще больше контента.</h4>
|
||||
<p>
|
||||
Каждый день к нам присоединяются новые люди, и чем больше нас становится, тем
|
||||
больше мы творим и строже оцениваем результаты творчества друг друга.
|
||||
В результате повышается и количество, и качество контента. Каждый день мы
|
||||
трудимся, чтобы открывать нашим читателям новые грани окружающего мира.
|
||||
Каждый день к нам присоединяются новые люди, и чем больше нас становится, тем больше
|
||||
мы творим и строже оцениваем результаты творчества друг друга. В результате
|
||||
повышается и количество, и качество контента. Каждый день мы трудимся, чтобы открывать
|
||||
нашим читателям новые грани окружающего мира.
|
||||
</p>
|
||||
</li>
|
||||
<li>
|
||||
|
|
@ -119,17 +80,15 @@ export const HelpPage = () => {
|
|||
<li>
|
||||
<h4>Модернизировать сайт.</h4>
|
||||
<p>
|
||||
Мы совершенствуем платформу и стараемся сделать проект максимально удобным для
|
||||
вас. Мы работаем над мобильной версией, новым дизайном, фукционалом, системой
|
||||
регистрации, навигации и рекомендаций, которые сделают наше общение еще
|
||||
увлекательней.
|
||||
Мы совершенствуем платформу и стараемся сделать проект максимально удобным для вас.
|
||||
Мы работаем над мобильной версией, новым дизайном, фукционалом, системой регистрации,
|
||||
навигации и рекомендаций, которые сделают наше общение еще увлекательней.
|
||||
</p>
|
||||
</li>
|
||||
<li>
|
||||
<h4>Выпускать альманах.</h4>
|
||||
<p>
|
||||
Выпускать раз в полугодие печатный альманах Дискурс с 33 лучшими текстами
|
||||
сайта.
|
||||
Выпускать раз в полугодие печатный альманах Дискурс с 33 лучшими текстами сайта.
|
||||
</p>
|
||||
</li>
|
||||
<li>
|
||||
|
|
@ -139,7 +98,7 @@ export const HelpPage = () => {
|
|||
</ul>
|
||||
<h3 id="trustee">Войдите в попечительский совет Дискурса</h3>
|
||||
<p>
|
||||
Вы хотите сделать крупное пожертвование? Станьте попечителем Дискурса —
|
||||
Вы хотите сделать крупное пожертвование? Станьте попечителем Дискурса —{' '}
|
||||
<a class="black-link" href="mailto:welcome@discours.io" target="_blank">
|
||||
напишите нам
|
||||
</a>
|
||||
|
|
@ -147,12 +106,12 @@ export const HelpPage = () => {
|
|||
</p>
|
||||
<h3 id="other">Как ещё можно поддержать Дискурс?</h3>
|
||||
<p>
|
||||
Есть много других способов поддержать Дискурс и труд наших авторов. Например,
|
||||
вы можете периодически рассказывать о проекте своим друзьям в соцсетях,
|
||||
делиться хорошими материалами или — что еще лучше — публиковать свои
|
||||
статьи в «Дискурсе». Но главное, что вы можете сделать для
|
||||
Дискурса, — читать нас. Мы вкладываем в журнал душу, и внимание каждого
|
||||
читателя убеждает нас в правильности выбранного пути. Не переключайтесь.
|
||||
Есть много других способов поддержать Дискурс и труд наших авторов. Например, вы можете
|
||||
периодически рассказывать о проекте своим друзьям в соцсетях, делиться хорошими
|
||||
материалами или — что еще лучше — публиковать свои статьи
|
||||
в «Дискурсе». Но главное, что вы можете сделать для Дискурса, —
|
||||
читать нас. Мы вкладываем в журнал душу, и внимание каждого читателя убеждает нас
|
||||
в правильности выбранного пути. Не переключайтесь.
|
||||
</p>
|
||||
<p>
|
||||
Если вы хотите помочь проекту, но у вас возникли вопросы, напишите нам письмо
|
||||
|
|
@ -162,10 +121,7 @@ export const HelpPage = () => {
|
|||
</a>
|
||||
.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
</PageLayout>
|
||||
</StaticPage>
|
||||
)
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -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 { Feedback } from '../../components/Discours/Feedback'
|
||||
import { Modal } from '../../components/Nav/Modal'
|
||||
import Opener from '../../components/Nav/Modal/Opener'
|
||||
import { useLocalize } from '../../context/localize'
|
||||
import { StaticPage } from '../../components/Views/StaticPage'
|
||||
|
||||
export const ManifestPage = () => {
|
||||
const [indexExpanded, setIndexExpanded] = createSignal(true)
|
||||
|
||||
const { t } = useLocalize()
|
||||
|
||||
const toggleIndexExpanded = () => setIndexExpanded((oldExpanded) => !oldExpanded)
|
||||
|
||||
return (
|
||||
<PageLayout title={t('Manifest')}>
|
||||
<StaticPage
|
||||
title={t('Manifest')}
|
||||
layoutChildren={
|
||||
<>
|
||||
<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>
|
||||
|
||||
<Show when={indexExpanded()}>
|
||||
<nav class="content-index">
|
||||
<h4>Оглавление</h4>
|
||||
|
||||
<ul class="nodash">
|
||||
<li>
|
||||
<a href="#manifest">Манифест</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#participation">Как участвовать в самиздате</a>
|
||||
<ul class="nodash">
|
||||
<li>
|
||||
<a href="#contribute">Предлагать материалы</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#donate">Поддерживать проект</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#cooperation">Сотрудничать с журналом</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#follow">Как еще можно помочь</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#connection">Будем на связи</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</Show>
|
||||
</div>
|
||||
|
||||
<div class="col-md-12 col-xl-14 offset-md-5 order-md-first">
|
||||
</>
|
||||
}
|
||||
>
|
||||
<h1 id="manifest">
|
||||
<span class="wrapped">Манифест</span>
|
||||
</h1>
|
||||
|
||||
<p>
|
||||
Дискурс — независимый художественно-аналитический журнал с горизонтальной
|
||||
редакцией, основанный на принципах свободы слова, прямой демократии и совместного
|
||||
редактирования. Дискурс создаётся открытым медиасообществом ученых, журналистов, музыкантов,
|
||||
писателей, предпринимателей, философов, инженеров, художников и специалистов
|
||||
со всего мира, объединившихся, чтобы вместе делать общий журнал и объяснять
|
||||
с разных точек зрения мозаичную картину современности.
|
||||
Дискурс — независимый художественно-аналитический журнал с горизонтальной редакцией,
|
||||
основанный на принципах свободы слова, прямой демократии и совместного редактирования.
|
||||
Дискурс создаётся открытым медиасообществом ученых, журналистов, музыкантов, писателей,
|
||||
предпринимателей, философов, инженеров, художников и специалистов со всего мира,
|
||||
объединившихся, чтобы вместе делать общий журнал и объяснять с разных точек зрения
|
||||
мозаичную картину современности.
|
||||
</p>
|
||||
<p>
|
||||
Мы пишем о культуре, науке и обществе, рассказываем о новых идеях
|
||||
и современном искусстве, публикуем статьи, исследования, репортажи, интервью людей, чью
|
||||
прямую речь стоит услышать, и работы художников из разных стран —
|
||||
от фильмов и музыки до живописи и фотографии. Помогая друг другу делать
|
||||
публикации качественнее и общим голосованием выбирая лучшие материалы для журнала,
|
||||
мы создаём новую горизонтальную журналистику, чтобы честно рассказывать о важном
|
||||
и интересном.
|
||||
и современном искусстве, публикуем статьи, исследования, репортажи, интервью людей, чью прямую
|
||||
речь стоит услышать, и работы художников из разных стран — от фильмов
|
||||
и музыки до живописи и фотографии. Помогая друг другу делать публикации качественнее
|
||||
и общим голосованием выбирая лучшие материалы для журнала, мы создаём новую горизонтальную
|
||||
журналистику, чтобы честно рассказывать о важном и интересном.
|
||||
</p>
|
||||
<p>
|
||||
Редакция Дискурса открыта для всех: у нас нет цензуры, запретных тем
|
||||
и идеологических рамок. Каждый может <a href="/create">прислать материал</a>{' '}
|
||||
в журнал и
|
||||
<a href="/about/guide">присоединиться к редакции</a>. Предоставляя трибуну для
|
||||
независимой журналистики и художественных проектов, мы помогаем людям рассказывать
|
||||
свои истории так, чтобы они были услышаны. Мы убеждены: чем больше голосов будет звучать
|
||||
на Дискурсе, тем громче в полифонии мнений будет слышна истина.
|
||||
Редакция Дискурса открыта для всех: у нас нет цензуры, запретных тем и идеологических
|
||||
рамок. Каждый может <a href="/create">прислать материал</a> в журнал и
|
||||
<a href="/about/guide">присоединиться к редакции</a>. Предоставляя трибуну для независимой
|
||||
журналистики и художественных проектов, мы помогаем людям рассказывать свои истории так,
|
||||
чтобы они были услышаны. Мы убеждены: чем больше голосов будет звучать на Дискурсе, тем
|
||||
громче в полифонии мнений будет слышна истина.
|
||||
</p>
|
||||
|
||||
<h2 class="h2" id="participation">
|
||||
|
|
@ -105,20 +56,20 @@ export const ManifestPage = () => {
|
|||
</h2>
|
||||
|
||||
<p>
|
||||
Дискурс создается <a href="/about/guide">открытым сообществом</a> энтузиастов новой
|
||||
независимой журналистики. Участвовать в открытой редакции и помогать журналу можно
|
||||
следующими способами:
|
||||
Дискурс создается <a href="/about/guide">открытым сообществом</a> энтузиастов новой независимой
|
||||
журналистики. Участвовать в открытой редакции и помогать журналу можно следующими
|
||||
способами:
|
||||
</p>
|
||||
<details open>
|
||||
<summary>
|
||||
<h3 id="contribute">Предлагать материалы</h3>
|
||||
</summary>
|
||||
<p>
|
||||
<a href="/create">Создавайте</a> свои статьи и художественные работы —
|
||||
лучшие из них будут опубликованы в журнале. Дискурс — некоммерческое
|
||||
издание, авторы публикуются в журнале на общественных началах, получая при этом{' '}
|
||||
<a href="/create?collab=true">поддержку</a> редакции, право голоса, множество других
|
||||
возможностей и читателей по всему миру.
|
||||
<a href="/create">Создавайте</a> свои статьи и художественные работы — лучшие из
|
||||
них будут опубликованы в журнале. Дискурс — некоммерческое издание, авторы
|
||||
публикуются в журнале на общественных началах, получая при этом{' '}
|
||||
<a href="/create?collab=true">поддержку</a> редакции, право голоса, множество других возможностей
|
||||
и читателей по всему миру.
|
||||
</p>
|
||||
</details>
|
||||
|
||||
|
|
@ -128,8 +79,8 @@ export const ManifestPage = () => {
|
|||
</summary>
|
||||
<p>
|
||||
Дискурс существует на пожертвования читателей. Если вам нравится журнал, пожалуйста,{' '}
|
||||
<a href="/about/help">поддержите</a> нашу работу. Ваши пожертвования пойдут на выпуск
|
||||
новых материалов, оплату серверов, труда программистов, дизайнеров и редакторов.
|
||||
<a href="/about/help">поддержите</a> нашу работу. Ваши пожертвования пойдут на выпуск новых
|
||||
материалов, оплату серверов, труда программистов, дизайнеров и редакторов.
|
||||
</p>
|
||||
</details>
|
||||
|
||||
|
|
@ -138,20 +89,20 @@ export const ManifestPage = () => {
|
|||
<h3 id="cooperation">Сотрудничать с журналом</h3>
|
||||
</summary>
|
||||
<p>
|
||||
Мы всегда открыты для сотрудничества и рады единомышленникам. Если вы хотите помогать
|
||||
журналу с редактурой, корректурой, иллюстрациями, переводами, версткой, подкастами,
|
||||
мероприятиями, фандрайзингом или как-то ещё — скорее пишите нам на
|
||||
Мы всегда открыты для сотрудничества и рады единомышленникам. Если вы хотите помогать журналу
|
||||
с редактурой, корректурой, иллюстрациями, переводами, версткой, подкастами, мероприятиями,
|
||||
фандрайзингом или как-то ещё — скорее пишите нам на
|
||||
<a href="mailto:welcome@discours.io">welcome@discours.io</a>.
|
||||
</p>
|
||||
<p>
|
||||
Если вы представляете некоммерческую организацию и хотите сделать с нами
|
||||
совместный проект, получить информационную поддержку или предложить другую форму
|
||||
сотрудничества — <a href="mailto:welcome@discours.io">пишите</a>.
|
||||
Если вы представляете некоммерческую организацию и хотите сделать с нами совместный
|
||||
проект, получить информационную поддержку или предложить другую форму сотрудничества —{' '}
|
||||
<a href="mailto:welcome@discours.io">пишите</a>.
|
||||
</p>
|
||||
<p>
|
||||
Если вы разработчик и хотите помогать с развитием сайта Дискурса,{' '}
|
||||
<a href="mailto:services@discours.io">присоединяйтесь к IT-команде самиздата</a>.
|
||||
Открытый код платформы для независимой журналистики, а также всех наших спецпроектов
|
||||
<a href="mailto:services@discours.io">присоединяйтесь к IT-команде самиздата</a>. Открытый
|
||||
код платформы для независимой журналистики, а также всех наших спецпроектов
|
||||
и медиаинструментов находится{' '}
|
||||
<a href="https://github.com/Discours">в свободном доступе на GitHub</a>.
|
||||
</p>
|
||||
|
|
@ -164,11 +115,11 @@ export const ManifestPage = () => {
|
|||
<p>
|
||||
Советуйте Дискурс друзьям и знакомым. Обсуждайте и распространяйте наши
|
||||
публикации — все материалы открытой редакции можно читать и перепечатывать
|
||||
бесплатно. Подпишитесь на самиздат <a href="https://vk.com/discoursio">ВКонтакте</a>,
|
||||
в <a href="https://facebook.com/discoursio">Фейсбуке</a> и в
|
||||
бесплатно. Подпишитесь на самиздат <a href="https://vk.com/discoursio">ВКонтакте</a>, в
|
||||
<a href="https://facebook.com/discoursio">Фейсбуке</a> и в
|
||||
<a href="https://t.me/discoursio">Телеграме</a>, а также на
|
||||
<Opener name="subscribe">рассылку лучших материалов</Opener>, чтобы не пропустить
|
||||
ничего интересного.
|
||||
<Opener name="subscribe">рассылку лучших материалов</Opener>, чтобы не пропустить ничего
|
||||
интересного.
|
||||
</p>
|
||||
<p>
|
||||
<a href="https://forms.gle/9UnHBAz9Q3tjH5dAA">Рассказывайте о впечатлениях</a>{' '}
|
||||
|
|
@ -184,15 +135,12 @@ export const ManifestPage = () => {
|
|||
|
||||
<p>
|
||||
Если вы хотите предложить материал, сотрудничать, рассказать о проблеме, которую нужно
|
||||
осветить, сообщить об ошибке или баге, что-то обсудить, уточнить или посоветовать,
|
||||
пожалуйста, <Opener name="feedback">напишите нам здесь</Opener> или на почту{' '}
|
||||
осветить, сообщить об ошибке или баге, что-то обсудить, уточнить или посоветовать, пожалуйста,{' '}
|
||||
<Opener name="feedback">напишите нам здесь</Opener> или на почту{' '}
|
||||
<a href="mailto:welcome@discours.io">welcome@discours.io</a>. Мы обязательно ответим
|
||||
и постараемся реализовать все хорошие задумки.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
</PageLayout>
|
||||
</StaticPage>
|
||||
)
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -48,12 +48,13 @@
|
|||
}
|
||||
}
|
||||
|
||||
.btn {
|
||||
.donate-form .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 {
|
||||
|
|
@ -81,6 +82,7 @@
|
|||
}
|
||||
|
||||
.donate-buttons-container {
|
||||
align-items: center;
|
||||
display: flex;
|
||||
flex: 1;
|
||||
justify-content: space-between;
|
||||
|
|
@ -119,15 +121,20 @@
|
|||
}
|
||||
|
||||
.send-btn {
|
||||
border: 1px solid #000;
|
||||
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 {
|
||||
|
|
|
|||
Loading…
Reference in New Issue
Block a user