Merge pull request #53 from Discours/fix-about

About pages style fixes
This commit is contained in:
Igor Lobanov 2022-11-09 17:13:37 +01:00 committed by GitHub
commit 8455251311
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
12 changed files with 995 additions and 902 deletions

2
public/icons/expand.svg Normal file
View File

@ -0,0 +1,2 @@
<svg width="20" height="13" viewBox="0 0 20 13" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M10 12.8999L0.100098 3L2.57507 0.525024L10.0002 7.95013L17.4246 0.525716L19.8996 3.00069L12.4747 10.4256L12.4745 10.4254L10 12.8999Z" fill="#000"/></svg>

After

Width:  |  Height:  |  Size: 259 B

View File

@ -7,112 +7,110 @@ export const DiscussionRulesPage = () => {
<MainLayout>
<article class="container container--static-page">
<div class="row">
<div class="col-md-8 offset-md-2">
<div class="col-md-7 shift-content order-md-first">
<h1>
<span class="wrapped" innerHTML={title} />
</h1>
<div class="col-lg-10 offset-md-1">
<p>
Открытая редакция существует благодаря дружному сообществу авторов
и&nbsp;читателей&nbsp;&mdash; вдумчивых и&nbsp;сознательных людей, приверженных ценностям
гуманизма, демократии и&nbsp;прав человека. Мы&nbsp;очень ценим атмосферу осмысленного
общения, которая здесь сложилась. Чтобы сохранить ее&nbsp;такой&nbsp;же уютной
и&nbsp;творческой, мы&nbsp;составили правила общения в&nbsp;сообществе, руководствуясь
которыми каждый мог&nbsp;бы соучаствовать в&nbsp;плодотворных дискуссиях, не&nbsp;задевая
других. Ключевой принцип этих правил предельно прост&nbsp;&mdash; уважайте ближних,
постарайтесь не&nbsp;нарушать законы Российской Федерации без крайней
на&nbsp;то&nbsp;необходимости и&nbsp;помните, что в&nbsp;дискуссиях чутких
и&nbsp;здравомыслящих людей рождается истина.
</p>
<p>
Открытая редакция существует благодаря дружному сообществу авторов
и&nbsp;читателей&nbsp;&mdash; вдумчивых и&nbsp;сознательных людей, приверженных ценностям
гуманизма, демократии и&nbsp;прав человека. Мы&nbsp;очень ценим атмосферу осмысленного
общения, которая здесь сложилась. Чтобы сохранить ее&nbsp;такой&nbsp;же уютной
и&nbsp;творческой, мы&nbsp;составили правила общения в&nbsp;сообществе, руководствуясь
которыми каждый мог&nbsp;бы соучаствовать в&nbsp;плодотворных дискуссиях, не&nbsp;задевая
других. Ключевой принцип этих правил предельно прост&nbsp;&mdash; уважайте ближних,
постарайтесь не&nbsp;нарушать законы Российской Федерации без крайней
на&nbsp;то&nbsp;необходимости и&nbsp;помните, что в&nbsp;дискуссиях чутких
и&nbsp;здравомыслящих людей рождается истина.
</p>
<h3>За&nbsp;что можно получить дырку в&nbsp;карме и&nbsp;выиграть бан в&nbsp;сообществе</h3>
<ol>
<li>
<p>
Оскорбления, личные нападки, травля и&nbsp;угрозы. В&nbsp;любом виде. Конкретного
человека или социальной группы&nbsp;&mdash; не&nbsp;суть. Агрессия, переход
на&nbsp;личности и&nbsp;токсичность едва&nbsp;ли способствуют плодотворному общению.
</p>
</li>
<h3>За&nbsp;что можно получить дырку в&nbsp;карме и&nbsp;выиграть бан в&nbsp;сообществе</h3>
<ol>
<li>
<p>
Оскорбления, личные нападки, травля и&nbsp;угрозы. В&nbsp;любом виде. Конкретного человека
или социальной группы&nbsp;&mdash; не&nbsp;суть. Агрессия, переход на&nbsp;личности
и&nbsp;токсичность едва&nbsp;ли способствуют плодотворному общению.
</p>
</li>
<li>
<p>
Шовинизм, расизм, сексизм, гомофобия, пропаганда ненависти, педофилии, суицида,
распространение детской порнографии и&nbsp;другого человеконенавистнического контента.
</p>
</li>
<li>
<p>
Шовинизм, расизм, сексизм, гомофобия, пропаганда ненависти, педофилии, суицида,
распространение детской порнографии и&nbsp;другого человеконенавистнического контента.
</p>
</li>
<li>
<p>
Спам, реклама, фейкньюз, ссылки на&nbsp;пропагандистские СМИ, вбросы дезинформации,
специально уводящий от&nbsp;темы флуд, провокации, разжигание конфликтов, намеренный
срыв дискуссий.
</p>
</li>
<li>
<p>
Спам, реклама, фейкньюз, ссылки на&nbsp;пропагандистские СМИ, вбросы дезинформации,
специально уводящий от&nbsp;темы флуд, провокации, разжигание конфликтов, намеренный срыв
дискуссий.
</p>
</li>
<li>
<p>
Неаргументированная критика и&nbsp;комментарии вроде &laquo;отстой&raquo;, &laquo;зачем
я&nbsp;это увидел/а&raquo;, &laquo;не&nbsp;читал, но&nbsp;осуждаю&raquo;,
&laquo;либераху порвало&raquo;, &laquo;лол&raquo;, &laquo;скатились&raquo;,
&laquo;первый нах&raquo; и&nbsp;тому подобные. Односложные реплики не&nbsp;подразумевают
возможность обогащающего диалога, не&nbsp;продуктивны и&nbsp;никак не&nbsp;помогают
авторам делать материалы лучше, а&nbsp;читателям&nbsp;&mdash; разобраться.
</p>
</li>
</ol>
<li>
<p>
Неаргументированная критика и&nbsp;комментарии вроде &laquo;отстой&raquo;, &laquo;зачем
я&nbsp;это увидел/а&raquo;, &laquo;не&nbsp;читал, но&nbsp;осуждаю&raquo;, &laquo;либераху
порвало&raquo;, &laquo;лол&raquo;, &laquo;скатились&raquo;, &laquo;первый нах&raquo;
и&nbsp;тому подобные. Односложные реплики не&nbsp;подразумевают возможность обогащающего
диалога, не&nbsp;продуктивны и&nbsp;никак не&nbsp;помогают авторам делать материалы лучше,
а&nbsp;читателям&nbsp;&mdash; разобраться.
</p>
</li>
</ol>
<h3>За&nbsp;что можно получить лучи добра и&nbsp;благодарности в&nbsp;сообществе</h3>
<ol>
<li>
<p>
<strong>Вежливость и&nbsp;конструктивность.</strong> Мы&nbsp;выступаем
за&nbsp;конструктивный диалог, аргументированные комментарии и&nbsp;доброжелательное
отношение друг к&nbsp;другу. Задавайте содержательные вопросы, пишите развернутые
комментарии, подкрепляйте их&nbsp;аргументами, чтобы диалог был полезен всем участникам,
помогая глубже понять тему и&nbsp;разобраться в&nbsp;вопросе. И, пожалуйста, уважайте
собеседника, даже если он&nbsp;вам лично не&nbsp;импонирует: только так получаются
продуктивные дискуссии.
</p>
</li>
<h3>За&nbsp;что можно получить лучи добра и&nbsp;благодарности в&nbsp;сообществе</h3>
<ol>
<li>
<p>
<strong>Вежливость и&nbsp;конструктивность.</strong> Мы&nbsp;выступаем
за&nbsp;конструктивный диалог, аргументированные комментарии и&nbsp;доброжелательное
отношение друг к&nbsp;другу. Задавайте содержательные вопросы, пишите развернутые
комментарии, подкрепляйте их&nbsp;аргументами, чтобы диалог был полезен всем участникам,
помогая глубже понять тему и&nbsp;разобраться в&nbsp;вопросе. И, пожалуйста, уважайте
собеседника, даже если он&nbsp;вам лично не&nbsp;импонирует: только так получаются
продуктивные дискуссии.
</p>
</li>
<li>
<p>
<strong>Обмен знаниями и&nbsp;историями.</strong> Осмысленные высказывания по&nbsp;теме
поста, оригинальные рассуждения, рассказы о&nbsp;личном опыте и&nbsp;проектах, обмен
профессиональной экспертизой, наблюдения и&nbsp;реальные истории
из&nbsp;жизни&nbsp;&mdash; чем больше мы&nbsp;делимся друг с&nbsp;другом знаниями, тем
интереснее и&nbsp;плодотворнее становится наше общение. Помните, что каждый вдумчивый
ответ повышает качество дискуссий в&nbsp;сообществе и&nbsp;делает чтение самиздата ещё
интереснее.
</p>
</li>
<li>
<p>
<strong>Обмен знаниями и&nbsp;историями.</strong> Осмысленные высказывания по&nbsp;теме
поста, оригинальные рассуждения, рассказы о&nbsp;личном опыте и&nbsp;проектах, обмен
профессиональной экспертизой, наблюдения и&nbsp;реальные истории
из&nbsp;жизни&nbsp;&mdash; чем больше мы&nbsp;делимся друг с&nbsp;другом знаниями, тем
интереснее и&nbsp;плодотворнее становится наше общение. Помните, что каждый вдумчивый
ответ повышает качество дискуссий в&nbsp;сообществе и&nbsp;делает чтение самиздата ещё
интереснее.
</p>
</li>
<li>
<p>
<strong>Чувство юмора и&nbsp;добродушие.</strong> Остроумие и&nbsp;дружелюбие
не&nbsp;только направляют дискуссии в&nbsp;продуктивное русло, но&nbsp;и&nbsp;улучшают
настроение. Не&nbsp;вредите негативом, которого в&nbsp;интернете и&nbsp;без нас хватает,
и&nbsp;не&nbsp;травите на&nbsp;корню классные инициативы&nbsp;&mdash; всё великое
начинается с&nbsp;малого. Мы&nbsp;за&nbsp;поддерживающую и&nbsp;вдохновляющую атмосферу
в&nbsp;сообществе. Надеемся, вы&nbsp;тоже.
</p>
</li>
<li>
<p>
<strong>Чувство юмора и&nbsp;добродушие.</strong> Остроумие и&nbsp;дружелюбие
не&nbsp;только направляют дискуссии в&nbsp;продуктивное русло, но&nbsp;и&nbsp;улучшают
настроение. Не&nbsp;вредите негативом, которого в&nbsp;интернете и&nbsp;без нас хватает,
и&nbsp;не&nbsp;травите на&nbsp;корню классные инициативы&nbsp;&mdash; всё великое
начинается с&nbsp;малого. Мы&nbsp;за&nbsp;поддерживающую и&nbsp;вдохновляющую атмосферу
в&nbsp;сообществе. Надеемся, вы&nbsp;тоже.
</p>
</li>
<li>
<p>
<strong>Благодарность и&nbsp;поддержка.</strong> Если публикация вам зашла,
не&nbsp;стесняйтесь ставить лайки, делиться понравившимися материалами, благодарить
авторов, читателей, художников и&nbsp;редакторов в&nbsp;комментариях. Цените
и&nbsp;поддерживайте классные проекты, сильные тексты, новое искусство, осмысленные
комментарии и&nbsp;вклад других в&nbsp;самиздат&nbsp;&mdash; сотрудничество делает нас
сильнее и&nbsp;усиливает звучание идей и&nbsp;смыслов, которые помогают лучше понимать
мир.
</p>
</li>
</ol>
</div>
<li>
<p>
<strong>Благодарность и&nbsp;поддержка.</strong> Если публикация вам зашла,
не&nbsp;стесняйтесь ставить лайки, делиться понравившимися материалами, благодарить
авторов, читателей, художников и&nbsp;редакторов в&nbsp;комментариях. Цените
и&nbsp;поддерживайте классные проекты, сильные тексты, новое искусство, осмысленные
комментарии и&nbsp;вклад других в&nbsp;самиздат&nbsp;&mdash; сотрудничество делает нас
сильнее и&nbsp;усиливает звучание идей и&nbsp;смыслов, которые помогают лучше понимать
мир.
</p>
</li>
</ol>
</div>
</div>
</article>

View File

@ -7,8 +7,8 @@ export const DogmaPage = () => {
<MainLayout>
<article class="container container--static-page">
<div class="row">
<h4 class="col-md-8 offset-md-2">Редакционные принципы</h4>
<div class="col-md-8 col-lg-6 offset-md-3">
<div class="col-md-7 shift-content order-md-first">
<h4>Редакционные принципы</h4>
<p>
Дискурс - журнал с открытой горизонтальной редакцией. Содержание журнала определяется прямым
голосованием его авторов. Мы нередко занимаем различные позиции по разным проблемам, но

View File

@ -1,9 +1,14 @@
import { createSignal, Show } from 'solid-js'
import { MainLayout } from '../../Layouts/MainLayout'
import { t } from '../../../utils/intl'
export const GuidePage = () => {
const title = t('How it works')
const [indexExpanded, setIndexExpanded] = createSignal(false)
const toggleIndexExpanded = () => setIndexExpanded((oldExpanded) => !oldExpanded)
return (
<MainLayout>
{/*<Meta name="description" content={title} />*/}
@ -16,64 +21,71 @@ export const GuidePage = () => {
<article class="container container--static-page">
<div class="row">
<div class="col-md-2">
<nav class="content-index">
<ul class="nodash">
<li>
<a href="#how-it-works">{title}</a>
</li>
<li>
<a href="#become-author">Как стать автором журнала</a>
</li>
<li>
<a href="#voting">Как проходит голосование</a>
</li>
<li>
<a href="#editing">Как мы делаем тексты друг друга лучше</a>
</li>
<li>
<a href="#perks">Что сообщество дает авторам</a>
</li>
<li>
<a href="#contacts">Как быть в курсе</a>
</li>
</ul>
</nav>
<div class="col-md-3 col-lg-2 col-xl-3 order-md-last">
<p>
<button class="button button--light button--subscribe-topic" onClick={toggleIndexExpanded}>
{indexExpanded() ? 'Свернуть' : 'Оглавление'}
</button>
</p>
<Show when={indexExpanded()}>
<nav class="content-index">
<ul class="nodash">
<li>
<a href="#how-it-works">{title}</a>
</li>
<li>
<a href="#become-author">Как стать автором журнала</a>
</li>
<li>
<a href="#voting">Как проходит голосование</a>
</li>
<li>
<a href="#editing">Как мы делаем тексты друг друга лучше</a>
</li>
<li>
<a href="#perks">Что сообщество дает авторам</a>
</li>
<li>
<a href="#contacts">Как быть в курсе</a>
</li>
</ul>
</nav>
</Show>
</div>
<div class="col-md-8">
<div class="col-md-7 shift-content order-md-first">
<h1 id="about">
<span class="wrapped">Как устроен Дискурс</span>
</h1>
<div class="col-lg-10 offset-md-1">
<p>
Дискурс&nbsp;&mdash; независимый журнал о&nbsp;культуре, науке, искусстве и&nbsp;обществе
с&nbsp;<a href="/about/manifest">открытой редакцией</a>. У&nbsp;нас нет главного редактора,
инвестора и&nbsp;вообще никого, кто&nbsp;бы принимал единоличные решения. Вместо
традиционных иерархий Дискурс основан на&nbsp;принципах прямой демократии: в&nbsp;нашем
горизонтальном сообществе все редакционные вопросы решаются открытым голосованием авторов
журнала. Вот как это работает.
</p>
<h3 id="how-it-works">Как устроен сайт Дискурса</h3>
<p>Дискурс состоит из&nbsp;четырех основных разделов:</p>
<ul>
<li>
<p>
<a href="/topics">Темы</a>&nbsp;&mdash; у&nbsp;нас публикуются исследования, обзоры,
эссе, интервью, репортажи, аналитика и&nbsp;другие материалы о&nbsp;культуре, науке,
искусстве и&nbsp;обществе.
</p>
</li>
<li>
<p>
<a href="/topic/art">Искусство</a>&nbsp;&mdash; здесь, например, представлены
художественные произведения: литература, живопись, музыка, фотографии, видео. Этот
раздел помогает прозвучать новому искусству, которое создают российские художники,
писатели, режиссёры и&nbsp;музыканты.
</p>
</li>
{/*
<p>
Дискурс&nbsp;&mdash; независимый журнал о&nbsp;культуре, науке, искусстве и&nbsp;обществе
с&nbsp;<a href="/about/manifest">открытой редакцией</a>. У&nbsp;нас нет главного редактора,
инвестора и&nbsp;вообще никого, кто&nbsp;бы принимал единоличные решения. Вместо традиционных
иерархий Дискурс основан на&nbsp;принципах прямой демократии: в&nbsp;нашем горизонтальном
сообществе все редакционные вопросы решаются открытым голосованием авторов журнала. Вот как
это работает.
</p>
<h3 id="how-it-works">Как устроен сайт Дискурса</h3>
<p>Дискурс состоит из&nbsp;четырех основных разделов:</p>
<ul>
<li>
<p>
<a href="/topics">Темы</a>&nbsp;&mdash; у&nbsp;нас публикуются исследования, обзоры, эссе,
интервью, репортажи, аналитика и&nbsp;другие материалы о&nbsp;культуре, науке, искусстве
и&nbsp;обществе.
</p>
</li>
<li>
<p>
<a href="/topic/art">Искусство</a>&nbsp;&mdash; здесь, например, представлены
художественные произведения: литература, живопись, музыка, фотографии, видео. Этот раздел
помогает прозвучать новому искусству, которое создают российские художники, писатели,
режиссёры и&nbsp;музыканты.
</p>
</li>
{/*
<li>
<p>
<a href="/topic/events">События</a>&nbsp; в&nbsp;этом разделе
@ -94,176 +106,174 @@ export const GuidePage = () => {
</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>
<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="become-author">Как стать автором журнала</h3>
<section>
<h3 id="become-author">Как стать автором журнала</h3>
<p>
Дискурс объединяет журналистов, активистов, музыкантов, художников, фотографов, режиссеров,
философов, ученых и&nbsp;других замечательных людей. Каждый может{' '}
<a href="/create">прислать</a>
свой материал в&nbsp;журнал. Формат и&nbsp;тематика не&nbsp;имеют значения, единственное,
что важно &mdash; <a href="/how-to-write-a-good-article">хороший</a> ли&nbsp;материал. Если
сообщество поддержит вашу публикацию, она выйдет в&nbsp;журнале и&nbsp;станет доступна
тысячам наших читателей.
</p>
</section>
<h3 id="voting">Как проходит голосование</h3>
<p>
Все присылаемые в&nbsp;Дискурс материалы попадают в&nbsp;
<strong>&laquo;Редакцию&raquo;</strong>. Это внутренний раздел сайта, где участники сообщества
решают, что будет опубликовано в&nbsp;Дискурсе. Как только работа получает одобрение как
минимум пятерых авторов открытой редакции, она немедленно публикуется в&nbsp;журнале.
Если&nbsp;же материал набирает более&nbsp;20% голосов &laquo;против&raquo;,
он&nbsp;не&nbsp;выходит и&nbsp;может быть отправлен на&nbsp;доработку. Жестких сроков
рассмотрения материалов у&nbsp;нас нет, иногда это занимает час, иногда месяц,
обычно&nbsp;&mdash; несколько дней.
</p>
<section>
<p>
Как только сообщество поддержит публикацию, вы&nbsp;получите приглашение
в&nbsp;интернет-редакцию и&nbsp;сможете голосовать за&nbsp;новые материалы.
</p>
</section>
<h3 id="editing">Как мы&nbsp;делаем тексты друг друга лучше</h3>
<p>
Дискурс&nbsp;&mdash; журнал с&nbsp;совместным редактированием. Совершенствовать тексты нам
помогает <b>система ремарок</b>. Вы&nbsp;можете выделить часть текста в&nbsp;любой статье
и&nbsp;оставить к&nbsp;ней замечание, вопрос или предложение&nbsp;&mdash; автор текста получит
совет на&nbsp;почту и&nbsp;сможет его учесть. Так мы&nbsp;устраняем опечатки, неточности
и&nbsp;советуем друг другу, как сделать тексты качественнее и&nbsp;интереснее.
</p>
<p>
Среди участников сообщества есть профессиональные редакторы, которые помогают авторам делать
тексты лучше. Если вашему материалу потребуется доработка, они помогут отредактировать текст,
подобрать иллюстрации, придумать заголовок и&nbsp;красиво сверстать публикацию. Если
вы&nbsp;хотите обсудить текст, прежде чем загрузить материал в интернет-редакцию&nbsp;&mdash;
разместите его в&nbsp;google-документе, откройте доступ к&nbsp;редактированию по&nbsp;ссылке
и&nbsp;напишите нам на&nbsp;
<a href="mailto:welcome@discours.io" target="_blank">
welcome@discours.io
</a>
.
</p>
<p>
Если у&nbsp;вас возникают трудности с&nbsp;тем, чтобы подобрать к&nbsp;своему материалу
иллюстрации, тоже пишите на&nbsp;
<a href="mailto:welcome@discours.io" target="_blank">
почту
</a>
&mdash; наши коллеги-художники могут вам помочь{' '}
<a href="/create?collab" target="_blank">
в&nbsp;режиме совместного редактирования
</a>
.
</p>
<h3 id="perks">Что сообщество дает авторам</h3>
<ul>
<li>
<p>
Дискурс объединяет журналистов, активистов, музыкантов, художников, фотографов,
режиссеров, философов, ученых и&nbsp;других замечательных людей. Каждый может{' '}
<a href="/create">прислать</a>
свой материал в&nbsp;журнал. Формат и&nbsp;тематика не&nbsp;имеют значения, единственное,
что важно &mdash; <a href="/how-to-write-a-good-article">хороший</a> ли&nbsp;материал.
Если сообщество поддержит вашу публикацию, она выйдет в&nbsp;журнале и&nbsp;станет
доступна тысячам наших читателей.
<strong>Право определять, каким будет журнал</strong>. Дискурс&nbsp;&mdash; это
общественная институция, созданная людьми и&nbsp;ради людей, функционирующая
на&nbsp;условиях прямой демократии. Авторы публикуют статьи и&nbsp;художественные проекты,
участвуют в&nbsp;обсуждениях, голосуют за&nbsp;работы коллег и&nbsp;таким образом вносят
свой вклад в&nbsp;развитие проекта, определяя содержание и&nbsp;направление журнала.
</p>
</section>
<h3 id="voting">Как проходит голосование</h3>
<p>
Все присылаемые в&nbsp;Дискурс материалы попадают в&nbsp;
<strong>&laquo;Редакцию&raquo;</strong>. Это внутренний раздел сайта, где участники
сообщества решают, что будет опубликовано в&nbsp;Дискурсе. Как только работа получает
одобрение как минимум пятерых авторов открытой редакции, она немедленно публикуется
в&nbsp;журнале. Если&nbsp;же материал набирает более&nbsp;20% голосов &laquo;против&raquo;,
он&nbsp;не&nbsp;выходит и&nbsp;может быть отправлен на&nbsp;доработку. Жестких сроков
рассмотрения материалов у&nbsp;нас нет, иногда это занимает час, иногда месяц,
обычно&nbsp;&mdash; несколько дней.
</p>
<section>
</li>
<li>
<p>
Как только сообщество поддержит публикацию, вы&nbsp;получите приглашение
в&nbsp;интернет-редакцию и&nbsp;сможете голосовать за&nbsp;новые материалы.
<strong>Возможность обратиться к&nbsp;широкой аудитории</strong>. Дискурс читают десятки
тысяч людей, и&nbsp;с&nbsp;каждым днем их&nbsp;становится больше.
</p>
</section>
</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="editing">Как мы&nbsp;делаем тексты друг друга лучше</h3>
<p>
Дискурс&nbsp;&mdash; журнал с&nbsp;совместным редактированием. Совершенствовать тексты нам
помогает <b>система ремарок</b>. Вы&nbsp;можете выделить часть текста в&nbsp;любой статье
и&nbsp;оставить к&nbsp;ней замечание, вопрос или предложение&nbsp;&mdash; автор текста
получит совет на&nbsp;почту и&nbsp;сможет его учесть. Так мы&nbsp;устраняем опечатки,
неточности и&nbsp;советуем друг другу, как сделать тексты качественнее и&nbsp;интереснее.
</p>
<p>
Среди участников сообщества есть профессиональные редакторы, которые помогают авторам делать
тексты лучше. Если вашему материалу потребуется доработка, они помогут отредактировать
текст, подобрать иллюстрации, придумать заголовок и&nbsp;красиво сверстать публикацию. Если
вы&nbsp;хотите обсудить текст, прежде чем загрузить материал в
интернет-редакцию&nbsp;&mdash; разместите его в&nbsp;google-документе, откройте доступ
к&nbsp;редактированию по&nbsp;ссылке и&nbsp;напишите нам на&nbsp;
<a href="mailto:welcome@discours.io" target="_blank">
welcome@discours.io
</a>
.
</p>
<p>
Если у&nbsp;вас возникают трудности с&nbsp;тем, чтобы подобрать к&nbsp;своему материалу
иллюстрации, тоже пишите на&nbsp;
<a href="mailto:welcome@discours.io" target="_blank">
почту
</a>
&mdash; наши коллеги-художники могут вам помочь{' '}
<a href="/create?collab" target="_blank">
в&nbsp;режиме совместного редактирования
</a>
.
</p>
<h3 id="perks">Что сообщество дает авторам</h3>
<ul>
<li>
<p>
<strong>Право определять, каким будет журнал</strong>. Дискурс&nbsp;&mdash; это
общественная институция, созданная людьми и&nbsp;ради людей, функционирующая
на&nbsp;условиях прямой демократии. Авторы публикуют статьи и&nbsp;художественные
проекты, участвуют в&nbsp;обсуждениях, голосуют за&nbsp;работы коллег и&nbsp;таким
образом вносят свой вклад в&nbsp;развитие проекта, определяя содержание
и&nbsp;направление журнала.
</p>
</li>
<li>
<p>
<strong>Возможность обратиться к&nbsp;широкой аудитории</strong>. Дискурс читают десятки
тысяч людей, и&nbsp;с&nbsp;каждым днем их&nbsp;становится больше.
</p>
</li>
<li>
<p>
<strong>Поддержка редакции</strong>. Дискурс предоставляет авторам аккредитацию
на&nbsp;мероприятия, базу контактов, юридическую поддержку, ознакомление
с&nbsp;книжными, кино- и&nbsp;музыкальными новинками до&nbsp;их&nbsp;выхода в&nbsp;свет.
Если что-то из&nbsp;этого вам понадобится, пишите на&nbsp;почту{' '}
<a href="mailto:welcome@discours.io" target="_blank">
welcome@discours.io
</a>
&nbsp;&mdash; поможем.
</p>
</li>
<li>
<p>
<strong>Пресс-карты для корреспондентов</strong>. Три опубликованные статьи позволяют
авторам Дискурса получить официальные удостоверения журналистов (пресс-карты)
на&nbsp;следующий год. Пресс-карты удостоверяют, что вы&nbsp;журналист и&nbsp;можете
пользоваться всеми теми правами, которые гарантирует Закон о&nbsp;СМИ. Кроме того,
многие культурные институции (музеи, галереи и&nbsp;др.) предоставляют журналистам право
свободного входа.
</p>
</li>
<li>
<p>
<strong>Помощь сотен специалистов в&nbsp;разных областях</strong>. В&nbsp;основе
Дискурса лежит идея совместного редактирования. Участники редакционного
сообщества&nbsp;&mdash; несколько сотен журналистов, исследователей, художников,
литераторов из&nbsp;разных стран &mdash; изучают материалы друг друга до&nbsp;публикации
и&nbsp;помогают сделать их&nbsp;качественнее и&nbsp;интереснее. Так, в&nbsp;редакции
нередко складываются творческие союзы: например, авторов текстов и&nbsp;художников,
создающих для них иллюстрации.
</p>
</li>
<li>
<p>
<strong>Пространство общения полное выдающихся людей</strong>. Дискурс&nbsp;&mdash;
большое живое сообщество интеллектуалов, разбросанных по&nbsp;всему земному шару.
Вступив в&nbsp;редакцию, вы&nbsp;сможете познакомиться со&nbsp;множеством интересных
людей, которые определяют повестку завтрашнего дня, вдохновляют окружающих, создают
новое и&nbsp;изучают старое, ищут знания и&nbsp;готовы ими делиться, чтобы менять мир
в&nbsp;соответствии со&nbsp;своими идеалами.
</p>
</li>
</ul>
<h3 id="contacts">Как быть в&nbsp;курсе</h3>
<p>
За&nbsp;свежими публикациями Дискурса можно следить не&nbsp;только на&nbsp;сайте,
но&nbsp;и&nbsp;на&nbsp;страницах в&nbsp;
<a href="https://facebook.com/discoursio/" target="_blank">
Фейсбуке
</a>
,{' '}
<a href="https://vk.com/discoursio" target="_blank">
ВКонтакте
</a>{' '}
и&nbsp;
<a href="https://t.me/discoursio" target="_blank">
Телеграме
</a>
. А&nbsp;ещё раз в&nbsp;месяц мы&nbsp;отправляем <a href="#subscribe">почтовую рассылку</a>{' '}
с&nbsp;дайджестом лучших материалов.
</p>
<p>
Если вы&nbsp;хотите сотрудничать, что-то обсудить или предложить &mdash; пожалуйста, пишите
на&nbsp;
<a href="mailto:welcome@discours.io" target="_blank">
welcome@discours.io
</a>
. Мы&nbsp;обязательно ответим.
</p>
</div>
<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>

View File

@ -1,9 +1,14 @@
import { createSignal, Show } from 'solid-js'
import { MainLayout } from '../../Layouts/MainLayout'
import { Donate } from '../../Discours/Donate'
// const title = t('Support us')
export const HelpPage = () => {
const [indexExpanded, setIndexExpanded] = createSignal(false)
const toggleIndexExpanded = () => setIndexExpanded((oldExpanded) => !oldExpanded)
return (
<MainLayout>
{/*<Meta name="description">Здесь можно поддержать Дискурс материально.</Meta>*/}
@ -13,134 +18,140 @@ export const HelpPage = () => {
<article class="container container--static-page discours-help">
<div class="row">
<div class="col-md-2">
<nav class="content-index">
<ul class="nodash">
<li>
<a href="#help-us">Как вы&nbsp;можете поддержать Дискурс?</a>
</li>
<li>
<a href="#financial-report">На&nbsp;что пойдут деньги?</a>
</li>
<li>
<a href="#trustee">Войдите в&nbsp;попечительский совет Дискурса</a>
</li>
<li>
<a href="#other">Как ещё можно поддержать Дискурс?</a>
</li>
</ul>
</nav>
<div class="col-md-3 col-lg-2 col-xl-3 order-md-last">
<p>
<button class="button button--light button--subscribe-topic" onClick={toggleIndexExpanded}>
{indexExpanded() ? 'Свернуть' : 'Оглавление'}
</button>
</p>
<Show when={indexExpanded()}>
<nav class="content-index">
<ul class="nodash">
<li>
<a href="#help-us">Как вы&nbsp;можете поддержать Дискурс?</a>
</li>
<li>
<a href="#financial-report">На&nbsp;что пойдут деньги?</a>
</li>
<li>
<a href="#trustee">Войдите в&nbsp;попечительский совет Дискурса</a>
</li>
<li>
<a href="#other">Как ещё можно поддержать Дискурс?</a>
</li>
</ul>
</nav>
</Show>
</div>
<div class="col-md-8">
<div class="col-md-7 shift-content order-md-first">
<h1 id="help-us">
<span class="wrapped">Как вы&nbsp;можете поддержать Дискурс?</span>
</h1>
<div class="col-lg-10 offset-md-1">
<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-11 col-md-12">
<Donate />
</div>
<p>
Дискурс&nbsp;&mdash; уникальное независимое издание с&nbsp;горизонтальной редакцией,
существующее в&nbsp;интересах своих читателей. Ваша поддержка действительно много
значит&nbsp;&mdash; не&nbsp;только для редакции Дискурса, но&nbsp;и&nbsp;для сохранения
свободной мысли и&nbsp;некоммерческого искусства в&nbsp;нашем обществе.
</p>
<p>
Дискурс существует на&nbsp;добровольных началах. Никакой медиахолдинг, фонд или
государственная структура не&nbsp;финансирует нас&nbsp;&mdash; благодаря этому мы&nbsp;можем
писать о&nbsp;том, что важно, а&nbsp;не&nbsp;о&nbsp;том, что выгодно. Сообщество наших
волонтеров ежедневно трудится, чтобы рассказывать вам интересные, не&nbsp;освещенные другими
изданиями истории&nbsp;&mdash; но&nbsp;мы&nbsp;не&nbsp;сможем делать это без вашей помощи.
Пожертвования читателей составляют основу нашего бюджета и&nbsp;позволяют нам существовать.
</p>
<p>
Если вам нравится&nbsp;то, что мы&nbsp;делаем и&nbsp;вы&nbsp;хотите, чтобы Дискурс
продолжался, пожалуйста, поддержите проект.
</p>
<div class="row">
<div class="col-sm-11 col-md-12">
<Donate />
</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>
<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>
</article>

View File

@ -1,3 +1,4 @@
import { createSignal, Show } from 'solid-js'
import { MainLayout } from '../../Layouts/MainLayout'
import { Modal } from '../../Nav/Modal'
import { Feedback } from '../../Discours/Feedback'
@ -7,6 +8,10 @@ import Opener from '../../Nav/Opener'
// title={t('Manifest')}
export const ManifestPage = () => {
const [indexExpanded, setIndexExpanded] = createSignal(false)
const toggleIndexExpanded = () => setIndexExpanded((oldExpanded) => !oldExpanded)
return (
<MainLayout>
<Modal name="feedback">
@ -17,80 +22,88 @@ export const ManifestPage = () => {
</Modal>
<article class="container container--static-page">
<div class="row">
<div class="col-md-2">
<nav class="content-index">
<ul class="nodash">
<li>
<a href="#manifest">Манифест</a>
</li>
<li>
<a href="#participation">Как участвовать в&nbsp;самиздате</a>
<ul class="nodash">
<li>
<a href="#contribute">Предлагать материалы</a>
</li>
<li>
<a href="#donate">Поддерживать проект</a>
</li>
<li>
<a href="#cooperation">Сотрудничать с&nbsp;журналом</a>
</li>
<li>
<a href="#follow">Как еще можно помочь</a>
</li>
</ul>
</li>
<li>
<a href="#connection">Будем на&nbsp;связи</a>
</li>
</ul>
</nav>
<div class="col-md-3 col-lg-2 col-xl-3 order-md-last">
<p>
<button class="button button--light button--subscribe-topic" onClick={toggleIndexExpanded}>
{indexExpanded() ? 'Свернуть' : 'Оглавление'}
</button>
</p>
<Show when={indexExpanded()}>
<nav class="content-index">
<ul class="nodash">
<li>
<a href="#manifest">Манифест</a>
</li>
<li>
<a href="#participation">Как участвовать в&nbsp;самиздате</a>
<ul class="nodash">
<li>
<a href="#contribute">Предлагать материалы</a>
</li>
<li>
<a href="#donate">Поддерживать проект</a>
</li>
<li>
<a href="#cooperation">Сотрудничать с&nbsp;журналом</a>
</li>
<li>
<a href="#follow">Как еще можно помочь</a>
</li>
</ul>
</li>
<li>
<a href="#connection">Будем на&nbsp;связи</a>
</li>
</ul>
</nav>
</Show>
</div>
<div class="col-md-8">
<div class="col-md-7 shift-content order-md-first">
<h1 id="manifest">
<span class="wrapped">Манифест</span>
</h1>
<div class="col-lg-10 offset-md-1">
<p>
Дискурс&nbsp;&mdash; независимый художественно-аналитический журнал с&nbsp;горизонтальной
редакцией, основанный на&nbsp;принципах свободы слова, прямой демократии и&nbsp;совместного
редактирования. Дискурс создаётся открытым медиасообществом ученых, журналистов, музыкантов,
писателей, предпринимателей, философов, инженеров, художников и&nbsp;специалистов
со&nbsp;всего мира, объединившихся, чтобы вместе делать общий журнал и&nbsp;объяснять
с&nbsp;разных точек зрения мозаичную картину современности.
</p>
<p>
Мы&nbsp;пишем о&nbsp;культуре, науке и&nbsp;обществе, рассказываем о&nbsp;новых идеях
и&nbsp;современном искусстве, публикуем статьи, исследования, репортажи, интервью людей, чью
прямую речь стоит услышать, и&nbsp;работы художников из&nbsp;разных стран&nbsp;&mdash;
от&nbsp;фильмов и&nbsp;музыки до&nbsp;живописи и&nbsp;фотографии. Помогая друг другу делать
публикации качественнее и&nbsp;общим голосованием выбирая лучшие материалы для журнала,
мы&nbsp;создаём новую горизонтальную журналистику, чтобы честно рассказывать о&nbsp;важном
и&nbsp;интересном.
</p>
<p>
Редакция Дискурса открыта для всех: у&nbsp;нас нет цензуры, запретных тем
и&nbsp;идеологических рамок. Каждый может <a href="/create">прислать материал</a>{' '}
в&nbsp;журнал и&nbsp;<a href="/about/guide">присоединиться к&nbsp;редакции</a>. Предоставляя
трибуну для независимой журналистики и&nbsp;художественных проектов, мы&nbsp;помогаем людям
рассказывать свои истории так, чтобы они были услышаны. Мы&nbsp;убеждены: чем больше голосов
будет звучать на&nbsp;Дискурсе, тем громче в&nbsp;полифонии мнений будет слышна истина.
</p>
</div>
<p>
Дискурс&nbsp;&mdash; независимый художественно-аналитический журнал с&nbsp;горизонтальной
редакцией, основанный на&nbsp;принципах свободы слова, прямой демократии и&nbsp;совместного
редактирования. Дискурс создаётся открытым медиасообществом ученых, журналистов, музыкантов,
писателей, предпринимателей, философов, инженеров, художников и&nbsp;специалистов
со&nbsp;всего мира, объединившихся, чтобы вместе делать общий журнал и&nbsp;объяснять
с&nbsp;разных точек зрения мозаичную картину современности.
</p>
<p>
Мы&nbsp;пишем о&nbsp;культуре, науке и&nbsp;обществе, рассказываем о&nbsp;новых идеях
и&nbsp;современном искусстве, публикуем статьи, исследования, репортажи, интервью людей, чью
прямую речь стоит услышать, и&nbsp;работы художников из&nbsp;разных стран&nbsp;&mdash;
от&nbsp;фильмов и&nbsp;музыки до&nbsp;живописи и&nbsp;фотографии. Помогая друг другу делать
публикации качественнее и&nbsp;общим голосованием выбирая лучшие материалы для журнала,
мы&nbsp;создаём новую горизонтальную журналистику, чтобы честно рассказывать о&nbsp;важном
и&nbsp;интересном.
</p>
<p>
Редакция Дискурса открыта для всех: у&nbsp;нас нет цензуры, запретных тем
и&nbsp;идеологических рамок. Каждый может <a href="/create">прислать материал</a>{' '}
в&nbsp;журнал и&nbsp;<a href="/about/guide">присоединиться к&nbsp;редакции</a>. Предоставляя
трибуну для независимой журналистики и&nbsp;художественных проектов, мы&nbsp;помогаем людям
рассказывать свои истории так, чтобы они были услышаны. Мы&nbsp;убеждены: чем больше голосов
будет звучать на&nbsp;Дискурсе, тем громче в&nbsp;полифонии мнений будет слышна истина.
</p>
<h2 class="h2" id="participation">
<span class="wrapped">Как участвовать в&nbsp;самиздате</span>
</h2>
<div class="col-lg-10 offset-md-1">
<p>
Дискурс создается <a href="/about/guide">открытым сообществом</a> энтузиастов новой
независимой журналистики. Участвовать в&nbsp;открытой редакции и&nbsp;помогать журналу можно
следующими способами:
</p>
<h3 id="contribute">Предлагать материалы</h3>
<p>
Дискурс создается <a href="/about/guide">открытым сообществом</a> энтузиастов новой
независимой журналистики. Участвовать в&nbsp;открытой редакции и&nbsp;помогать журналу можно
следующими способами:
</p>
<details>
<summary>
<h3 id="contribute">Предлагать материалы</h3>
</summary>
<p>
<a href="/create">Создавайте</a> свои статьи и&nbsp;художественные работы&nbsp;&mdash;
лучшие из них будут опубликованы в&nbsp;журнале. Дискурс&nbsp;&mdash; некоммерческое
@ -98,7 +111,12 @@ export const ManifestPage = () => {
<a href="/create?collab=true">поддержку</a> редакции, право голоса, множество других
возможностей и&nbsp;читателей по&nbsp;всему миру.
</p>
<h3 id="donate">Поддерживать проект</h3>
</details>
<details>
<summary>
<h3 id="donate">Поддерживать проект</h3>
</summary>
<p>
Дискурс существует на&nbsp;пожертвования читателей. Если вам нравится журнал, пожалуйста,
</p>
@ -106,7 +124,12 @@ export const ManifestPage = () => {
<a href="/about/help">поддержите</a> нашу работу. Ваши пожертвования пойдут на&nbsp;выпуск
новых материалов, оплату серверов, труда программистов, дизайнеров и&nbsp;редакторов.
</p>
<h3 id="cooperation">Сотрудничать с&nbsp;журналом</h3>
</details>
<details>
<summary>
<h3 id="cooperation">Сотрудничать с&nbsp;журналом</h3>
</summary>
<p>
Мы всегда открыты для сотрудничества и&nbsp;рады единомышленникам. Если вы хотите помогать
журналу с&nbsp;редактурой, корректурой, иллюстрациями, переводами, версткой, подкастами,
@ -125,7 +148,12 @@ export const ManifestPage = () => {
и&nbsp;медиаинструментов находится{' '}
<a href="https://github.com/Discours">в&nbsp;свободном доступе на&nbsp;GitHub</a>.
</p>
<h3 id="follow">Как еще можно помочь</h3>
</details>
<details>
<summary>
<h3 id="follow">Как еще можно помочь</h3>
</summary>
<p>
Советуйте Дискурс друзьям и&nbsp;знакомым. Обсуждайте и&nbsp;распространяйте наши
публикации&nbsp;&mdash; все материалы открытой редакции можно читать и&nbsp;перепечатывать
@ -141,19 +169,19 @@ export const ManifestPage = () => {
интересными темами, о&nbsp;которых хотели бы узнать больше, и&nbsp;историями, которые нужно
рассказать.
</p>
</div>
</details>
<h2 class="h2" id="connection">
<span class="wrapped">Будем на&nbsp;связи</span>
</h2>
<div class="col-lg-10 offset-md-1">
<p>
Если вы хотите предложить материал, сотрудничать, рассказать о&nbsp;проблеме, которую нужно
осветить, сообщить об&nbsp;ошибке или баге, что-то обсудить, уточнить или посоветовать,
пожалуйста, <Opener name="feedback">напишите нам здесь</Opener> или на&nbsp;почту{' '}
<a href="mailto:welcome@discours.io">welcome@discours.io</a>. Мы обязательно ответим
и&nbsp;постараемся реализовать все хорошие задумки.
</div>
</p>
</div>
</div>
</article>

View File

@ -8,8 +8,9 @@ export const PartnersPage = () => {
<MainLayout>
<article class="container container--static-page">
<div class="row">
<div class="col-md-8 offset-md-2">{t('Partners')}</div>
<div class="col-md-8 col-lg-6 offset-md-3" />
<div class="col-md-7 shift-content order-md-first">
<h1>{t('Partners')}</h1>
</div>
</div>
</article>
</MainLayout>

View File

@ -7,173 +7,168 @@ export const PrinciplesPage = () => {
<MainLayout>
<article class="container container--static-page">
<div class="row">
<div class="col-md-8 offset-md-2">
<div class="col-md-7 shift-content order-md-first">
<h1>
<span class="wrapped">{title}</span>
</h1>
<div class="col-lg-10 offset-md-1">
<ol>
<li>
<p>
<strong>Горизонтальность</strong>. Мы&nbsp;все разные, и&nbsp;это классно. Вертикалей
в&nbsp;мире достаточно, мы&nbsp;&mdash; горизонтальное сообщество и&nbsp;ценим наши
различия, потому что знаем&nbsp;&mdash; в&nbsp;них наша сила. Благодаря разнообразию
сотен голосов, усиливающих друг друга, в&nbsp;сообществе складывается неповторимая
синергия, которая помогает вместе достигать большего.
</p>
</li>
<li>
<p>
<strong>Многоголосие</strong>. Мы&nbsp;ценим свободу слова и&nbsp;аргументированные
мнения. Предоставляя трибуну каждому, кому есть что сказать, самиздат отражает полифонию
позиций, знаний и&nbsp;опыта, которые открывают более полную картину реальности.
</p>
</li>
<li>
<p>
<strong>Взаимопомощь</strong>. Мы&nbsp;помогаем друг другу, потому что хотим, чтобы
в&nbsp;мире было еще больше хорошего. Обсуждая что-то, мы&nbsp;всегда интересуемся, чем
можем помочь. В&nbsp;самиздате можно найти специалистов практически в&nbsp;любых сферах
и&nbsp;получить поддержку от&nbsp;сотен людей. Благодаря коллективной экспертизе
глобального сообщества в&nbsp;самиздате выходят крутейшие публикации, которыми можно
вечно гордиться.
</p>
</li>
<li>
<p>
<strong>Взаимоуважение</strong>. Мы&nbsp;ценим, искренне уважаем друг друга
и&nbsp;вместо борщевиков враждебности культивируем цветы добра, мира, знания
и&nbsp;юмора. Нам некогда доказывать друг другу, кто круче. Гораздо приятнее
сотрудничать, помогать и&nbsp;создавать что-то важное, интересное и&nbsp;полезное.
</p>
</li>
<li>
<p>
<strong>Созидание</strong>. Мы&nbsp;создаем, потому что любим создавать. Мы&nbsp;открыто
делимся опытом, дарим идеи, обмениваемся мнениями и&nbsp;благодарим за&nbsp;критику,
используя ее&nbsp;для совершенствования мастерства и&nbsp;саморазвития. Мы&nbsp;знаем,
что мир не&nbsp;идеальное место, и&nbsp;делаем всё возможное, чтобы он&nbsp;стал лучше.
</p>
</li>
</ol>
</div>
<ol>
<li>
<p>
<strong>Горизонтальность</strong>. Мы&nbsp;все разные, и&nbsp;это классно. Вертикалей
в&nbsp;мире достаточно, мы&nbsp;&mdash; горизонтальное сообщество и&nbsp;ценим наши
различия, потому что знаем&nbsp;&mdash; в&nbsp;них наша сила. Благодаря разнообразию сотен
голосов, усиливающих друг друга, в&nbsp;сообществе складывается неповторимая синергия,
которая помогает вместе достигать большего.
</p>
</li>
<li>
<p>
<strong>Многоголосие</strong>. Мы&nbsp;ценим свободу слова и&nbsp;аргументированные
мнения. Предоставляя трибуну каждому, кому есть что сказать, самиздат отражает полифонию
позиций, знаний и&nbsp;опыта, которые открывают более полную картину реальности.
</p>
</li>
<li>
<p>
<strong>Взаимопомощь</strong>. Мы&nbsp;помогаем друг другу, потому что хотим, чтобы
в&nbsp;мире было еще больше хорошего. Обсуждая что-то, мы&nbsp;всегда интересуемся, чем
можем помочь. В&nbsp;самиздате можно найти специалистов практически в&nbsp;любых сферах
и&nbsp;получить поддержку от&nbsp;сотен людей. Благодаря коллективной экспертизе
глобального сообщества в&nbsp;самиздате выходят крутейшие публикации, которыми можно вечно
гордиться.
</p>
</li>
<li>
<p>
<strong>Взаимоуважение</strong>. Мы&nbsp;ценим, искренне уважаем друг друга и&nbsp;вместо
борщевиков враждебности культивируем цветы добра, мира, знания и&nbsp;юмора. Нам некогда
доказывать друг другу, кто круче. Гораздо приятнее сотрудничать, помогать и&nbsp;создавать
что-то важное, интересное и&nbsp;полезное.
</p>
</li>
<li>
<p>
<strong>Созидание</strong>. Мы&nbsp;создаем, потому что любим создавать. Мы&nbsp;открыто
делимся опытом, дарим идеи, обмениваемся мнениями и&nbsp;благодарим за&nbsp;критику,
используя ее&nbsp;для совершенствования мастерства и&nbsp;саморазвития. Мы&nbsp;знаем, что
мир не&nbsp;идеальное место, и&nbsp;делаем всё возможное, чтобы он&nbsp;стал лучше.
</p>
</li>
</ol>
<h2 class="h2" id="participation">
<span class="wrapped">Как участвовать в&nbsp;самиздате</span>
</h2>
<div class="col-lg-10 offset-md-1">
<p>
Открытая редакция объединяет сотни потрясающих людей со&nbsp;всего мира, которые делают
крутейшие вещи. Это пространство, где доверяют, вдохновляют, исследуют и&nbsp;создают новое
вместе. Поскольку все в&nbsp;сообществе очень разные, как-то мы&nbsp;собрались и&nbsp;решили
зафиксировать базовые ценности открытой редакции, а&nbsp;заодно придумали универсальные
правила взаимодействия, чтобы общение было не&nbsp;только плодотворным,
но&nbsp;и&nbsp;приятным для всех участников сообщества.
</p>
<ol>
<li>
<p>
<strong>Действуем, помогаем и&nbsp;делимся</strong>. В&nbsp;редакции мы&nbsp;создаем
свои проекты и&nbsp;помогаем другим создавать свои&nbsp;&mdash; советами, делом,
участием, вовлеченностью. Мы&nbsp;открыто делимся опытом, мнениями и&nbsp;идеями, потому
что ценим силу сотрудничества и&nbsp;знаем, что идеи реализуются скорее, лучше
и&nbsp;веселее, если над ними трудиться сообща.
</p>
</li>
<p>
Открытая редакция объединяет сотни потрясающих людей со&nbsp;всего мира, которые делают
крутейшие вещи. Это пространство, где доверяют, вдохновляют, исследуют и&nbsp;создают новое
вместе. Поскольку все в&nbsp;сообществе очень разные, как-то мы&nbsp;собрались и&nbsp;решили
зафиксировать базовые ценности открытой редакции, а&nbsp;заодно придумали универсальные
правила взаимодействия, чтобы общение было не&nbsp;только плодотворным,
но&nbsp;и&nbsp;приятным для всех участников сообщества.
</p>
<ol>
<li>
<p>
<strong>Действуем, помогаем и&nbsp;делимся</strong>. В&nbsp;редакции мы&nbsp;создаем свои
проекты и&nbsp;помогаем другим создавать свои&nbsp;&mdash; советами, делом, участием,
вовлеченностью. Мы&nbsp;открыто делимся опытом, мнениями и&nbsp;идеями, потому что ценим
силу сотрудничества и&nbsp;знаем, что идеи реализуются скорее, лучше и&nbsp;веселее, если
над ними трудиться сообща.
</p>
</li>
<li>
<p>
<strong>Общаемся дружелюбно</strong>. Помните, по&nbsp;ту&nbsp;сторону монитора
находятся реальные люди. Неуважение ранит других так&nbsp;же, как ранило&nbsp;бы вас
самих. Поэтому не&nbsp;стоит кричать (даже капслоком), заполнять эфир желчью
и&nbsp;бросаться грубостями&nbsp;&mdash; так вы&nbsp;рискуете не&nbsp;только растерять
доверие окружающих, но&nbsp;и&nbsp;остаться непонятым.
</p>
</li>
<li>
<p>
<strong>Общаемся дружелюбно</strong>. Помните, по&nbsp;ту&nbsp;сторону монитора находятся
реальные люди. Неуважение ранит других так&nbsp;же, как ранило&nbsp;бы вас самих. Поэтому
не&nbsp;стоит кричать (даже капслоком), заполнять эфир желчью и&nbsp;бросаться
грубостями&nbsp;&mdash; так вы&nbsp;рискуете не&nbsp;только растерять доверие окружающих,
но&nbsp;и&nbsp;остаться непонятым.
</p>
</li>
<li>
<p>
<strong>Критикуем и&nbsp;реагируем конструктивно</strong>. Самиздат про&nbsp;то, чтобы
разбираться в&nbsp;сложных вещах всем сообществом, поэтому мы&nbsp;тактично и&nbsp;без
агрессии делимся мнениями, стараясь убедительно аргументировать позиции.
И&nbsp;с&nbsp;благодарностью принимаем критику, используя ее&nbsp;для улучшения наших
проектов. Мы&nbsp;верим, что каждый участник сообщества имеет добрые намерения,
и&nbsp;придерживаемся принципов доброжелательной критики, стараемся делиться
советами&nbsp;&mdash; лучшим средством для самосовершенствования. Обоснованная критика
помогает и&nbsp;адресату, и&nbsp;всем участникам сообщества досконально изучить тему
и&nbsp;глубже разобраться в&nbsp;проблеме.
</p>
</li>
<li>
<p>
<strong>Критикуем и&nbsp;реагируем конструктивно</strong>. Самиздат про&nbsp;то, чтобы
разбираться в&nbsp;сложных вещах всем сообществом, поэтому мы&nbsp;тактично и&nbsp;без
агрессии делимся мнениями, стараясь убедительно аргументировать позиции.
И&nbsp;с&nbsp;благодарностью принимаем критику, используя ее&nbsp;для улучшения наших
проектов. Мы&nbsp;верим, что каждый участник сообщества имеет добрые намерения,
и&nbsp;придерживаемся принципов доброжелательной критики, стараемся делиться
советами&nbsp;&mdash; лучшим средством для самосовершенствования. Обоснованная критика
помогает и&nbsp;адресату, и&nbsp;всем участникам сообщества досконально изучить тему
и&nbsp;глубже разобраться в&nbsp;проблеме.
</p>
</li>
<li>
<p>
<strong>Решаем трудности не&nbsp;агрессией, а&nbsp;диалогом</strong>. Обесценивать
мнения и&nbsp;оскорблять других людей только потому, что вы&nbsp;с&nbsp;ними
не&nbsp;согласны,&nbsp;&mdash; не&nbsp;лучший способ донести свою точку зрения. Конечно,
важно высказаться, если вас что-то не&nbsp;устраивает и&nbsp;откровенно бесит.
Но&nbsp;прежде чем сжигать оппонента гневом, попробуйте понять, почему этот
&laquo;нехороший человек&raquo; так поступает. Возможно, аргументы собеседника окажутся
убедительными или вам удастся изменить его мнение. В&nbsp;любом случае конфликты
решаются в&nbsp;диалогах и&nbsp;проходят, а&nbsp;налаженное взаимопонимание останется
надолго.
</p>
</li>
<li>
<p>
<strong>Решаем трудности не&nbsp;агрессией, а&nbsp;диалогом</strong>. Обесценивать мнения
и&nbsp;оскорблять других людей только потому, что вы&nbsp;с&nbsp;ними
не&nbsp;согласны,&nbsp;&mdash; не&nbsp;лучший способ донести свою точку зрения. Конечно,
важно высказаться, если вас что-то не&nbsp;устраивает и&nbsp;откровенно бесит.
Но&nbsp;прежде чем сжигать оппонента гневом, попробуйте понять, почему этот
&laquo;нехороший человек&raquo; так поступает. Возможно, аргументы собеседника окажутся
убедительными или вам удастся изменить его мнение. В&nbsp;любом случае конфликты решаются
в&nbsp;диалогах и&nbsp;проходят, а&nbsp;налаженное взаимопонимание останется надолго.
</p>
</li>
<li>
<p>
<strong>Не&nbsp;переходим на&nbsp;личности&nbsp;&mdash; это признак токсичности</strong>
. Всегда мудрее обсуждать точку зрения человека, а&nbsp;не&nbsp;его самого, даже если
он&nbsp;вам не&nbsp;импонирует. Предвзятое отношение ограничивает кругозор, добавляет
преждевременные морщины и&nbsp;не&nbsp;помогает окружающим стать лучше. Вежливость
и&nbsp;взаимоуважение&nbsp;&mdash; краеугольная основа вдумчивых и&nbsp;осмысленных
дискуссий.
</p>
</li>
<li>
<p>
<strong>Не&nbsp;переходим на&nbsp;личности&nbsp;&mdash; это признак токсичности</strong>.
Всегда мудрее обсуждать точку зрения человека, а&nbsp;не&nbsp;его самого, даже если
он&nbsp;вам не&nbsp;импонирует. Предвзятое отношение ограничивает кругозор, добавляет
преждевременные морщины и&nbsp;не&nbsp;помогает окружающим стать лучше. Вежливость
и&nbsp;взаимоуважение&nbsp;&mdash; краеугольная основа вдумчивых и&nbsp;осмысленных
дискуссий.
</p>
</li>
<li>
<p>
<strong>Благодарим за&nbsp;помощь</strong>. Благодарите коллег даже за&nbsp;самые,
казалось&nbsp;бы, простые вещи. &laquo;Спасибо&raquo; не&nbsp;зря называют волшебным
словом&nbsp;&mdash; на&nbsp;искренней благодарности держится любое подлинное
сотрудничество. Поддержка воодушевляет на&nbsp;новые подвиги и&nbsp;напоминает, что мир
делают прекрасным не&nbsp;машины, а&nbsp;живые люди.
</p>
</li>
<li>
<p>
<strong>Благодарим за&nbsp;помощь</strong>. Благодарите коллег даже за&nbsp;самые,
казалось&nbsp;бы, простые вещи. &laquo;Спасибо&raquo; не&nbsp;зря называют волшебным
словом&nbsp;&mdash; на&nbsp;искренней благодарности держится любое подлинное
сотрудничество. Поддержка воодушевляет на&nbsp;новые подвиги и&nbsp;напоминает, что мир
делают прекрасным не&nbsp;машины, а&nbsp;живые люди.
</p>
</li>
<li>
<p>
<strong>Даем еще один шанс</strong>. Все совершают ошибки, и&nbsp;за&nbsp;один проступок
не&nbsp;стоит вычеркивать людей из&nbsp;жизни. Ошибки нужны, чтобы на&nbsp;них учиться
и&nbsp;делать выводы. Однако если многократно и&nbsp;систематически нарушать правила
сообщества, наверняка можно заслужить минусы в&nbsp;карму от&nbsp;других участников
и&nbsp;потерять доступ к&nbsp;сообществу.
</p>
</li>
<li>
<p>
<strong>Даем еще один шанс</strong>. Все совершают ошибки, и&nbsp;за&nbsp;один проступок
не&nbsp;стоит вычеркивать людей из&nbsp;жизни. Ошибки нужны, чтобы на&nbsp;них учиться
и&nbsp;делать выводы. Однако если многократно и&nbsp;систематически нарушать правила
сообщества, наверняка можно заслужить минусы в&nbsp;карму от&nbsp;других участников
и&nbsp;потерять доступ к&nbsp;сообществу.
</p>
</li>
<li>
<p>
<strong>Вместе создаем идеальную среду общения</strong>. Открытая редакция&nbsp;&mdash;
это утопическое пространство обогащающей и&nbsp;осмысленной коммуникации. Атмосфера
горизонтального сообщества складывается из&nbsp;действий каждого, поэтому
мы&nbsp;действуем так, чтобы способствовать сотворчеству, коллективному познанию
и&nbsp;развитию самиздата и&nbsp;нашей альтернативной интеллектуальной медиасреды.
</p>
</li>
<li>
<p>
<strong>Вместе создаем идеальную среду общения</strong>. Открытая редакция&nbsp;&mdash;
это утопическое пространство обогащающей и&nbsp;осмысленной коммуникации. Атмосфера
горизонтального сообщества складывается из&nbsp;действий каждого, поэтому
мы&nbsp;действуем так, чтобы способствовать сотворчеству, коллективному познанию
и&nbsp;развитию самиздата и&nbsp;нашей альтернативной интеллектуальной медиасреды.
</p>
</li>
<li>
<p>
<strong>Помним, что всё в&nbsp;сообществе зависит от&nbsp;нас</strong>. Если нам чего-то
не&nbsp;хватает, мы&nbsp;начинаем действовать&nbsp;&mdash; рассказываем об&nbsp;идее,
находим единомышленников, готовим и&nbsp;запускаем проект. Так в&nbsp;сообществе
становится на&nbsp;одну крутую активность больше. Так появилось наше сообщество. Так
появился самиздат и&nbsp;все проекты открытой редакции. Чтобы в&nbsp;сообществе
случилось что-то прекрасное, достаточно просто положить этому начало.
</p>
</li>
</ol>
</div>
<li>
<p>
<strong>Помним, что всё в&nbsp;сообществе зависит от&nbsp;нас</strong>. Если нам чего-то
не&nbsp;хватает, мы&nbsp;начинаем действовать&nbsp;&mdash; рассказываем об&nbsp;идее,
находим единомышленников, готовим и&nbsp;запускаем проект. Так в&nbsp;сообществе
становится на&nbsp;одну крутую активность больше. Так появилось наше сообщество. Так
появился самиздат и&nbsp;все проекты открытой редакции. Чтобы в&nbsp;сообществе случилось
что-то прекрасное, достаточно просто положить этому начало.
</p>
</li>
</ol>
</div>
</div>
</article>

View File

@ -8,8 +8,9 @@ export const ProjectsPage = () => {
<MainLayout>
<article class="container container--static-page">
<div class="row">
<div class="col-md-8 offset-md-2">{t('Projects')}</div>
<div class="col-md-8 col-lg-6 offset-md-3" />
<div class="col-md-7 shift-content order-md-first">
<h1>{t('Projects')}</h1>
</div>
</div>
</article>
</MainLayout>

View File

@ -1,8 +1,13 @@
import { createSignal, Show } from 'solid-js'
import { MainLayout } from '../../Layouts/MainLayout'
// const title = t('Terms of use')
export const TermsOfUsePage = () => {
const [indexExpanded, setIndexExpanded] = createSignal(false)
const toggleIndexExpanded = () => setIndexExpanded((oldExpanded) => !oldExpanded)
return (
<MainLayout>
{/*<Meta name="description" content={title} />*/}
@ -11,254 +16,255 @@ export const TermsOfUsePage = () => {
{/*<Meta property="og:description" content={title} />*/}
<article class="container container--static-page">
<div class="row">
<div class="col-md-2">
<nav class="content-index">
<ul class="nodash">
<li>
<a href="#terms-of-use">Пользовательское соглашение</a>
</li>
<li>
<a href="#definitions">Определения</a>
</li>
<li>
<a href="#copyright">Авторские права</a>
</li>
<li>
<a href="#rules">Правила поведения</a>
</li>
<li>
<a href="#privacy-policy">Политика конфиденциальности</a>
</li>
<li>
<a href="#feedback">Обратная связь</a>
</li>
</ul>
</nav>
<div class="col-md-3 col-lg-2 col-xl-3 order-md-last">
<p>
<button class="button button--light button--subscribe-topic" onClick={toggleIndexExpanded}>
{indexExpanded() ? 'Свернуть' : 'Оглавление'}
</button>
</p>
<Show when={indexExpanded()}>
<nav class="content-index">
<ul class="nodash">
<li>
<a href="#terms-of-use">Пользовательское соглашение</a>
</li>
<li>
<a href="#definitions">Определения</a>
</li>
<li>
<a href="#copyright">Авторские права</a>
</li>
<li>
<a href="#rules">Правила поведения</a>
</li>
<li>
<a href="#privacy-policy">Политика конфиденциальности</a>
</li>
<li>
<a href="#feedback">Обратная связь</a>
</li>
</ul>
</nav>
</Show>
</div>
<div class="col-md-8">
<div class="col-md-7 shift-content order-md-first">
<h1 id="terms-of-use">
<span class="wrapped">Пользовательское соглашение</span>
</h1>
<div class="col-lg-10 offset-md-1">
<p>
Дискурс&nbsp;&mdash; это сообщество творческих людей, объединенных идеей делать интересный
журнал для всех желающих. Авторы Дискурса сообща посредством прямого голосования определяют
содержание журнала.
</p>
<p>Для того, чтобы Дискурс работал без помех, разработаны настоящие Правила.</p>
<h3 id="definitions">Определения</h3>
<p>
<strong>Сайт</strong>&nbsp;&mdash; портал discours.io
</p>
<p>
<strong>Пользователь</strong>&nbsp;&mdash; лицо, пользующееся Сайтом, либо юридическое лицо,
обладающее правами на&nbsp;интеллектуальную собственность.
</p>
<p>
<strong>Публикация контента</strong>&nbsp;&mdash; размещение Пользователем посредством Сайта
объектов авторских прав и&nbsp;другой информации для других пользователей.
</p>
<p>
<strong>Издательство</strong>&nbsp;&mdash; администрация сайта, которая занимается
технической и&nbsp;издательской деятельностью для обеспечения функционирования Сайта
и&nbsp;Альманаха. Издательство не&nbsp;вмешивается в&nbsp;принятие редакционных решений
авторским сообществом.
</p>
<p>
<strong>Альманах &laquo;Дискурс&raquo;</strong> (свидетельство о&nbsp;регистрации СМИ: ПИ
&#8470; ФС77-63947 от&nbsp;18.12.15)&nbsp;&mdash; печатное периодическое издание, которое
выходит раз в&nbsp;год и&nbsp;состоит из&nbsp;лучших публикаций на&nbsp;Сайте за&nbsp;это
время.
</p>
<h3 id="copyright">Авторские права</h3>
<ol>
<li>
<p>
Вся информация на&nbsp;сайте (включая тексты, изображения, видеоматериалы, аудиозаписи,
программный код, дизайн сайта и&nbsp;т.д.) является объектом интеллектуальной
собственности ее&nbsp;правообладателей и&nbsp;охраняется законодательством РФ.
</p>
</li>
<li>
<p>
Публикуя контент на&nbsp;сайте, Пользователь на&nbsp;безвозмездной основе предоставляет
Издательству право на&nbsp;воспроизведение, распространение, перевод, редактирование
контента. Данное право предоставляется Издательству на&nbsp;весь срок действия авторских
прав Пользователя.
</p>
</li>
<li>
<p>
Пользователь предоставляет Издательству право редактировать контент, в&nbsp;том числе
вносить в&nbsp;него изменения, сокращения и&nbsp;дополнения, снабжать его иллюстрациями
и&nbsp;пояснениями, исправлять ошибки и&nbsp;уточнять фактические сведения, при условии,
что этим не&nbsp;искажается авторский замысел.
</p>
</li>
<li>
<p class="ng-binding">
Обнародование контента осуществляется Издательством в&nbsp;соответствии с&nbsp;условиями
лицензии{' '}
<a href="https://creativecommons.org/licenses/by-nc-nd/4.0/deed.ru" target="_blank">
Creative Commons BY-NC-ND 4.0
</a>
. Все материалы сайта предназначены исключительно для личного некоммерческого
использования. Права на&nbsp;дизайн и&nbsp;программный код сайта принадлежат
Издательству.
</p>
</li>
<li>
<p class="ng-binding">
Все аудиовизуальные произведения являются собственностью своих авторов
и&nbsp;правообладателей и&nbsp;используются только в&nbsp;образовательных
и&nbsp;информационных целях. Если вы&nbsp;являетесь собственником того или иного
произведения и&nbsp;не&nbsp;согласны с&nbsp;его размещением на&nbsp;сайте, пожалуйста,
напишите на&nbsp;
<a href="mailto:welcome@discours.io" target="_blank">
welcome@discours.io
</a>
.
</p>
</li>
<li>
<p>
Цитирование, распространение, доведение до&nbsp;всеобщего сведения материалов Cайта
приветствуется. При использовании материалов сайта необходимо указать имя автора
и&nbsp;активную ссылку на&nbsp;материал на&nbsp;Сайте.
</p>
</li>
</ol>
<h3 id="rules">Правила поведения</h3>
<ol>
<li>
<p>
Находясь на&nbsp;Сайте, Пользователь подтверждает свое совершеннолетие,
правоспособность, а&nbsp;также согласие с&nbsp;настоящими Правилами и&nbsp;политикой
конфиденциальности и&nbsp;готовность нести полную ответственность за&nbsp;их соблюдение.
</p>
</li>
<li>
<h4>На&nbsp;сайте запрещено:</h4>
<ul>
<li>
Публиковать контент, авторские права на&nbsp;который принадлежат третьим лицам, без
согласия этих лиц. Если авторские права на контент принадлежат нескольким лицам,
то&nbsp;его публикация предполагает согласие их&nbsp;всех.
</li>
<li>Размещать коммерческую и&nbsp;политическую рекламу.</li>
<li>
Целенаправленно препятствовать нормальному функционированию сообщества и&nbsp;сайта
discours.io
</li>
<li>Выдавать себя за&nbsp;другого человека и&nbsp;представляться его именем.</li>
<li>
Размещать информацию, которая не&nbsp;соответствует целям создания Сайта, ущемляет
интересы других пользователей или третьих лиц, нарушает законы Российской Федерации.
</li>
</ul>
</li>
<li>
<p>
Пользователь несет всю ответственность за&nbsp;содержание публикуемого контента
и&nbsp;свое взаимодействие с&nbsp;другими пользователями, и&nbsp;обязуется возместить
все расходы в&nbsp;случае предъявления каких-либо претензий третьими лицами.
Издательство не&nbsp;несет ответственности за&nbsp;содержание публикуемой пользователями
информации, в&nbsp;том числе за&nbsp;размещенные на&nbsp;сайте комментарии. Переписка
между Пользователем и&nbsp;Издательством считается юридически значимой. Настоящие
Правила могут быть изменены Издательством, изменения вступают в&nbsp;силу с&nbsp;момента
публикации на&nbsp;Сайте.
</p>
</li>
<li>
<p>
Если Пользователь очевидно и&nbsp;целенаправленно нарушает правила, Издательство может
и&nbsp;принять в&nbsp;отношении автора следующие меры: вынести предупреждение
и&nbsp;обязать автора устранить допущенное нарушение, удалить контент, нарушающий
правила, заблокировать или удалить аккаунт нарушителя.
</p>
</li>
</ol>
<h3 id="privacy-policy">Политика конфиденциальности</h3>
<ol>
<li>
<p>Сайт может собирать у&nbsp;пользователей следующие данные:</p>
<ul>
<li>
<p>
Данные, которые пользователи сообщают о&nbsp;себе сами при подаче заявки,
регистрации, авторизации или заполнения профиля, в&nbsp;том числе ФИО
и&nbsp;контактную информацию. Конфиденциальные данные, такие как идентификатор
и&nbsp;электронный адрес, используются для идентификации пользователя. Данные
профиля, размещённые публично по&nbsp;желанию пользователя, которое выражается
фактом их&nbsp;предоставления, используется для демонстрации другим пользователям
той информации о&nbsp;себе, которую пользователь готов предоставить.
</p>
</li>
<li>
<p>
Данные, собранные автоматическим путем, такие, как cookie-файлы. Эти
неперсонализированные данные могут использоваться для сбора статистики
и&nbsp;улучшения работы сайта.
</p>
</li>
</ul>
</li>
<li>
<p>
Издательство обеспечивает конфиденциальность персональных данных и&nbsp;применяет все
необходимые организационные и&nbsp;технические меры по&nbsp;их защите.
</p>
</li>
<li>
<p class="ng-binding">
По&nbsp;желанию пользователя Издательство готово удалить любую информацию о&nbsp;нем,
собранную автоматическим путем. Для этого следует написать на&nbsp;адрес электронной
почты{' '}
<a href="mailto:welcome@discours.io" target="_blank">
welcome@discours.io
</a>
.
</p>
</li>
<li>
<p>
Если в&nbsp;информации, предоставляемой Издательству Пользователем, содержатся
персональные данные последнего, то&nbsp;фактом их&nbsp;предоставления он соглашается
на&nbsp;их&nbsp;обработку любым способом, не&nbsp;запрещенным законодательством РФ.
</p>
<p class="ng-binding">
Общедоступные видео на&nbsp;сайте могут транслироваться с&nbsp;YouTube
и&nbsp;регулируются{' '}
<a href="https://policies.google.com/privacy" target="_blank">
политикой конфиденциальности Google
</a>
. Загрузка видео на&nbsp;сайт также означает согласие с&nbsp;
<a href="https://www.youtube.com/t/terms" target="_blank">
Условиями использования YouTube
</a>
.
</p>
</li>
<li>
<p>
Данные, которые мы&nbsp;получаем от&nbsp;вас, мы&nbsp;используем только
в&nbsp;соответствии с&nbsp;принципами обработки данных, указанными в&nbsp;этом
документе.
</p>
</li>
</ol>
<h3 id="feedback">Обратная связь</h3>
<p class="ng-binding">
Любые вопросы и&nbsp;предложения по&nbsp;поводу функционирования сайта можно направить
по&nbsp;электронной почте{' '}
<a href="mailto:welcome@discours.io" target="_blank">
welcome@discours.io
</a>{' '}
или через форму <a href="/feedback-idea">&laquo;предложить идею&raquo;</a>.
</p>
</div>
<p>
Дискурс&nbsp;&mdash; это сообщество творческих людей, объединенных идеей делать интересный
журнал для всех желающих. Авторы Дискурса сообща посредством прямого голосования определяют
содержание журнала.
</p>
<p>Для того, чтобы Дискурс работал без помех, разработаны настоящие Правила.</p>
<h3 id="definitions">Определения</h3>
<p>
<strong>Сайт</strong>&nbsp;&mdash; портал discours.io
</p>
<p>
<strong>Пользователь</strong>&nbsp;&mdash; лицо, пользующееся Сайтом, либо юридическое лицо,
обладающее правами на&nbsp;интеллектуальную собственность.
</p>
<p>
<strong>Публикация контента</strong>&nbsp;&mdash; размещение Пользователем посредством Сайта
объектов авторских прав и&nbsp;другой информации для других пользователей.
</p>
<p>
<strong>Издательство</strong>&nbsp;&mdash; администрация сайта, которая занимается технической
и&nbsp;издательской деятельностью для обеспечения функционирования Сайта и&nbsp;Альманаха.
Издательство не&nbsp;вмешивается в&nbsp;принятие редакционных решений авторским сообществом.
</p>
<p>
<strong>Альманах &laquo;Дискурс&raquo;</strong> (свидетельство о&nbsp;регистрации СМИ: ПИ
&#8470; ФС77-63947 от&nbsp;18.12.15)&nbsp;&mdash; печатное периодическое издание, которое
выходит раз в&nbsp;год и&nbsp;состоит из&nbsp;лучших публикаций на&nbsp;Сайте за&nbsp;это
время.
</p>
<h3 id="copyright">Авторские права</h3>
<ol>
<li>
<p>
Вся информация на&nbsp;сайте (включая тексты, изображения, видеоматериалы, аудиозаписи,
программный код, дизайн сайта и&nbsp;т.д.) является объектом интеллектуальной
собственности ее&nbsp;правообладателей и&nbsp;охраняется законодательством РФ.
</p>
</li>
<li>
<p>
Публикуя контент на&nbsp;сайте, Пользователь на&nbsp;безвозмездной основе предоставляет
Издательству право на&nbsp;воспроизведение, распространение, перевод, редактирование
контента. Данное право предоставляется Издательству на&nbsp;весь срок действия авторских
прав Пользователя.
</p>
</li>
<li>
<p>
Пользователь предоставляет Издательству право редактировать контент, в&nbsp;том числе
вносить в&nbsp;него изменения, сокращения и&nbsp;дополнения, снабжать его иллюстрациями
и&nbsp;пояснениями, исправлять ошибки и&nbsp;уточнять фактические сведения, при условии,
что этим не&nbsp;искажается авторский замысел.
</p>
</li>
<li>
<p class="ng-binding">
Обнародование контента осуществляется Издательством в&nbsp;соответствии с&nbsp;условиями
лицензии{' '}
<a href="https://creativecommons.org/licenses/by-nc-nd/4.0/deed.ru" target="_blank">
Creative Commons BY-NC-ND 4.0
</a>
. Все материалы сайта предназначены исключительно для личного некоммерческого
использования. Права на&nbsp;дизайн и&nbsp;программный код сайта принадлежат Издательству.
</p>
</li>
<li>
<p class="ng-binding">
Все аудиовизуальные произведения являются собственностью своих авторов
и&nbsp;правообладателей и&nbsp;используются только в&nbsp;образовательных
и&nbsp;информационных целях. Если вы&nbsp;являетесь собственником того или иного
произведения и&nbsp;не&nbsp;согласны с&nbsp;его размещением на&nbsp;сайте, пожалуйста,
напишите на&nbsp;
<a href="mailto:welcome@discours.io" target="_blank">
welcome@discours.io
</a>
.
</p>
</li>
<li>
<p>
Цитирование, распространение, доведение до&nbsp;всеобщего сведения материалов Cайта
приветствуется. При использовании материалов сайта необходимо указать имя автора
и&nbsp;активную ссылку на&nbsp;материал на&nbsp;Сайте.
</p>
</li>
</ol>
<h3 id="rules">Правила поведения</h3>
<ol>
<li>
<p>
Находясь на&nbsp;Сайте, Пользователь подтверждает свое совершеннолетие, правоспособность,
а&nbsp;также согласие с&nbsp;настоящими Правилами и&nbsp;политикой конфиденциальности
и&nbsp;готовность нести полную ответственность за&nbsp;их соблюдение.
</p>
</li>
<li>
<h4>На&nbsp;сайте запрещено:</h4>
<ul>
<li>
Публиковать контент, авторские права на&nbsp;который принадлежат третьим лицам, без
согласия этих лиц. Если авторские права на контент принадлежат нескольким лицам,
то&nbsp;его публикация предполагает согласие их&nbsp;всех.
</li>
<li>Размещать коммерческую и&nbsp;политическую рекламу.</li>
<li>
Целенаправленно препятствовать нормальному функционированию сообщества и&nbsp;сайта
discours.io
</li>
<li>Выдавать себя за&nbsp;другого человека и&nbsp;представляться его именем.</li>
<li>
Размещать информацию, которая не&nbsp;соответствует целям создания Сайта, ущемляет
интересы других пользователей или третьих лиц, нарушает законы Российской Федерации.
</li>
</ul>
</li>
<li>
<p>
Пользователь несет всю ответственность за&nbsp;содержание публикуемого контента
и&nbsp;свое взаимодействие с&nbsp;другими пользователями, и&nbsp;обязуется возместить все
расходы в&nbsp;случае предъявления каких-либо претензий третьими лицами. Издательство
не&nbsp;несет ответственности за&nbsp;содержание публикуемой пользователями информации,
в&nbsp;том числе за&nbsp;размещенные на&nbsp;сайте комментарии. Переписка между
Пользователем и&nbsp;Издательством считается юридически значимой. Настоящие Правила могут
быть изменены Издательством, изменения вступают в&nbsp;силу с&nbsp;момента публикации
на&nbsp;Сайте.
</p>
</li>
<li>
<p>
Если Пользователь очевидно и&nbsp;целенаправленно нарушает правила, Издательство может
и&nbsp;принять в&nbsp;отношении автора следующие меры: вынести предупреждение
и&nbsp;обязать автора устранить допущенное нарушение, удалить контент, нарушающий правила,
заблокировать или удалить аккаунт нарушителя.
</p>
</li>
</ol>
<h3 id="privacy-policy">Политика конфиденциальности</h3>
<ol>
<li>
<p>Сайт может собирать у&nbsp;пользователей следующие данные:</p>
<ul>
<li>
<p>
Данные, которые пользователи сообщают о&nbsp;себе сами при подаче заявки, регистрации,
авторизации или заполнения профиля, в&nbsp;том числе ФИО и&nbsp;контактную информацию.
Конфиденциальные данные, такие как идентификатор и&nbsp;электронный адрес,
используются для идентификации пользователя. Данные профиля, размещённые публично
по&nbsp;желанию пользователя, которое выражается фактом их&nbsp;предоставления,
используется для демонстрации другим пользователям той информации о&nbsp;себе, которую
пользователь готов предоставить.
</p>
</li>
<li>
<p>
Данные, собранные автоматическим путем, такие, как cookie-файлы. Эти
неперсонализированные данные могут использоваться для сбора статистики
и&nbsp;улучшения работы сайта.
</p>
</li>
</ul>
</li>
<li>
<p>
Издательство обеспечивает конфиденциальность персональных данных и&nbsp;применяет все
необходимые организационные и&nbsp;технические меры по&nbsp;их защите.
</p>
</li>
<li>
<p class="ng-binding">
По&nbsp;желанию пользователя Издательство готово удалить любую информацию о&nbsp;нем,
собранную автоматическим путем. Для этого следует написать на&nbsp;адрес электронной почты{' '}
<a href="mailto:welcome@discours.io" target="_blank">
welcome@discours.io
</a>
.
</p>
</li>
<li>
<p>
Если в&nbsp;информации, предоставляемой Издательству Пользователем, содержатся
персональные данные последнего, то&nbsp;фактом их&nbsp;предоставления он соглашается
на&nbsp;их&nbsp;обработку любым способом, не&nbsp;запрещенным законодательством РФ.
</p>
<p class="ng-binding">
Общедоступные видео на&nbsp;сайте могут транслироваться с&nbsp;YouTube и&nbsp;регулируются{' '}
<a href="https://policies.google.com/privacy" target="_blank">
политикой конфиденциальности Google
</a>
. Загрузка видео на&nbsp;сайт также означает согласие с&nbsp;
<a href="https://www.youtube.com/t/terms" target="_blank">
Условиями использования YouTube
</a>
.
</p>
</li>
<li>
<p>
Данные, которые мы&nbsp;получаем от&nbsp;вас, мы&nbsp;используем только
в&nbsp;соответствии с&nbsp;принципами обработки данных, указанными в&nbsp;этом документе.
</p>
</li>
</ol>
<h3 id="feedback">Обратная связь</h3>
<p class="ng-binding">
Любые вопросы и&nbsp;предложения по&nbsp;поводу функционирования сайта можно направить
по&nbsp;электронной почте{' '}
<a href="mailto:welcome@discours.io" target="_blank">
welcome@discours.io
</a>{' '}
или через форму <a href="/feedback-idea">&laquo;предложить идею&raquo;</a>.
</p>
</div>
</div>
</article>

View File

@ -12,12 +12,10 @@ export const ThanksPage = () => {
<article class="container container--static-page">
<div class="row">
<div class="col-md-8 offset-md-2">
<div class="col-md-7 shift-content order-md-first">
<h1>
<span class="wrapped">{title}</span>
</h1>
</div>
<div class="col-md-8 col-lg-6 offset-md-3">
{/*
<h3><b>Команда</b></h3>
<p>

View File

@ -3,7 +3,7 @@
@import 'bootstrap/scss/mixins/utilities';
@import 'bootstrap/scss/containers';
@import 'bootstrap/scss/grid';
@import 'bootstrap/scss/utilities';
@import 'bootstrap/scss/bootstrap-utilities';
:root {
--background-color: #fff;
@ -75,6 +75,7 @@ h2 {
.wrapped {
background: #000;
color: #fff;
margin-left: -0.15em;
padding: 0 0.15em;
box-decoration-break: clone;
-webkit-box-decoration-break: clone;
@ -92,6 +93,7 @@ h2 {
line-height: 1.1;
margin-bottom: 0.5em;
margin-top: 1.5em;
}
h3 {
@ -228,6 +230,7 @@ button {
background: #fff;
border: 2px solid #000;
border-radius: 0.8rem;
color: #000;
&:hover {
background: #000;
@ -584,7 +587,9 @@ astro-island {
}
.container--static-page {
padding-top: 1.5em;
@include media-breakpoint-up(md) {
padding-top: 1.5em;
}
}
.shift-content {
@ -642,3 +647,41 @@ astro-island {
padding: 0.6em 1.5em;
}
}
details {
margin-bottom: 1.5em;
summary {
display: block;
position: relative;
&::marker {
display: none;
}
h3 {
display: inline-block;
cursor: pointer;
margin-bottom: 0;
&:before {
content: '';
background: url(/icons/expand.svg) no-repeat;
background-size: contain;
height: 1.3rem;
margin-right: 0.5em;
position: absolute;
right: 100%;
top: 0.35em;
transition: transform 0.3s;
width: 2rem;
}
}
}
&[open] {
h3:before {
transform: rotate(180deg);
}
}
}