Merge pull request #320 from Discours/fix/static-pages

Static pages refactoring
This commit is contained in:
kvakazyambra 2023-11-16 01:44:00 +03:00 committed by GitHub
commit 449ea48b71
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
7 changed files with 546 additions and 666 deletions

View File

@ -1,6 +1,6 @@
.donate-form input, .donateForm input,
.donate-form label, .donateForm label,
.donate-form .btn { .donateForm .btn {
font-family: Muller, Arial, Helvetica, sans-serif; font-family: Muller, Arial, Helvetica, sans-serif;
border: solid 1px #595959; border: solid 1px #595959;
border-radius: 3px; border-radius: 3px;
@ -10,7 +10,7 @@
text-align: center; text-align: center;
} }
.donate-form input { .donateForm input {
&::-webkit-outer-spin-button, &::-webkit-outer-spin-button,
&::-webkit-inner-spin-button { &::-webkit-inner-spin-button {
appearance: none; appearance: none;
@ -48,12 +48,13 @@
} }
} }
.btn { .donateForm .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 {
@ -62,7 +63,7 @@
} }
} }
.btn-group { .btnGroup {
input { input {
&:first-child + .btn { &:first-child + .btn {
border-top-right-radius: 0; border-top-right-radius: 0;
@ -75,12 +76,13 @@
} }
} }
.payment-type { .paymentType {
width: 50%; width: 50%;
} }
} }
.donate-buttons-container { .donateButtonsContainer {
align-items: center;
display: flex; display: flex;
flex: 1; flex: 1;
justify-content: space-between; justify-content: space-between;
@ -111,59 +113,34 @@
} }
} }
.donate-input { .donateInput {
@include media-breakpoint-down(sm) { @include media-breakpoint-down(sm) {
flex: 1 100%; flex: 1 100%;
margin: 0 !important; margin: 0 !important;
} }
} }
.send-btn { .sendBtn {
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 { .paymentChoose {
display: flex; display: flex;
} }
.form-group:not(:first-child) { .formGroup:not(:first-child) {
margin-top: 20px; 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));
}
*/

View File

@ -1,10 +1,12 @@
import '../../styles/help.scss' import { clsx } from 'clsx'
import { createSignal, onMount } from 'solid-js' import { createSignal, onMount } from 'solid-js'
import { useLocalize } from '../../context/localize' import { useLocalize } from '../../context/localize'
import { useSnackbar } from '../../context/snackbar' import { useSnackbar } from '../../context/snackbar'
import { showModal } from '../../stores/ui' import { showModal } from '../../stores/ui'
import styles from './Donate.module.scss'
export const Donate = () => { export const Donate = () => {
const { t } = useLocalize() const { t } = useLocalize()
const once = '' const once = ''
@ -119,27 +121,27 @@ export const Donate = () => {
} }
return ( 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 type="hidden" name="shopId" value="156465" />
<input value="148805" name="scid" type="hidden" /> <input value="148805" name="scid" type="hidden" />
<input value="0" name="customerNumber" type="hidden" /> <input value="0" name="customerNumber" type="hidden" />
<div class="form-group"> <div class={styles.formGroup}>
<div class="donate-buttons-container" ref={amountSwitchElement}> <div class={styles.donateButtonsContainer} ref={amountSwitchElement}>
<input type="radio" name="amount" id="fix250" value="250" /> <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; 250&thinsp;
</label> </label>
<input type="radio" name="amount" id="fix500" value="500" checked /> <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; 500&thinsp;
</label> </label>
<input type="radio" name="amount" id="fix1000" value="1000" /> <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; 1000&thinsp;
</label> </label>
<input <input
class="form-control donate-input" class={styles.donateInput}
required required
ref={customAmountElement} ref={customAmountElement}
type="number" type="number"
@ -149,8 +151,8 @@ export const Donate = () => {
</div> </div>
</div> </div>
<div class="form-group" id="payment-type" classList={{ showing: showingPayment() }}> <div class={styles.formGroup} id="payment-type" classList={{ showing: showingPayment() }}>
<div class="btn-group payment-choose" data-toggle="buttons"> <div class={clsx(styles.btnGroup, styles.paymentChoose)} data-toggle="buttons">
<input <input
type="radio" type="radio"
autocomplete="off" autocomplete="off"
@ -159,7 +161,11 @@ export const Donate = () => {
onClick={() => setPeriod(once)} onClick={() => setPeriod(once)}
checked={period() === 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')} {t('One time')}
</label> </label>
<input <input
@ -170,16 +176,20 @@ export const Donate = () => {
onClick={() => setPeriod(monthly)} onClick={() => setPeriod(monthly)}
checked={period() === 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')} {t('Every month')}
</label> </label>
</div> </div>
</div> </div>
<div class="form-group"> <div class={styles.formGroup}>
<a href={''} class="btn send-btn donate" onClick={show}> <button type="button" class={clsx(styles.btn, styles.sendBtn)} onClick={show}>
{t('Help discours to grow')} {t('Help discours to grow')}
</a> </button>
</div> </div>
</form> </form>
) )

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)
} }

View File

@ -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>
)
}

View File

@ -1,291 +1,241 @@
import { Meta } from '@solidjs/meta' import { Meta } from '@solidjs/meta'
import { createSignal, Show } from 'solid-js'
import { Icon } from '../../components/_shared/Icon' import { StaticPage } from '../../components/Views/StaticPage'
import { PageLayout } from '../../components/_shared/PageLayout'
import { useLocalize } from '../../context/localize' import { useLocalize } from '../../context/localize'
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
<Meta name="description" content={title} /> title={title}
<Meta name="keywords" content={t('Discours') + ',' + title} /> layoutChildren={
<Meta property="og:title" content={title} /> <>
<Meta property="og:description" content={title} /> <Meta name="description" content={title} />
<Meta property="og:image" content="/images/participation.png" /> <Meta name="keywords" content={t('Discours') + ',' + title} />
<Meta property="og:image:width" content="1200" /> <Meta property="og:title" content={title} />
<Meta property="og:image:height" content="630" /> <Meta property="og:description" content={title} />
<article class="wide-container container--static-page"> <Meta property="og:image" content="/images/participation.png" />
<div class="row"> <Meta property="og:image:width" content="1200" />
<div class="col-md-6 col-lg-4 order-md-last"> <Meta property="og:image:height" content="630" />
<button class="button button--content-index" onClick={toggleIndexExpanded}> </>
<Show when={!indexExpanded()}> }
<Icon name="content-index-control" /> >
</Show> <h1 id="about">
<Show when={indexExpanded()}> <span class="wrapped">Как устроен Дискурс</span>
<Icon name="content-index-control-expanded" class={'expanded'} /> </h1>
</Show>
</button>
<Show when={indexExpanded()}> <p>
<nav class="content-index"> Дискурс&nbsp;&mdash; независимый журнал о&nbsp;культуре, науке, искусстве и&nbsp;обществе с&nbsp;
<h4>Оглавление</h4> <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"> <section>
<li> <h3 id="become-author">Как стать автором журнала</h3>
<a href="#how-it-works">{title}</a> <p>
</li> Дискурс объединяет журналистов, активистов, музыкантов, художников, фотографов, режиссеров,
<li> философов, ученых и&nbsp;других замечательных людей. Каждый может <a href="/create">прислать</a>{' '}
<a href="#become-author">Как стать автором журнала</a> свой материал в&nbsp;журнал. Формат и&nbsp;тематика не&nbsp;имеют значения, единственное, что
</li> важно &mdash; <a href="/how-to-write-a-good-article">хороший</a> ли&nbsp;материал. Если сообщество
<li> поддержит вашу публикацию, она выйдет в&nbsp;журнале и&nbsp;станет доступна тысячам наших
<a href="#voting">Как проходит голосование</a> читателей.
</li> </p>
<li> </section>
<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"> <h3 id="voting">Как проходит голосование</h3>
<h1 id="about"> <p>
<span class="wrapped">Как устроен Дискурс</span> Все присылаемые в&nbsp;Дискурс материалы попадают в&nbsp;
</h1> <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> <h3 id="editing">Как мы&nbsp;делаем тексты друг друга лучше</h3>
Дискурс&nbsp;&mdash; независимый журнал о&nbsp;культуре, науке, искусстве и&nbsp;обществе <p>
с&nbsp; Дискурс&nbsp;&mdash; журнал с&nbsp;совместным редактированием. Совершенствовать тексты нам помогает{' '}
<a href="/about/manifest">открытой редакцией</a>. У&nbsp;нас нет главного редактора, инвестора <b>система ремарок</b>. Вы&nbsp;можете выделить часть текста в&nbsp;любой статье и&nbsp;оставить
и&nbsp;вообще никого, кто&nbsp;бы принимал единоличные решения. Вместо традиционных иерархий к&nbsp;ней замечание, вопрос или предложение&nbsp;&mdash; автор текста получит совет на&nbsp;почту
Дискурс основан на&nbsp;принципах прямой демократии: в&nbsp;нашем горизонтальном сообществе и&nbsp;сможет его учесть. Так мы&nbsp;устраняем опечатки, неточности и&nbsp;советуем друг другу, как
все редакционные вопросы решаются открытым голосованием авторов журнала. Вот как это работает. сделать тексты качественнее и&nbsp;интереснее.
</p> </p>
<h3 id="how-it-works">Как устроен сайт Дискурса</h3> <p>
<p>Дискурс состоит из&nbsp;четырех основных разделов:</p> Среди участников сообщества есть профессиональные редакторы, которые помогают авторам делать тексты
<ul> лучше. Если вашему материалу потребуется доработка, они помогут отредактировать текст, подобрать
<li> иллюстрации, придумать заголовок и&nbsp;красиво сверстать публикацию. Если вы&nbsp;хотите обсудить
<p> текст, прежде чем загрузить материал в интернет-редакцию&nbsp;&mdash; разместите его
<a href="/topics">Темы</a> в&nbsp;google-документе, откройте доступ к&nbsp;редактированию по&nbsp;ссылке и&nbsp;напишите нам
&nbsp;&mdash; у&nbsp;нас публикуются исследования, обзоры, эссе, интервью, репортажи, на&nbsp;
аналитика и&nbsp;другие материалы о&nbsp;культуре, науке, искусстве и&nbsp;обществе. <a href="mailto:welcome@discours.io" target="_blank">
</p> welcome@discours.io
</li> </a>
<li> .
<p> </p>
<a href="/topic/art">Искусство</a> <p>
&nbsp;&mdash; здесь, например, представлены художественные произведения: литература, Если у&nbsp;вас возникают трудности с&nbsp;тем, чтобы подобрать к&nbsp;своему материалу иллюстрации,
живопись, музыка, фотографии, видео. Этот раздел помогает прозвучать новому искусству, тоже пишите на&nbsp;
которое создают российские художники, писатели, режиссёры и&nbsp;музыканты. <a href="mailto:welcome@discours.io" target="_blank">
</p> почту
</li> </a>
{/* &mdash; наши коллеги-художники могут вам помочь{' '}
<li> <a href="/create?collab" target="_blank">
<p> в&nbsp;режиме совместного редактирования
<a href="/topic/events">События</a>&nbsp; в&nbsp;этом разделе </a>
публикуются самые важные, по&nbsp;мнению редакции, культурные .
события России выставки, лекции, концерты, кинопоказы, фестивали, </p>
художественные и политические&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>
<section> <h3 id="perks">Что сообщество дает авторам</h3>
<h3 id="become-author">Как стать автором журнала</h3> <ul>
<p> <li>
Дискурс объединяет журналистов, активистов, музыкантов, художников, фотографов, режиссеров, <p>
философов, ученых и&nbsp;других замечательных людей. Каждый может{' '} <strong>Право определять, каким будет журнал</strong>. Дискурс&nbsp;&mdash; это общественная
<a href="/create">прислать</a> свой материал в&nbsp;журнал. Формат и&nbsp;тематика институция, созданная людьми и&nbsp;ради людей, функционирующая на&nbsp;условиях прямой
не&nbsp;имеют значения, единственное, что важно &mdash;{' '} демократии. Авторы публикуют статьи и&nbsp;художественные проекты, участвуют в&nbsp;обсуждениях,
<a href="/how-to-write-a-good-article">хороший</a> ли&nbsp;материал. Если сообщество голосуют за&nbsp;работы коллег и&nbsp;таким образом вносят свой вклад в&nbsp;развитие проекта,
поддержит вашу публикацию, она выйдет в&nbsp;журнале и&nbsp;станет доступна тысячам наших определяя содержание и&nbsp;направление журнала.
читателей. </p>
</p> </li>
</section> <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> <h3 id="contacts">Как быть в&nbsp;курсе</h3>
<p> <p>
Все присылаемые в&nbsp;Дискурс материалы попадают в&nbsp; За&nbsp;свежими публикациями Дискурса можно следить не&nbsp;только на&nbsp;сайте,
<strong>&laquo;Редакцию&raquo;</strong>. Это внутренний раздел сайта, где участники сообщества но&nbsp;и&nbsp;на&nbsp;страницах в&nbsp;
решают, что будет опубликовано в&nbsp;Дискурсе. Как только работа получает одобрение как <a href="https://facebook.com/discoursio/" target="_blank">
минимум пятерых авторов открытой редакции, она немедленно публикуется в&nbsp;журнале. Фейсбуке
Если&nbsp;же материал набирает более&nbsp;20% голосов &laquo;против&raquo;, </a>
он&nbsp;не&nbsp;выходит и&nbsp;может быть отправлен на&nbsp;доработку. Жестких сроков ,{' '}
рассмотрения материалов у&nbsp;нас нет, иногда это занимает час, иногда месяц, <a href="https://vk.com/discoursio" target="_blank">
обычно&nbsp;&mdash; несколько дней. ВКонтакте
</p> </a>{' '}
<section> и&nbsp;
<p> <a href="https://t.me/discoursio" target="_blank">
Как только сообщество поддержит публикацию, вы&nbsp;получите приглашение Телеграме
в&nbsp;интернет-редакцию и&nbsp;сможете голосовать за&nbsp;новые материалы. </a>
</p> . А&nbsp;ещё раз в&nbsp;месяц мы&nbsp;отправляем <a href="#subscribe">почтовую рассылку</a>{' '}
</section> с&nbsp;дайджестом лучших материалов.
</p>
<h3 id="editing">Как мы&nbsp;делаем тексты друг друга лучше</h3> <p>
<p> Если вы&nbsp;хотите сотрудничать, что-то обсудить или предложить &mdash; пожалуйста, пишите на&nbsp;
Дискурс&nbsp;&mdash; журнал с&nbsp;совместным редактированием. Совершенствовать тексты нам <a href="mailto:welcome@discours.io" target="_blank">
помогает <b>система ремарок</b>. Вы&nbsp;можете выделить часть текста в&nbsp;любой статье welcome@discours.io
и&nbsp;оставить к&nbsp;ней замечание, вопрос или предложение&nbsp;&mdash; автор текста получит </a>
совет на&nbsp;почту и&nbsp;сможет его учесть. Так мы&nbsp;устраняем опечатки, неточности . Мы&nbsp;обязательно ответим.
и&nbsp;советуем друг другу, как сделать тексты качественнее и&nbsp;интереснее. </p>
</p> </StaticPage>
<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>
) )
} }

View File

@ -1,171 +1,127 @@
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 { StaticPage } from '../../components/Views/StaticPage'
import { useLocalize } from '../../context/localize' import { useLocalize } from '../../context/localize'
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
<Meta name="description" content="Здесь можно поддержать Дискурс материально." /> title={t('Support us')}
<Meta name="keywords" content="Discours.io, помощь, благотворительность" /> 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>*/} <p>
Дискурс&nbsp;&mdash; уникальное независимое издание с&nbsp;горизонтальной редакцией, существующее
<article class="wide-container container--static-page discours-help"> в&nbsp;интересах своих читателей. Ваша поддержка действительно много значит&nbsp;&mdash;
<div class="row"> не&nbsp;только для редакции Дискурса, но&nbsp;и&nbsp;для сохранения свободной мысли
<div class="col-md-6 col-lg-4 order-md-last"> и&nbsp;некоммерческого искусства в&nbsp;нашем обществе.
<button class="button button--content-index" onClick={toggleIndexExpanded}> </p>
<Show when={!indexExpanded()}> <p>
<Icon name="content-index-control" /> Дискурс существует на&nbsp;добровольных началах. Никакой медиахолдинг, фонд или государственная
</Show> структура не&nbsp;финансирует нас&nbsp;&mdash; благодаря этому мы&nbsp;можем писать о&nbsp;том, что
<Show when={indexExpanded()}> важно, а&nbsp;не&nbsp;о&nbsp;том, что выгодно. Сообщество наших волонтеров ежедневно трудится, чтобы
<Icon name="content-index-control-expanded" class={'expanded'} /> рассказывать вам интересные, не&nbsp;освещенные другими изданиями истории&nbsp;&mdash;
</Show> но&nbsp;мы&nbsp;не&nbsp;сможем делать это без вашей помощи. Пожертвования читателей составляют
</button> основу нашего бюджета и&nbsp;позволяют нам существовать.
</p>
<Show when={indexExpanded()}> <p>
<nav class="content-index"> Если вам нравится&nbsp;то, что мы&nbsp;делаем и&nbsp;вы&nbsp;хотите, чтобы Дискурс продолжался,
<h4>Оглавление</h4> пожалуйста, поддержите проект.
</p>
<ul class="nodash"> <div class="row">
<li> <div class="col-sm-22 col-md-24">
<a href="#help-us">Как вы&nbsp;можете поддержать Дискурс?</a> <Donate />
</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>
</div> </div>
</article> </div>
</PageLayout> <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>
) )
} }

View File

@ -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 { 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 { StaticPage } from '../../components/Views/StaticPage'
import { useLocalize } from '../../context/localize' import { useLocalize } from '../../context/localize'
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
<Modal variant="wide" name="feedback"> title={t('Manifest')}
<Feedback /> layoutChildren={
</Modal> <>
<Modal variant="wide" name="subscribe"> <Modal variant="wide" name="feedback">
<Subscribe /> <Feedback />
</Modal> </Modal>
<article class="wide-container container--static-page"> <Modal variant="wide" name="subscribe">
<div class="row"> <Subscribe />
<div class="col-md-6 col-lg-4 order-md-last"> </Modal>
<button class="button button--content-index" onClick={toggleIndexExpanded}> </>
<Show when={!indexExpanded()}> }
<Icon name="content-index-control" /> >
</Show> <h1 id="manifest">
<Show when={indexExpanded()}> <span class="wrapped">Манифест</span>
<Icon name="content-index-control-expanded" class={'expanded'} /> </h1>
</Show>
</button>
<Show when={indexExpanded()}> <p>
<nav class="content-index"> Дискурс&nbsp;&mdash; независимый художественно-аналитический журнал с&nbsp;горизонтальной редакцией,
<h4>Оглавление</h4> основанный на&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"> <h2 class="h2" id="participation">
<li> <span class="wrapped">Как участвовать в&nbsp;самиздате</span>
<a href="#manifest">Манифест</a> </h2>
</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"> <p>
<h1 id="manifest"> Дискурс создается <a href="/about/guide">открытым сообществом</a> энтузиастов новой независимой
<span class="wrapped">Манифест</span> журналистики. Участвовать в&nbsp;открытой редакции и&nbsp;помогать журналу можно следующими
</h1> способами:
</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> <details>
Дискурс&nbsp;&mdash; независимый художественно-аналитический журнал с&nbsp;горизонтальной <summary>
редакцией, основанный на&nbsp;принципах свободы слова, прямой демократии и&nbsp;совместного <h3 id="donate">Поддерживать проект</h3>
редактирования. Дискурс создаётся открытым медиасообществом ученых, журналистов, музыкантов, </summary>
писателей, предпринимателей, философов, инженеров, художников и&nbsp;специалистов <p>
со&nbsp;всего мира, объединившихся, чтобы вместе делать общий журнал и&nbsp;объяснять Дискурс существует на&nbsp;пожертвования читателей. Если вам нравится журнал, пожалуйста,{' '}
с&nbsp;разных точек зрения мозаичную картину современности. <a href="/about/help">поддержите</a> нашу работу. Ваши пожертвования пойдут на&nbsp;выпуск новых
</p> материалов, оплату серверов, труда программистов, дизайнеров и&nbsp;редакторов.
<p> </p>
Мы&nbsp;пишем о&nbsp;культуре, науке и&nbsp;обществе, рассказываем о&nbsp;новых идеях </details>
и&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>
<h2 class="h2" id="participation"> <details>
<span class="wrapped">Как участвовать в&nbsp;самиздате</span> <summary>
</h2> <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> <details>
Дискурс создается <a href="/about/guide">открытым сообществом</a> энтузиастов новой <summary>
независимой журналистики. Участвовать в&nbsp;открытой редакции и&nbsp;помогать журналу можно <h3 id="follow">Как еще можно помочь</h3>
следующими способами: </summary>
</p> <p>
<details open> Советуйте Дискурс друзьям и&nbsp;знакомым. Обсуждайте и&nbsp;распространяйте наши
<summary> публикации&nbsp;&mdash; все материалы открытой редакции можно читать и&nbsp;перепечатывать
<h3 id="contribute">Предлагать материалы</h3> бесплатно. Подпишитесь на&nbsp;самиздат <a href="https://vk.com/discoursio">ВКонтакте</a>, в&nbsp;
</summary> <a href="https://facebook.com/discoursio">Фейсбуке</a> и&nbsp;в&nbsp;
<p> <a href="https://t.me/discoursio">Телеграме</a>, а&nbsp;также на&nbsp;
<a href="/create">Создавайте</a> свои статьи и&nbsp;художественные работы&nbsp;&mdash; <Opener name="subscribe">рассылку лучших материалов</Opener>, чтобы не&nbsp;пропустить ничего
лучшие из них будут опубликованы в&nbsp;журнале. Дискурс&nbsp;&mdash; некоммерческое интересного.
издание, авторы публикуются в&nbsp;журнале на&nbsp;общественных началах, получая при этом{' '} </p>
<a href="/create?collab=true">поддержку</a> редакции, право голоса, множество других <p>
возможностей и&nbsp;читателей по&nbsp;всему миру. <a href="https://forms.gle/9UnHBAz9Q3tjH5dAA">Рассказывайте о&nbsp;впечатлениях</a>{' '}
</p> от&nbsp;материалов открытой редакции, <Opener name="feedback">делитесь идеями</Opener>,
</details> интересными темами, о&nbsp;которых хотели бы узнать больше, и&nbsp;историями, которые нужно
рассказать.
</p>
</details>
<details> <h2 class="h2" id="connection">
<summary> <span class="wrapped">Будем на&nbsp;связи</span>
<h3 id="donate">Поддерживать проект</h3> </h2>
</summary>
<p>
Дискурс существует на&nbsp;пожертвования читателей. Если вам нравится журнал, пожалуйста,{' '}
<a href="/about/help">поддержите</a> нашу работу. Ваши пожертвования пойдут на&nbsp;выпуск
новых материалов, оплату серверов, труда программистов, дизайнеров и&nbsp;редакторов.
</p>
</details>
<details> <p>
<summary> Если вы хотите предложить материал, сотрудничать, рассказать о&nbsp;проблеме, которую нужно
<h3 id="cooperation">Сотрудничать с&nbsp;журналом</h3> осветить, сообщить об&nbsp;ошибке или баге, что-то обсудить, уточнить или посоветовать, пожалуйста,{' '}
</summary> <Opener name="feedback">напишите нам здесь</Opener> или на&nbsp;почту{' '}
<p> <a href="mailto:welcome@discours.io">welcome@discours.io</a>. Мы обязательно ответим
Мы всегда открыты для сотрудничества и&nbsp;рады единомышленникам. Если вы хотите помогать и&nbsp;постараемся реализовать все хорошие задумки.
журналу с&nbsp;редактурой, корректурой, иллюстрациями, переводами, версткой, подкастами, </p>
мероприятиями, фандрайзингом или как-то ещё&nbsp;&mdash; скорее пишите нам на&nbsp; </StaticPage>
<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>
) )
} }