Merge pull request #320 from Discours/fix/static-pages
Static pages refactoring
This commit is contained in:
commit
449ea48b71
|
@ -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));
|
|
||||||
}
|
|
||||||
*/
|
|
|
@ -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 ₽
|
250 ₽
|
||||||
</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 ₽
|
500 ₽
|
||||||
</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 ₽
|
1000 ₽
|
||||||
</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>
|
||||||
)
|
)
|
||||||
|
|
|
@ -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)
|
||||||
}
|
}
|
||||||
|
|
37
src/components/Views/StaticPage.tsx
Normal file
37
src/components/Views/StaticPage.tsx
Normal 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>
|
||||||
|
)
|
||||||
|
}
|
|
@ -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">
|
Дискурс — независимый журнал о культуре, науке, искусстве и обществе с
|
||||||
<h4>Оглавление</h4>
|
<a href="/about/manifest">открытой редакцией</a>. У нас нет главного редактора, инвестора
|
||||||
|
и вообще никого, кто бы принимал единоличные решения. Вместо традиционных иерархий Дискурс
|
||||||
|
основан на принципах прямой демократии: в нашем горизонтальном сообществе все редакционные
|
||||||
|
вопросы решаются открытым голосованием авторов журнала. Вот как это работает.
|
||||||
|
</p>
|
||||||
|
<h3 id="how-it-works">Как устроен сайт Дискурса</h3>
|
||||||
|
<p>Дискурс состоит из четырех основных разделов:</p>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<p>
|
||||||
|
<a href="/topics">Темы</a>
|
||||||
|
— у нас публикуются исследования, обзоры, эссе, интервью, репортажи, аналитика
|
||||||
|
и другие материалы о культуре, науке, искусстве и обществе.
|
||||||
|
</p>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<p>
|
||||||
|
<a href="/topic/art">Искусство</a>
|
||||||
|
— здесь, например, представлены художественные произведения: литература, живопись,
|
||||||
|
музыка, фотографии, видео. Этот раздел помогает прозвучать новому искусству, которое создают
|
||||||
|
российские художники, писатели, режиссёры и музыканты.
|
||||||
|
</p>
|
||||||
|
</li>
|
||||||
|
{/*
|
||||||
|
<li>
|
||||||
|
<p>
|
||||||
|
<a href="/topic/events">События</a> — в этом разделе
|
||||||
|
публикуются самые важные, по мнению редакции, культурные
|
||||||
|
события России — выставки, лекции, концерты, кинопоказы, фестивали,
|
||||||
|
художественные и политические акции. Напишите нам
|
||||||
|
на <a href="mailto:welcome@discours.io" target="_blank">почту</a>, если вы
|
||||||
|
хотите разместить объявление. Мы делаем это
|
||||||
|
на безвозмездной основе.
|
||||||
|
</p>
|
||||||
|
</li >
|
||||||
|
<li>
|
||||||
|
<p>
|
||||||
|
<a href="/create" class="ng-scope" target="_blank">Редакция</a> —
|
||||||
|
это внутренний раздел, где появляются новые материалы, которые присылают
|
||||||
|
в редакцию. Здесь авторы обсуждают, редактируют и оценивают
|
||||||
|
публикации, определяя таким образом содержание журнала.
|
||||||
|
</p>
|
||||||
|
</li>
|
||||||
|
*/}
|
||||||
|
</ul>
|
||||||
|
<p>
|
||||||
|
Материалы в Дискурсе объединяются по <b>темам</b>
|
||||||
|
— ключевым словам, которые располагаются в конце материалов и связывают
|
||||||
|
материалы по жанрам (например, <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/za-liniey-mannergeyma">За линией Маннергейма</a>
|
||||||
|
»). Темы объединяют сотни публикаций, помогают ориентироваться в журнале и следить
|
||||||
|
за интересными материалами.
|
||||||
|
</p>
|
||||||
|
|
||||||
<ul class="nodash">
|
<section>
|
||||||
<li>
|
<h3 id="become-author">Как стать автором журнала</h3>
|
||||||
<a href="#how-it-works">{title}</a>
|
<p>
|
||||||
</li>
|
Дискурс объединяет журналистов, активистов, музыкантов, художников, фотографов, режиссеров,
|
||||||
<li>
|
философов, ученых и других замечательных людей. Каждый может <a href="/create">прислать</a>{' '}
|
||||||
<a href="#become-author">Как стать автором журнала</a>
|
свой материал в журнал. Формат и тематика не имеют значения, единственное, что
|
||||||
</li>
|
важно — <a href="/how-to-write-a-good-article">хороший</a> ли материал. Если сообщество
|
||||||
<li>
|
поддержит вашу публикацию, она выйдет в журнале и станет доступна тысячам наших
|
||||||
<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>
|
Все присылаемые в Дискурс материалы попадают в
|
||||||
</h1>
|
<strong>«Редакцию»</strong>. Это внутренний раздел сайта, где участники сообщества
|
||||||
|
решают, что будет опубликовано в Дискурсе. Как только работа получает одобрение как минимум
|
||||||
|
пятерых авторов открытой редакции, она немедленно публикуется в журнале. Если же материал
|
||||||
|
набирает более 20% голосов «против», он не выходит и может быть
|
||||||
|
отправлен на доработку. Жестких сроков рассмотрения материалов у нас нет, иногда это
|
||||||
|
занимает час, иногда месяц, обычно — несколько дней.
|
||||||
|
</p>
|
||||||
|
<section>
|
||||||
|
<p>
|
||||||
|
Как только сообщество поддержит публикацию, вы получите приглашение в интернет-редакцию
|
||||||
|
и сможете голосовать за новые материалы.
|
||||||
|
</p>
|
||||||
|
</section>
|
||||||
|
|
||||||
<p>
|
<h3 id="editing">Как мы делаем тексты друг друга лучше</h3>
|
||||||
Дискурс — независимый журнал о культуре, науке, искусстве и обществе
|
<p>
|
||||||
с
|
Дискурс — журнал с совместным редактированием. Совершенствовать тексты нам помогает{' '}
|
||||||
<a href="/about/manifest">открытой редакцией</a>. У нас нет главного редактора, инвестора
|
<b>система ремарок</b>. Вы можете выделить часть текста в любой статье и оставить
|
||||||
и вообще никого, кто бы принимал единоличные решения. Вместо традиционных иерархий
|
к ней замечание, вопрос или предложение — автор текста получит совет на почту
|
||||||
Дискурс основан на принципах прямой демократии: в нашем горизонтальном сообществе
|
и сможет его учесть. Так мы устраняем опечатки, неточности и советуем друг другу, как
|
||||||
все редакционные вопросы решаются открытым голосованием авторов журнала. Вот как это работает.
|
сделать тексты качественнее и интереснее.
|
||||||
</p>
|
</p>
|
||||||
<h3 id="how-it-works">Как устроен сайт Дискурса</h3>
|
<p>
|
||||||
<p>Дискурс состоит из четырех основных разделов:</p>
|
Среди участников сообщества есть профессиональные редакторы, которые помогают авторам делать тексты
|
||||||
<ul>
|
лучше. Если вашему материалу потребуется доработка, они помогут отредактировать текст, подобрать
|
||||||
<li>
|
иллюстрации, придумать заголовок и красиво сверстать публикацию. Если вы хотите обсудить
|
||||||
<p>
|
текст, прежде чем загрузить материал в интернет-редакцию — разместите его
|
||||||
<a href="/topics">Темы</a>
|
в google-документе, откройте доступ к редактированию по ссылке и напишите нам
|
||||||
— у нас публикуются исследования, обзоры, эссе, интервью, репортажи,
|
на
|
||||||
аналитика и другие материалы о культуре, науке, искусстве и обществе.
|
<a href="mailto:welcome@discours.io" target="_blank">
|
||||||
</p>
|
welcome@discours.io
|
||||||
</li>
|
</a>
|
||||||
<li>
|
.
|
||||||
<p>
|
</p>
|
||||||
<a href="/topic/art">Искусство</a>
|
<p>
|
||||||
— здесь, например, представлены художественные произведения: литература,
|
Если у вас возникают трудности с тем, чтобы подобрать к своему материалу иллюстрации,
|
||||||
живопись, музыка, фотографии, видео. Этот раздел помогает прозвучать новому искусству,
|
тоже пишите на
|
||||||
которое создают российские художники, писатели, режиссёры и музыканты.
|
<a href="mailto:welcome@discours.io" target="_blank">
|
||||||
</p>
|
почту
|
||||||
</li>
|
</a>
|
||||||
{/*
|
— наши коллеги-художники могут вам помочь{' '}
|
||||||
<li>
|
<a href="/create?collab" target="_blank">
|
||||||
<p>
|
в режиме совместного редактирования
|
||||||
<a href="/topic/events">События</a> — в этом разделе
|
</a>
|
||||||
публикуются самые важные, по мнению редакции, культурные
|
.
|
||||||
события России — выставки, лекции, концерты, кинопоказы, фестивали,
|
</p>
|
||||||
художественные и политические акции. Напишите нам
|
|
||||||
на <a href="mailto:welcome@discours.io" target="_blank">почту</a>, если вы
|
|
||||||
хотите разместить объявление. Мы делаем это
|
|
||||||
на безвозмездной основе.
|
|
||||||
</p>
|
|
||||||
</li >
|
|
||||||
<li>
|
|
||||||
<p>
|
|
||||||
<a href="/create" class="ng-scope" target="_blank">Редакция</a> —
|
|
||||||
это внутренний раздел, где появляются новые материалы, которые присылают
|
|
||||||
в редакцию. Здесь авторы обсуждают, редактируют и оценивают
|
|
||||||
публикации, определяя таким образом содержание журнала.
|
|
||||||
</p>
|
|
||||||
</li>
|
|
||||||
*/}
|
|
||||||
</ul>
|
|
||||||
<p>
|
|
||||||
Материалы в Дискурсе объединяются по <b>темам</b>
|
|
||||||
— ключевым словам, которые располагаются в конце материалов и связывают
|
|
||||||
материалы по жанрам (например, <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/za-liniey-mannergeyma">За линией Маннергейма</a>
|
|
||||||
»). Темы объединяют сотни публикаций, помогают ориентироваться в журнале
|
|
||||||
и следить за интересными материалами.
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<section>
|
<h3 id="perks">Что сообщество дает авторам</h3>
|
||||||
<h3 id="become-author">Как стать автором журнала</h3>
|
<ul>
|
||||||
<p>
|
<li>
|
||||||
Дискурс объединяет журналистов, активистов, музыкантов, художников, фотографов, режиссеров,
|
<p>
|
||||||
философов, ученых и других замечательных людей. Каждый может{' '}
|
<strong>Право определять, каким будет журнал</strong>. Дискурс — это общественная
|
||||||
<a href="/create">прислать</a> свой материал в журнал. Формат и тематика
|
институция, созданная людьми и ради людей, функционирующая на условиях прямой
|
||||||
не имеют значения, единственное, что важно —{' '}
|
демократии. Авторы публикуют статьи и художественные проекты, участвуют в обсуждениях,
|
||||||
<a href="/how-to-write-a-good-article">хороший</a> ли материал. Если сообщество
|
голосуют за работы коллег и таким образом вносят свой вклад в развитие проекта,
|
||||||
поддержит вашу публикацию, она выйдет в журнале и станет доступна тысячам наших
|
определяя содержание и направление журнала.
|
||||||
читателей.
|
</p>
|
||||||
</p>
|
</li>
|
||||||
</section>
|
<li>
|
||||||
|
<p>
|
||||||
|
<strong>Возможность обратиться к широкой аудитории</strong>. Дискурс читают десятки тысяч
|
||||||
|
людей, и с каждым днем их становится больше.
|
||||||
|
</p>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<p>
|
||||||
|
<strong>Поддержка редакции</strong>. Дискурс предоставляет авторам аккредитацию
|
||||||
|
на мероприятия, базу контактов, юридическую поддержку, ознакомление с книжными, кино-
|
||||||
|
и музыкальными новинками до их выхода в свет. Если что-то из этого вам
|
||||||
|
понадобится, пишите на почту{' '}
|
||||||
|
<a href="mailto:welcome@discours.io" target="_blank">
|
||||||
|
welcome@discours.io
|
||||||
|
</a>
|
||||||
|
— поможем.
|
||||||
|
</p>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<p>
|
||||||
|
<strong>Пресс-карты для корреспондентов</strong>. Три опубликованные статьи позволяют авторам
|
||||||
|
Дискурса получить официальные удостоверения журналистов (пресс-карты) на следующий год.
|
||||||
|
Пресс-карты удостоверяют, что вы журналист и можете пользоваться всеми теми правами,
|
||||||
|
которые гарантирует Закон о СМИ. Кроме того, многие культурные институции (музеи, галереи
|
||||||
|
и др.) предоставляют журналистам право свободного входа.
|
||||||
|
</p>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<p>
|
||||||
|
<strong>Помощь сотен специалистов в разных областях</strong>. В основе Дискурса лежит
|
||||||
|
идея совместного редактирования. Участники редакционного сообщества — несколько сотен
|
||||||
|
журналистов, исследователей, художников, литераторов из разных стран — изучают
|
||||||
|
материалы друг друга до публикации и помогают сделать их качественнее
|
||||||
|
и интереснее. Так, в редакции нередко складываются творческие союзы: например, авторов
|
||||||
|
текстов и художников, создающих для них иллюстрации.
|
||||||
|
</p>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<p>
|
||||||
|
<strong>Пространство общения полное выдающихся людей</strong>. Дискурс — большое
|
||||||
|
живое сообщество интеллектуалов, разбросанных по всему земному шару. Вступив
|
||||||
|
в редакцию, вы сможете познакомиться со множеством интересных людей, которые
|
||||||
|
определяют повестку завтрашнего дня, вдохновляют окружающих, создают новое и изучают
|
||||||
|
старое, ищут знания и готовы ими делиться, чтобы менять мир в соответствии
|
||||||
|
со своими идеалами.
|
||||||
|
</p>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
<h3 id="voting">Как проходит голосование</h3>
|
<h3 id="contacts">Как быть в курсе</h3>
|
||||||
<p>
|
<p>
|
||||||
Все присылаемые в Дискурс материалы попадают в
|
За свежими публикациями Дискурса можно следить не только на сайте,
|
||||||
<strong>«Редакцию»</strong>. Это внутренний раздел сайта, где участники сообщества
|
но и на страницах в
|
||||||
решают, что будет опубликовано в Дискурсе. Как только работа получает одобрение как
|
<a href="https://facebook.com/discoursio/" target="_blank">
|
||||||
минимум пятерых авторов открытой редакции, она немедленно публикуется в журнале.
|
Фейсбуке
|
||||||
Если же материал набирает более 20% голосов «против»,
|
</a>
|
||||||
он не выходит и может быть отправлен на доработку. Жестких сроков
|
,{' '}
|
||||||
рассмотрения материалов у нас нет, иногда это занимает час, иногда месяц,
|
<a href="https://vk.com/discoursio" target="_blank">
|
||||||
обычно — несколько дней.
|
ВКонтакте
|
||||||
</p>
|
</a>{' '}
|
||||||
<section>
|
и
|
||||||
<p>
|
<a href="https://t.me/discoursio" target="_blank">
|
||||||
Как только сообщество поддержит публикацию, вы получите приглашение
|
Телеграме
|
||||||
в интернет-редакцию и сможете голосовать за новые материалы.
|
</a>
|
||||||
</p>
|
. А ещё раз в месяц мы отправляем <a href="#subscribe">почтовую рассылку</a>{' '}
|
||||||
</section>
|
с дайджестом лучших материалов.
|
||||||
|
</p>
|
||||||
<h3 id="editing">Как мы делаем тексты друг друга лучше</h3>
|
<p>
|
||||||
<p>
|
Если вы хотите сотрудничать, что-то обсудить или предложить — пожалуйста, пишите на
|
||||||
Дискурс — журнал с совместным редактированием. Совершенствовать тексты нам
|
<a href="mailto:welcome@discours.io" target="_blank">
|
||||||
помогает <b>система ремарок</b>. Вы можете выделить часть текста в любой статье
|
welcome@discours.io
|
||||||
и оставить к ней замечание, вопрос или предложение — автор текста получит
|
</a>
|
||||||
совет на почту и сможет его учесть. Так мы устраняем опечатки, неточности
|
. Мы обязательно ответим.
|
||||||
и советуем друг другу, как сделать тексты качественнее и интереснее.
|
</p>
|
||||||
</p>
|
</StaticPage>
|
||||||
<p>
|
|
||||||
Среди участников сообщества есть профессиональные редакторы, которые помогают авторам делать
|
|
||||||
тексты лучше. Если вашему материалу потребуется доработка, они помогут отредактировать текст,
|
|
||||||
подобрать иллюстрации, придумать заголовок и красиво сверстать публикацию. Если
|
|
||||||
вы хотите обсудить текст, прежде чем загрузить материал в интернет-редакцию —
|
|
||||||
разместите его в google-документе, откройте доступ к редактированию по ссылке
|
|
||||||
и напишите нам на
|
|
||||||
<a href="mailto:welcome@discours.io" target="_blank">
|
|
||||||
welcome@discours.io
|
|
||||||
</a>
|
|
||||||
.
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
Если у вас возникают трудности с тем, чтобы подобрать к своему материалу
|
|
||||||
иллюстрации, тоже пишите на
|
|
||||||
<a href="mailto:welcome@discours.io" target="_blank">
|
|
||||||
почту
|
|
||||||
</a>
|
|
||||||
— наши коллеги-художники могут вам помочь{' '}
|
|
||||||
<a href="/create?collab" target="_blank">
|
|
||||||
в режиме совместного редактирования
|
|
||||||
</a>
|
|
||||||
.
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<h3 id="perks">Что сообщество дает авторам</h3>
|
|
||||||
<ul>
|
|
||||||
<li>
|
|
||||||
<p>
|
|
||||||
<strong>Право определять, каким будет журнал</strong>. Дискурс — это
|
|
||||||
общественная институция, созданная людьми и ради людей, функционирующая
|
|
||||||
на условиях прямой демократии. Авторы публикуют статьи и художественные проекты,
|
|
||||||
участвуют в обсуждениях, голосуют за работы коллег и таким образом вносят
|
|
||||||
свой вклад в развитие проекта, определяя содержание и направление журнала.
|
|
||||||
</p>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<p>
|
|
||||||
<strong>Возможность обратиться к широкой аудитории</strong>. Дискурс читают десятки
|
|
||||||
тысяч людей, и с каждым днем их становится больше.
|
|
||||||
</p>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<p>
|
|
||||||
<strong>Поддержка редакции</strong>. Дискурс предоставляет авторам аккредитацию
|
|
||||||
на мероприятия, базу контактов, юридическую поддержку, ознакомление с книжными,
|
|
||||||
кино- и музыкальными новинками до их выхода в свет. Если что-то
|
|
||||||
из этого вам понадобится, пишите на почту{' '}
|
|
||||||
<a href="mailto:welcome@discours.io" target="_blank">
|
|
||||||
welcome@discours.io
|
|
||||||
</a>
|
|
||||||
— поможем.
|
|
||||||
</p>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<p>
|
|
||||||
<strong>Пресс-карты для корреспондентов</strong>. Три опубликованные статьи позволяют
|
|
||||||
авторам Дискурса получить официальные удостоверения журналистов (пресс-карты)
|
|
||||||
на следующий год. Пресс-карты удостоверяют, что вы журналист и можете
|
|
||||||
пользоваться всеми теми правами, которые гарантирует Закон о СМИ. Кроме того, многие
|
|
||||||
культурные институции (музеи, галереи и др.) предоставляют журналистам право
|
|
||||||
свободного входа.
|
|
||||||
</p>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<p>
|
|
||||||
<strong>Помощь сотен специалистов в разных областях</strong>. В основе Дискурса
|
|
||||||
лежит идея совместного редактирования. Участники редакционного сообщества —
|
|
||||||
несколько сотен журналистов, исследователей, художников, литераторов из разных стран
|
|
||||||
— изучают материалы друг друга до публикации и помогают сделать
|
|
||||||
их качественнее и интереснее. Так, в редакции нередко складываются
|
|
||||||
творческие союзы: например, авторов текстов и художников, создающих для них
|
|
||||||
иллюстрации.
|
|
||||||
</p>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<p>
|
|
||||||
<strong>Пространство общения полное выдающихся людей</strong>. Дискурс —
|
|
||||||
большое живое сообщество интеллектуалов, разбросанных по всему земному шару. Вступив
|
|
||||||
в редакцию, вы сможете познакомиться со множеством интересных людей,
|
|
||||||
которые определяют повестку завтрашнего дня, вдохновляют окружающих, создают новое
|
|
||||||
и изучают старое, ищут знания и готовы ими делиться, чтобы менять мир
|
|
||||||
в соответствии со своими идеалами.
|
|
||||||
</p>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
|
|
||||||
<h3 id="contacts">Как быть в курсе</h3>
|
|
||||||
<p>
|
|
||||||
За свежими публикациями Дискурса можно следить не только на сайте,
|
|
||||||
но и на страницах в
|
|
||||||
<a href="https://facebook.com/discoursio/" target="_blank">
|
|
||||||
Фейсбуке
|
|
||||||
</a>
|
|
||||||
,{' '}
|
|
||||||
<a href="https://vk.com/discoursio" target="_blank">
|
|
||||||
ВКонтакте
|
|
||||||
</a>{' '}
|
|
||||||
и
|
|
||||||
<a href="https://t.me/discoursio" target="_blank">
|
|
||||||
Телеграме
|
|
||||||
</a>
|
|
||||||
. А ещё раз в месяц мы отправляем <a href="#subscribe">почтовую рассылку</a>{' '}
|
|
||||||
с дайджестом лучших материалов.
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
Если вы хотите сотрудничать, что-то обсудить или предложить — пожалуйста, пишите
|
|
||||||
на
|
|
||||||
<a href="mailto:welcome@discours.io" target="_blank">
|
|
||||||
welcome@discours.io
|
|
||||||
</a>
|
|
||||||
. Мы обязательно ответим.
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</article>
|
|
||||||
</PageLayout>
|
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -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">Как вы можете поддержать Дискурс?</span>
|
||||||
|
</h1>
|
||||||
|
|
||||||
{/*<Modal name="thank">Благодарим!</Modal>*/}
|
<p>
|
||||||
|
Дискурс — уникальное независимое издание с горизонтальной редакцией, существующее
|
||||||
<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}>
|
</p>
|
||||||
<Show when={!indexExpanded()}>
|
<p>
|
||||||
<Icon name="content-index-control" />
|
Дискурс существует на добровольных началах. Никакой медиахолдинг, фонд или государственная
|
||||||
</Show>
|
структура не финансирует нас — благодаря этому мы можем писать о том, что
|
||||||
<Show when={indexExpanded()}>
|
важно, а не о том, что выгодно. Сообщество наших волонтеров ежедневно трудится, чтобы
|
||||||
<Icon name="content-index-control-expanded" class={'expanded'} />
|
рассказывать вам интересные, не освещенные другими изданиями истории —
|
||||||
</Show>
|
но мы не сможем делать это без вашей помощи. Пожертвования читателей составляют
|
||||||
</button>
|
основу нашего бюджета и позволяют нам существовать.
|
||||||
|
</p>
|
||||||
<Show when={indexExpanded()}>
|
<p>
|
||||||
<nav class="content-index">
|
Если вам нравится то, что мы делаем и вы хотите, чтобы Дискурс продолжался,
|
||||||
<h4>Оглавление</h4>
|
пожалуйста, поддержите проект.
|
||||||
|
</p>
|
||||||
<ul class="nodash">
|
<div class="row">
|
||||||
<li>
|
<div class="col-sm-22 col-md-24">
|
||||||
<a href="#help-us">Как вы можете поддержать Дискурс?</a>
|
<Donate />
|
||||||
</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">
|
|
||||||
<Donate />
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<h3 id="financial-report">На что пойдут деньги?</h3>
|
|
||||||
<p>
|
|
||||||
Ваши пожертвования пойдут на оплату серверов, содержание офиса, зарплату редакции
|
|
||||||
и налоги, оплату юридического сопровождения и труда бухгалтера, совершенствование
|
|
||||||
сайта, аренду помещения для открытой редакции, на печать альманаха Дискурс с лучшими
|
|
||||||
текстами авторов за полгода, а также на другие редакционные и технические
|
|
||||||
расходы.
|
|
||||||
</p>
|
|
||||||
<h3>Ваша помощь позволит нам</h3>
|
|
||||||
<ul>
|
|
||||||
<li>
|
|
||||||
<h4>Оставаться бесплатным изданием.</h4>
|
|
||||||
<p>
|
|
||||||
Мы делаем открытый журнал для всех желающих, а также собираем искусство лучших
|
|
||||||
авторов по всему миру. Ваша поддержка позволяет нам становиться лучше.
|
|
||||||
</p>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<h4>Создавать еще больше контента.</h4>
|
|
||||||
<p>
|
|
||||||
Каждый день к нам присоединяются новые люди, и чем больше нас становится, тем
|
|
||||||
больше мы творим и строже оцениваем результаты творчества друг друга.
|
|
||||||
В результате повышается и количество, и качество контента. Каждый день мы
|
|
||||||
трудимся, чтобы открывать нашим читателям новые грани окружающего мира.
|
|
||||||
</p>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<h4>Развивать форматы и расширять деятельность Дискурса.</h4>
|
|
||||||
<p>
|
|
||||||
Мы создаем различные спецпроекты и регулярно проводим необычные мероприятия.
|
|
||||||
Мы хотим приносить пользу человечеству всеми возможными способами.
|
|
||||||
</p>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<h4>Модернизировать сайт.</h4>
|
|
||||||
<p>
|
|
||||||
Мы совершенствуем платформу и стараемся сделать проект максимально удобным для
|
|
||||||
вас. Мы работаем над мобильной версией, новым дизайном, фукционалом, системой
|
|
||||||
регистрации, навигации и рекомендаций, которые сделают наше общение еще
|
|
||||||
увлекательней.
|
|
||||||
</p>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<h4>Выпускать альманах.</h4>
|
|
||||||
<p>
|
|
||||||
Выпускать раз в полугодие печатный альманах Дискурс с 33 лучшими текстами
|
|
||||||
сайта.
|
|
||||||
</p>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<h4>Захватить весь мир</h4>
|
|
||||||
<p>и принести «Дискурс» в каждый дом.</p>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
<h3 id="trustee">Войдите в попечительский совет Дискурса</h3>
|
|
||||||
<p>
|
|
||||||
Вы хотите сделать крупное пожертвование? Станьте попечителем Дискурса —
|
|
||||||
<a class="black-link" href="mailto:welcome@discours.io" target="_blank">
|
|
||||||
напишите нам
|
|
||||||
</a>
|
|
||||||
, мы будем рады единомышленникам.
|
|
||||||
</p>
|
|
||||||
<h3 id="other">Как ещё можно поддержать Дискурс?</h3>
|
|
||||||
<p>
|
|
||||||
Есть много других способов поддержать Дискурс и труд наших авторов. Например,
|
|
||||||
вы можете периодически рассказывать о проекте своим друзьям в соцсетях,
|
|
||||||
делиться хорошими материалами или — что еще лучше — публиковать свои
|
|
||||||
статьи в «Дискурсе». Но главное, что вы можете сделать для
|
|
||||||
Дискурса, — читать нас. Мы вкладываем в журнал душу, и внимание каждого
|
|
||||||
читателя убеждает нас в правильности выбранного пути. Не переключайтесь.
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
Если вы хотите помочь проекту, но у вас возникли вопросы, напишите нам письмо
|
|
||||||
по адресу{' '}
|
|
||||||
<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">На что пойдут деньги?</h3>
|
||||||
|
<p>
|
||||||
|
Ваши пожертвования пойдут на оплату серверов, содержание офиса, зарплату редакции
|
||||||
|
и налоги, оплату юридического сопровождения и труда бухгалтера, совершенствование сайта,
|
||||||
|
аренду помещения для открытой редакции, на печать альманаха Дискурс с лучшими текстами
|
||||||
|
авторов за полгода, а также на другие редакционные и технические расходы.
|
||||||
|
</p>
|
||||||
|
<h3>Ваша помощь позволит нам</h3>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<h4>Оставаться бесплатным изданием.</h4>
|
||||||
|
<p>
|
||||||
|
Мы делаем открытый журнал для всех желающих, а также собираем искусство лучших авторов
|
||||||
|
по всему миру. Ваша поддержка позволяет нам становиться лучше.
|
||||||
|
</p>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<h4>Создавать еще больше контента.</h4>
|
||||||
|
<p>
|
||||||
|
Каждый день к нам присоединяются новые люди, и чем больше нас становится, тем больше
|
||||||
|
мы творим и строже оцениваем результаты творчества друг друга. В результате
|
||||||
|
повышается и количество, и качество контента. Каждый день мы трудимся, чтобы открывать
|
||||||
|
нашим читателям новые грани окружающего мира.
|
||||||
|
</p>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<h4>Развивать форматы и расширять деятельность Дискурса.</h4>
|
||||||
|
<p>
|
||||||
|
Мы создаем различные спецпроекты и регулярно проводим необычные мероприятия.
|
||||||
|
Мы хотим приносить пользу человечеству всеми возможными способами.
|
||||||
|
</p>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<h4>Модернизировать сайт.</h4>
|
||||||
|
<p>
|
||||||
|
Мы совершенствуем платформу и стараемся сделать проект максимально удобным для вас.
|
||||||
|
Мы работаем над мобильной версией, новым дизайном, фукционалом, системой регистрации,
|
||||||
|
навигации и рекомендаций, которые сделают наше общение еще увлекательней.
|
||||||
|
</p>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<h4>Выпускать альманах.</h4>
|
||||||
|
<p>
|
||||||
|
Выпускать раз в полугодие печатный альманах Дискурс с 33 лучшими текстами сайта.
|
||||||
|
</p>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<h4>Захватить весь мир</h4>
|
||||||
|
<p>и принести «Дискурс» в каждый дом.</p>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<h3 id="trustee">Войдите в попечительский совет Дискурса</h3>
|
||||||
|
<p>
|
||||||
|
Вы хотите сделать крупное пожертвование? Станьте попечителем Дискурса —{' '}
|
||||||
|
<a class="black-link" href="mailto:welcome@discours.io" target="_blank">
|
||||||
|
напишите нам
|
||||||
|
</a>
|
||||||
|
, мы будем рады единомышленникам.
|
||||||
|
</p>
|
||||||
|
<h3 id="other">Как ещё можно поддержать Дискурс?</h3>
|
||||||
|
<p>
|
||||||
|
Есть много других способов поддержать Дискурс и труд наших авторов. Например, вы можете
|
||||||
|
периодически рассказывать о проекте своим друзьям в соцсетях, делиться хорошими
|
||||||
|
материалами или — что еще лучше — публиковать свои статьи
|
||||||
|
в «Дискурсе». Но главное, что вы можете сделать для Дискурса, —
|
||||||
|
читать нас. Мы вкладываем в журнал душу, и внимание каждого читателя убеждает нас
|
||||||
|
в правильности выбранного пути. Не переключайтесь.
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
Если вы хотите помочь проекту, но у вас возникли вопросы, напишите нам письмо
|
||||||
|
по адресу{' '}
|
||||||
|
<a class="black-link" href="mailto:welcome@discours.io" target="_blank">
|
||||||
|
welcome@discours.io
|
||||||
|
</a>
|
||||||
|
.
|
||||||
|
</p>
|
||||||
|
</StaticPage>
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -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">
|
Дискурс — независимый художественно-аналитический журнал с горизонтальной редакцией,
|
||||||
<h4>Оглавление</h4>
|
основанный на принципах свободы слова, прямой демократии и совместного редактирования.
|
||||||
|
Дискурс создаётся открытым медиасообществом ученых, журналистов, музыкантов, писателей,
|
||||||
|
предпринимателей, философов, инженеров, художников и специалистов со всего мира,
|
||||||
|
объединившихся, чтобы вместе делать общий журнал и объяснять с разных точек зрения
|
||||||
|
мозаичную картину современности.
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
Мы пишем о культуре, науке и обществе, рассказываем о новых идеях
|
||||||
|
и современном искусстве, публикуем статьи, исследования, репортажи, интервью людей, чью прямую
|
||||||
|
речь стоит услышать, и работы художников из разных стран — от фильмов
|
||||||
|
и музыки до живописи и фотографии. Помогая друг другу делать публикации качественнее
|
||||||
|
и общим голосованием выбирая лучшие материалы для журнала, мы создаём новую горизонтальную
|
||||||
|
журналистику, чтобы честно рассказывать о важном и интересном.
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
Редакция Дискурса открыта для всех: у нас нет цензуры, запретных тем и идеологических
|
||||||
|
рамок. Каждый может <a href="/create">прислать материал</a> в журнал и
|
||||||
|
<a href="/about/guide">присоединиться к редакции</a>. Предоставляя трибуну для независимой
|
||||||
|
журналистики и художественных проектов, мы помогаем людям рассказывать свои истории так,
|
||||||
|
чтобы они были услышаны. Мы убеждены: чем больше голосов будет звучать на Дискурсе, тем
|
||||||
|
громче в полифонии мнений будет слышна истина.
|
||||||
|
</p>
|
||||||
|
|
||||||
<ul class="nodash">
|
<h2 class="h2" id="participation">
|
||||||
<li>
|
<span class="wrapped">Как участвовать в самиздате</span>
|
||||||
<a href="#manifest">Манифест</a>
|
</h2>
|
||||||
</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">
|
<p>
|
||||||
<h1 id="manifest">
|
Дискурс создается <a href="/about/guide">открытым сообществом</a> энтузиастов новой независимой
|
||||||
<span class="wrapped">Манифест</span>
|
журналистики. Участвовать в открытой редакции и помогать журналу можно следующими
|
||||||
</h1>
|
способами:
|
||||||
|
</p>
|
||||||
|
<details open>
|
||||||
|
<summary>
|
||||||
|
<h3 id="contribute">Предлагать материалы</h3>
|
||||||
|
</summary>
|
||||||
|
<p>
|
||||||
|
<a href="/create">Создавайте</a> свои статьи и художественные работы — лучшие из
|
||||||
|
них будут опубликованы в журнале. Дискурс — некоммерческое издание, авторы
|
||||||
|
публикуются в журнале на общественных началах, получая при этом{' '}
|
||||||
|
<a href="/create?collab=true">поддержку</a> редакции, право голоса, множество других возможностей
|
||||||
|
и читателей по всему миру.
|
||||||
|
</p>
|
||||||
|
</details>
|
||||||
|
|
||||||
<p>
|
<details>
|
||||||
Дискурс — независимый художественно-аналитический журнал с горизонтальной
|
<summary>
|
||||||
редакцией, основанный на принципах свободы слова, прямой демократии и совместного
|
<h3 id="donate">Поддерживать проект</h3>
|
||||||
редактирования. Дискурс создаётся открытым медиасообществом ученых, журналистов, музыкантов,
|
</summary>
|
||||||
писателей, предпринимателей, философов, инженеров, художников и специалистов
|
<p>
|
||||||
со всего мира, объединившихся, чтобы вместе делать общий журнал и объяснять
|
Дискурс существует на пожертвования читателей. Если вам нравится журнал, пожалуйста,{' '}
|
||||||
с разных точек зрения мозаичную картину современности.
|
<a href="/about/help">поддержите</a> нашу работу. Ваши пожертвования пойдут на выпуск новых
|
||||||
</p>
|
материалов, оплату серверов, труда программистов, дизайнеров и редакторов.
|
||||||
<p>
|
</p>
|
||||||
Мы пишем о культуре, науке и обществе, рассказываем о новых идеях
|
</details>
|
||||||
и современном искусстве, публикуем статьи, исследования, репортажи, интервью людей, чью
|
|
||||||
прямую речь стоит услышать, и работы художников из разных стран —
|
|
||||||
от фильмов и музыки до живописи и фотографии. Помогая друг другу делать
|
|
||||||
публикации качественнее и общим голосованием выбирая лучшие материалы для журнала,
|
|
||||||
мы создаём новую горизонтальную журналистику, чтобы честно рассказывать о важном
|
|
||||||
и интересном.
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
Редакция Дискурса открыта для всех: у нас нет цензуры, запретных тем
|
|
||||||
и идеологических рамок. Каждый может <a href="/create">прислать материал</a>{' '}
|
|
||||||
в журнал и
|
|
||||||
<a href="/about/guide">присоединиться к редакции</a>. Предоставляя трибуну для
|
|
||||||
независимой журналистики и художественных проектов, мы помогаем людям рассказывать
|
|
||||||
свои истории так, чтобы они были услышаны. Мы убеждены: чем больше голосов будет звучать
|
|
||||||
на Дискурсе, тем громче в полифонии мнений будет слышна истина.
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<h2 class="h2" id="participation">
|
<details>
|
||||||
<span class="wrapped">Как участвовать в самиздате</span>
|
<summary>
|
||||||
</h2>
|
<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>.
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
Если вы разработчик и хотите помогать с развитием сайта Дискурса,{' '}
|
||||||
|
<a href="mailto:services@discours.io">присоединяйтесь к IT-команде самиздата</a>. Открытый
|
||||||
|
код платформы для независимой журналистики, а также всех наших спецпроектов
|
||||||
|
и медиаинструментов находится{' '}
|
||||||
|
<a href="https://github.com/Discours">в свободном доступе на GitHub</a>.
|
||||||
|
</p>
|
||||||
|
</details>
|
||||||
|
|
||||||
<p>
|
<details>
|
||||||
Дискурс создается <a href="/about/guide">открытым сообществом</a> энтузиастов новой
|
<summary>
|
||||||
независимой журналистики. Участвовать в открытой редакции и помогать журналу можно
|
<h3 id="follow">Как еще можно помочь</h3>
|
||||||
следующими способами:
|
</summary>
|
||||||
</p>
|
<p>
|
||||||
<details open>
|
Советуйте Дискурс друзьям и знакомым. Обсуждайте и распространяйте наши
|
||||||
<summary>
|
публикации — все материалы открытой редакции можно читать и перепечатывать
|
||||||
<h3 id="contribute">Предлагать материалы</h3>
|
бесплатно. Подпишитесь на самиздат <a href="https://vk.com/discoursio">ВКонтакте</a>, в
|
||||||
</summary>
|
<a href="https://facebook.com/discoursio">Фейсбуке</a> и в
|
||||||
<p>
|
<a href="https://t.me/discoursio">Телеграме</a>, а также на
|
||||||
<a href="/create">Создавайте</a> свои статьи и художественные работы —
|
<Opener name="subscribe">рассылку лучших материалов</Opener>, чтобы не пропустить ничего
|
||||||
лучшие из них будут опубликованы в журнале. Дискурс — некоммерческое
|
интересного.
|
||||||
издание, авторы публикуются в журнале на общественных началах, получая при этом{' '}
|
</p>
|
||||||
<a href="/create?collab=true">поддержку</a> редакции, право голоса, множество других
|
<p>
|
||||||
возможностей и читателей по всему миру.
|
<a href="https://forms.gle/9UnHBAz9Q3tjH5dAA">Рассказывайте о впечатлениях</a>{' '}
|
||||||
</p>
|
от материалов открытой редакции, <Opener name="feedback">делитесь идеями</Opener>,
|
||||||
</details>
|
интересными темами, о которых хотели бы узнать больше, и историями, которые нужно
|
||||||
|
рассказать.
|
||||||
|
</p>
|
||||||
|
</details>
|
||||||
|
|
||||||
<details>
|
<h2 class="h2" id="connection">
|
||||||
<summary>
|
<span class="wrapped">Будем на связи</span>
|
||||||
<h3 id="donate">Поддерживать проект</h3>
|
</h2>
|
||||||
</summary>
|
|
||||||
<p>
|
|
||||||
Дискурс существует на пожертвования читателей. Если вам нравится журнал, пожалуйста,{' '}
|
|
||||||
<a href="/about/help">поддержите</a> нашу работу. Ваши пожертвования пойдут на выпуск
|
|
||||||
новых материалов, оплату серверов, труда программистов, дизайнеров и редакторов.
|
|
||||||
</p>
|
|
||||||
</details>
|
|
||||||
|
|
||||||
<details>
|
<p>
|
||||||
<summary>
|
Если вы хотите предложить материал, сотрудничать, рассказать о проблеме, которую нужно
|
||||||
<h3 id="cooperation">Сотрудничать с журналом</h3>
|
осветить, сообщить об ошибке или баге, что-то обсудить, уточнить или посоветовать, пожалуйста,{' '}
|
||||||
</summary>
|
<Opener name="feedback">напишите нам здесь</Opener> или на почту{' '}
|
||||||
<p>
|
<a href="mailto:welcome@discours.io">welcome@discours.io</a>. Мы обязательно ответим
|
||||||
Мы всегда открыты для сотрудничества и рады единомышленникам. Если вы хотите помогать
|
и постараемся реализовать все хорошие задумки.
|
||||||
журналу с редактурой, корректурой, иллюстрациями, переводами, версткой, подкастами,
|
</p>
|
||||||
мероприятиями, фандрайзингом или как-то ещё — скорее пишите нам на
|
</StaticPage>
|
||||||
<a href="mailto:welcome@discours.io">welcome@discours.io</a>.
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
Если вы представляете некоммерческую организацию и хотите сделать с нами
|
|
||||||
совместный проект, получить информационную поддержку или предложить другую форму
|
|
||||||
сотрудничества — <a href="mailto:welcome@discours.io">пишите</a>.
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
Если вы разработчик и хотите помогать с развитием сайта Дискурса,{' '}
|
|
||||||
<a href="mailto:services@discours.io">присоединяйтесь к IT-команде самиздата</a>.
|
|
||||||
Открытый код платформы для независимой журналистики, а также всех наших спецпроектов
|
|
||||||
и медиаинструментов находится{' '}
|
|
||||||
<a href="https://github.com/Discours">в свободном доступе на GitHub</a>.
|
|
||||||
</p>
|
|
||||||
</details>
|
|
||||||
|
|
||||||
<details>
|
|
||||||
<summary>
|
|
||||||
<h3 id="follow">Как еще можно помочь</h3>
|
|
||||||
</summary>
|
|
||||||
<p>
|
|
||||||
Советуйте Дискурс друзьям и знакомым. Обсуждайте и распространяйте наши
|
|
||||||
публикации — все материалы открытой редакции можно читать и перепечатывать
|
|
||||||
бесплатно. Подпишитесь на самиздат <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>, чтобы не пропустить
|
|
||||||
ничего интересного.
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
<a href="https://forms.gle/9UnHBAz9Q3tjH5dAA">Рассказывайте о впечатлениях</a>{' '}
|
|
||||||
от материалов открытой редакции, <Opener name="feedback">делитесь идеями</Opener>,
|
|
||||||
интересными темами, о которых хотели бы узнать больше, и историями, которые нужно
|
|
||||||
рассказать.
|
|
||||||
</p>
|
|
||||||
</details>
|
|
||||||
|
|
||||||
<h2 class="h2" id="connection">
|
|
||||||
<span class="wrapped">Будем на связи</span>
|
|
||||||
</h2>
|
|
||||||
|
|
||||||
<p>
|
|
||||||
Если вы хотите предложить материал, сотрудничать, рассказать о проблеме, которую нужно
|
|
||||||
осветить, сообщить об ошибке или баге, что-то обсудить, уточнить или посоветовать,
|
|
||||||
пожалуйста, <Opener name="feedback">напишите нам здесь</Opener> или на почту{' '}
|
|
||||||
<a href="mailto:welcome@discours.io">welcome@discours.io</a>. Мы обязательно ответим
|
|
||||||
и постараемся реализовать все хорошие задумки.
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</article>
|
|
||||||
</PageLayout>
|
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue
Block a user