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,12 +7,11 @@ export const DiscussionRulesPage = () => {
<MainLayout> <MainLayout>
<article class="container container--static-page"> <article class="container container--static-page">
<div class="row"> <div class="row">
<div class="col-md-8 offset-md-2"> <div class="col-md-7 shift-content order-md-first">
<h1> <h1>
<span class="wrapped" innerHTML={title} /> <span class="wrapped" innerHTML={title} />
</h1> </h1>
<div class="col-lg-10 offset-md-1">
<p> <p>
Открытая редакция существует благодаря дружному сообществу авторов Открытая редакция существует благодаря дружному сообществу авторов
и&nbsp;читателей&nbsp;&mdash; вдумчивых и&nbsp;сознательных людей, приверженных ценностям и&nbsp;читателей&nbsp;&mdash; вдумчивых и&nbsp;сознательных людей, приверженных ценностям
@ -30,9 +29,9 @@ export const DiscussionRulesPage = () => {
<ol> <ol>
<li> <li>
<p> <p>
Оскорбления, личные нападки, травля и&nbsp;угрозы. В&nbsp;любом виде. Конкретного Оскорбления, личные нападки, травля и&nbsp;угрозы. В&nbsp;любом виде. Конкретного человека
человека или социальной группы&nbsp;&mdash; не&nbsp;суть. Агрессия, переход или социальной группы&nbsp;&mdash; не&nbsp;суть. Агрессия, переход на&nbsp;личности
на&nbsp;личности и&nbsp;токсичность едва&nbsp;ли способствуют плодотворному общению. и&nbsp;токсичность едва&nbsp;ли способствуют плодотворному общению.
</p> </p>
</li> </li>
@ -46,19 +45,19 @@ export const DiscussionRulesPage = () => {
<li> <li>
<p> <p>
Спам, реклама, фейкньюз, ссылки на&nbsp;пропагандистские СМИ, вбросы дезинформации, Спам, реклама, фейкньюз, ссылки на&nbsp;пропагандистские СМИ, вбросы дезинформации,
специально уводящий от&nbsp;темы флуд, провокации, разжигание конфликтов, намеренный специально уводящий от&nbsp;темы флуд, провокации, разжигание конфликтов, намеренный срыв
срыв дискуссий. дискуссий.
</p> </p>
</li> </li>
<li> <li>
<p> <p>
Неаргументированная критика и&nbsp;комментарии вроде &laquo;отстой&raquo;, &laquo;зачем Неаргументированная критика и&nbsp;комментарии вроде &laquo;отстой&raquo;, &laquo;зачем
я&nbsp;это увидел/а&raquo;, &laquo;не&nbsp;читал, но&nbsp;осуждаю&raquo;, я&nbsp;это увидел/а&raquo;, &laquo;не&nbsp;читал, но&nbsp;осуждаю&raquo;, &laquo;либераху
&laquo;либераху порвало&raquo;, &laquo;лол&raquo;, &laquo;скатились&raquo;, порвало&raquo;, &laquo;лол&raquo;, &laquo;скатились&raquo;, &laquo;первый нах&raquo;
&laquo;первый нах&raquo; и&nbsp;тому подобные. Односложные реплики не&nbsp;подразумевают и&nbsp;тому подобные. Односложные реплики не&nbsp;подразумевают возможность обогащающего
возможность обогащающего диалога, не&nbsp;продуктивны и&nbsp;никак не&nbsp;помогают диалога, не&nbsp;продуктивны и&nbsp;никак не&nbsp;помогают авторам делать материалы лучше,
авторам делать материалы лучше, а&nbsp;читателям&nbsp;&mdash; разобраться. а&nbsp;читателям&nbsp;&mdash; разобраться.
</p> </p>
</li> </li>
</ol> </ol>
@ -114,7 +113,6 @@ export const DiscussionRulesPage = () => {
</ol> </ol>
</div> </div>
</div> </div>
</div>
</article> </article>
</MainLayout> </MainLayout>
) )

View File

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

View File

@ -1,9 +1,14 @@
import { createSignal, Show } from 'solid-js'
import { MainLayout } from '../../Layouts/MainLayout' import { MainLayout } from '../../Layouts/MainLayout'
import { t } from '../../../utils/intl' import { t } from '../../../utils/intl'
export const GuidePage = () => { export const GuidePage = () => {
const title = t('How it works') const title = t('How it works')
const [indexExpanded, setIndexExpanded] = createSignal(false)
const toggleIndexExpanded = () => setIndexExpanded((oldExpanded) => !oldExpanded)
return ( return (
<MainLayout> <MainLayout>
{/*<Meta name="description" content={title} />*/} {/*<Meta name="description" content={title} />*/}
@ -16,7 +21,14 @@ export const GuidePage = () => {
<article class="container container--static-page"> <article class="container container--static-page">
<div class="row"> <div class="row">
<div class="col-md-2"> <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"> <nav class="content-index">
<ul class="nodash"> <ul class="nodash">
<li> <li>
@ -39,38 +51,38 @@ export const GuidePage = () => {
</li> </li>
</ul> </ul>
</nav> </nav>
</Show>
</div> </div>
<div class="col-md-8"> <div class="col-md-7 shift-content order-md-first">
<h1 id="about"> <h1 id="about">
<span class="wrapped">Как устроен Дискурс</span> <span class="wrapped">Как устроен Дискурс</span>
</h1> </h1>
<div class="col-lg-10 offset-md-1">
<p> <p>
Дискурс&nbsp;&mdash; независимый журнал о&nbsp;культуре, науке, искусстве и&nbsp;обществе Дискурс&nbsp;&mdash; независимый журнал о&nbsp;культуре, науке, искусстве и&nbsp;обществе
с&nbsp;<a href="/about/manifest">открытой редакцией</a>. У&nbsp;нас нет главного редактора, с&nbsp;<a href="/about/manifest">открытой редакцией</a>. У&nbsp;нас нет главного редактора,
инвестора и&nbsp;вообще никого, кто&nbsp;бы принимал единоличные решения. Вместо инвестора и&nbsp;вообще никого, кто&nbsp;бы принимал единоличные решения. Вместо традиционных
традиционных иерархий Дискурс основан на&nbsp;принципах прямой демократии: в&nbsp;нашем иерархий Дискурс основан на&nbsp;принципах прямой демократии: в&nbsp;нашем горизонтальном
горизонтальном сообществе все редакционные вопросы решаются открытым голосованием авторов сообществе все редакционные вопросы решаются открытым голосованием авторов журнала. Вот как
журнала. Вот как это работает. это работает.
</p> </p>
<h3 id="how-it-works">Как устроен сайт Дискурса</h3> <h3 id="how-it-works">Как устроен сайт Дискурса</h3>
<p>Дискурс состоит из&nbsp;четырех основных разделов:</p> <p>Дискурс состоит из&nbsp;четырех основных разделов:</p>
<ul> <ul>
<li> <li>
<p> <p>
<a href="/topics">Темы</a>&nbsp;&mdash; у&nbsp;нас публикуются исследования, обзоры, <a href="/topics">Темы</a>&nbsp;&mdash; у&nbsp;нас публикуются исследования, обзоры, эссе,
эссе, интервью, репортажи, аналитика и&nbsp;другие материалы о&nbsp;культуре, науке, интервью, репортажи, аналитика и&nbsp;другие материалы о&nbsp;культуре, науке, искусстве
искусстве и&nbsp;обществе. и&nbsp;обществе.
</p> </p>
</li> </li>
<li> <li>
<p> <p>
<a href="/topic/art">Искусство</a>&nbsp;&mdash; здесь, например, представлены <a href="/topic/art">Искусство</a>&nbsp;&mdash; здесь, например, представлены
художественные произведения: литература, живопись, музыка, фотографии, видео. Этот художественные произведения: литература, живопись, музыка, фотографии, видео. Этот раздел
раздел помогает прозвучать новому искусству, которое создают российские художники, помогает прозвучать новому искусству, которое создают российские художники, писатели,
писатели, режиссёры и&nbsp;музыканты. режиссёры и&nbsp;музыканты.
</p> </p>
</li> </li>
{/* {/*
@ -105,31 +117,31 @@ export const GuidePage = () => {
<a href="/topic/history">история</a>, <a href="/topic/absurdism">абсурдизм</a>,{' '} <a href="/topic/history">история</a>, <a href="/topic/absurdism">абсурдизм</a>,{' '}
<a href="/topic/sex">секс</a> и&nbsp;т.д.) или в&nbsp;серии (как &laquo; <a href="/topic/sex">секс</a> и&nbsp;т.д.) или в&nbsp;серии (как &laquo;
<a href="/topic/zakony-mira">Законы мира</a>&raquo; или &laquo; <a href="/topic/zakony-mira">Законы мира</a>&raquo; или &laquo;
<a href="/topic/za-liniey-mannergeyma">За&nbsp;линией Маннергейма</a>&raquo;). Темы <a href="/topic/za-liniey-mannergeyma">За&nbsp;линией Маннергейма</a>&raquo;). Темы объединяют
объединяют сотни публикаций, помогают ориентироваться в&nbsp;журнале и&nbsp;следить сотни публикаций, помогают ориентироваться в&nbsp;журнале и&nbsp;следить за&nbsp;интересными
за&nbsp;интересными материалами. материалами.
</p> </p>
<section> <section>
<h3 id="become-author">Как стать автором журнала</h3> <h3 id="become-author">Как стать автором журнала</h3>
<p> <p>
Дискурс объединяет журналистов, активистов, музыкантов, художников, фотографов, Дискурс объединяет журналистов, активистов, музыкантов, художников, фотографов, режиссеров,
режиссеров, философов, ученых и&nbsp;других замечательных людей. Каждый может{' '} философов, ученых и&nbsp;других замечательных людей. Каждый может{' '}
<a href="/create">прислать</a> <a href="/create">прислать</a>
свой материал в&nbsp;журнал. Формат и&nbsp;тематика не&nbsp;имеют значения, единственное, свой материал в&nbsp;журнал. Формат и&nbsp;тематика не&nbsp;имеют значения, единственное,
что важно &mdash; <a href="/how-to-write-a-good-article">хороший</a> ли&nbsp;материал. что важно &mdash; <a href="/how-to-write-a-good-article">хороший</a> ли&nbsp;материал. Если
Если сообщество поддержит вашу публикацию, она выйдет в&nbsp;журнале и&nbsp;станет сообщество поддержит вашу публикацию, она выйдет в&nbsp;журнале и&nbsp;станет доступна
доступна тысячам наших читателей. тысячам наших читателей.
</p> </p>
</section> </section>
<h3 id="voting">Как проходит голосование</h3> <h3 id="voting">Как проходит голосование</h3>
<p> <p>
Все присылаемые в&nbsp;Дискурс материалы попадают в&nbsp; Все присылаемые в&nbsp;Дискурс материалы попадают в&nbsp;
<strong>&laquo;Редакцию&raquo;</strong>. Это внутренний раздел сайта, где участники <strong>&laquo;Редакцию&raquo;</strong>. Это внутренний раздел сайта, где участники сообщества
сообщества решают, что будет опубликовано в&nbsp;Дискурсе. Как только работа получает решают, что будет опубликовано в&nbsp;Дискурсе. Как только работа получает одобрение как
одобрение как минимум пятерых авторов открытой редакции, она немедленно публикуется минимум пятерых авторов открытой редакции, она немедленно публикуется в&nbsp;журнале.
в&nbsp;журнале. Если&nbsp;же материал набирает более&nbsp;20% голосов &laquo;против&raquo;, Если&nbsp;же материал набирает более&nbsp;20% голосов &laquo;против&raquo;,
он&nbsp;не&nbsp;выходит и&nbsp;может быть отправлен на&nbsp;доработку. Жестких сроков он&nbsp;не&nbsp;выходит и&nbsp;может быть отправлен на&nbsp;доработку. Жестких сроков
рассмотрения материалов у&nbsp;нас нет, иногда это занимает час, иногда месяц, рассмотрения материалов у&nbsp;нас нет, иногда это занимает час, иногда месяц,
обычно&nbsp;&mdash; несколько дней. обычно&nbsp;&mdash; несколько дней.
@ -145,17 +157,17 @@ export const GuidePage = () => {
<p> <p>
Дискурс&nbsp;&mdash; журнал с&nbsp;совместным редактированием. Совершенствовать тексты нам Дискурс&nbsp;&mdash; журнал с&nbsp;совместным редактированием. Совершенствовать тексты нам
помогает <b>система ремарок</b>. Вы&nbsp;можете выделить часть текста в&nbsp;любой статье помогает <b>система ремарок</b>. Вы&nbsp;можете выделить часть текста в&nbsp;любой статье
и&nbsp;оставить к&nbsp;ней замечание, вопрос или предложение&nbsp;&mdash; автор текста и&nbsp;оставить к&nbsp;ней замечание, вопрос или предложение&nbsp;&mdash; автор текста получит
получит совет на&nbsp;почту и&nbsp;сможет его учесть. Так мы&nbsp;устраняем опечатки, совет на&nbsp;почту и&nbsp;сможет его учесть. Так мы&nbsp;устраняем опечатки, неточности
неточности и&nbsp;советуем друг другу, как сделать тексты качественнее и&nbsp;интереснее. и&nbsp;советуем друг другу, как сделать тексты качественнее и&nbsp;интереснее.
</p> </p>
<p> <p>
Среди участников сообщества есть профессиональные редакторы, которые помогают авторам делать Среди участников сообщества есть профессиональные редакторы, которые помогают авторам делать
тексты лучше. Если вашему материалу потребуется доработка, они помогут отредактировать тексты лучше. Если вашему материалу потребуется доработка, они помогут отредактировать текст,
текст, подобрать иллюстрации, придумать заголовок и&nbsp;красиво сверстать публикацию. Если подобрать иллюстрации, придумать заголовок и&nbsp;красиво сверстать публикацию. Если
вы&nbsp;хотите обсудить текст, прежде чем загрузить материал в вы&nbsp;хотите обсудить текст, прежде чем загрузить материал в интернет-редакцию&nbsp;&mdash;
интернет-редакцию&nbsp;&mdash; разместите его в&nbsp;google-документе, откройте доступ разместите его в&nbsp;google-документе, откройте доступ к&nbsp;редактированию по&nbsp;ссылке
к&nbsp;редактированию по&nbsp;ссылке и&nbsp;напишите нам на&nbsp; и&nbsp;напишите нам на&nbsp;
<a href="mailto:welcome@discours.io" target="_blank"> <a href="mailto:welcome@discours.io" target="_blank">
welcome@discours.io welcome@discours.io
</a> </a>
@ -180,10 +192,9 @@ export const GuidePage = () => {
<p> <p>
<strong>Право определять, каким будет журнал</strong>. Дискурс&nbsp;&mdash; это <strong>Право определять, каким будет журнал</strong>. Дискурс&nbsp;&mdash; это
общественная институция, созданная людьми и&nbsp;ради людей, функционирующая общественная институция, созданная людьми и&nbsp;ради людей, функционирующая
на&nbsp;условиях прямой демократии. Авторы публикуют статьи и&nbsp;художественные на&nbsp;условиях прямой демократии. Авторы публикуют статьи и&nbsp;художественные проекты,
проекты, участвуют в&nbsp;обсуждениях, голосуют за&nbsp;работы коллег и&nbsp;таким участвуют в&nbsp;обсуждениях, голосуют за&nbsp;работы коллег и&nbsp;таким образом вносят
образом вносят свой вклад в&nbsp;развитие проекта, определяя содержание свой вклад в&nbsp;развитие проекта, определяя содержание и&nbsp;направление журнала.
и&nbsp;направление журнала.
</p> </p>
</li> </li>
<li> <li>
@ -195,9 +206,9 @@ export const GuidePage = () => {
<li> <li>
<p> <p>
<strong>Поддержка редакции</strong>. Дискурс предоставляет авторам аккредитацию <strong>Поддержка редакции</strong>. Дискурс предоставляет авторам аккредитацию
на&nbsp;мероприятия, базу контактов, юридическую поддержку, ознакомление на&nbsp;мероприятия, базу контактов, юридическую поддержку, ознакомление с&nbsp;книжными,
с&nbsp;книжными, кино- и&nbsp;музыкальными новинками до&nbsp;их&nbsp;выхода в&nbsp;свет. кино- и&nbsp;музыкальными новинками до&nbsp;их&nbsp;выхода в&nbsp;свет. Если что-то
Если что-то из&nbsp;этого вам понадобится, пишите на&nbsp;почту{' '} из&nbsp;этого вам понадобится, пишите на&nbsp;почту{' '}
<a href="mailto:welcome@discours.io" target="_blank"> <a href="mailto:welcome@discours.io" target="_blank">
welcome@discours.io welcome@discours.io
</a> </a>
@ -209,29 +220,29 @@ export const GuidePage = () => {
<strong>Пресс-карты для корреспондентов</strong>. Три опубликованные статьи позволяют <strong>Пресс-карты для корреспондентов</strong>. Три опубликованные статьи позволяют
авторам Дискурса получить официальные удостоверения журналистов (пресс-карты) авторам Дискурса получить официальные удостоверения журналистов (пресс-карты)
на&nbsp;следующий год. Пресс-карты удостоверяют, что вы&nbsp;журналист и&nbsp;можете на&nbsp;следующий год. Пресс-карты удостоверяют, что вы&nbsp;журналист и&nbsp;можете
пользоваться всеми теми правами, которые гарантирует Закон о&nbsp;СМИ. Кроме того, пользоваться всеми теми правами, которые гарантирует Закон о&nbsp;СМИ. Кроме того, многие
многие культурные институции (музеи, галереи и&nbsp;др.) предоставляют журналистам право культурные институции (музеи, галереи и&nbsp;др.) предоставляют журналистам право
свободного входа. свободного входа.
</p> </p>
</li> </li>
<li> <li>
<p> <p>
<strong>Помощь сотен специалистов в&nbsp;разных областях</strong>. В&nbsp;основе <strong>Помощь сотен специалистов в&nbsp;разных областях</strong>. В&nbsp;основе Дискурса
Дискурса лежит идея совместного редактирования. Участники редакционного лежит идея совместного редактирования. Участники редакционного сообщества&nbsp;&mdash;
сообщества&nbsp;&mdash; несколько сотен журналистов, исследователей, художников, несколько сотен журналистов, исследователей, художников, литераторов из&nbsp;разных стран
литераторов из&nbsp;разных стран &mdash; изучают материалы друг друга до&nbsp;публикации &mdash; изучают материалы друг друга до&nbsp;публикации и&nbsp;помогают сделать
и&nbsp;помогают сделать их&nbsp;качественнее и&nbsp;интереснее. Так, в&nbsp;редакции их&nbsp;качественнее и&nbsp;интереснее. Так, в&nbsp;редакции нередко складываются
нередко складываются творческие союзы: например, авторов текстов и&nbsp;художников, творческие союзы: например, авторов текстов и&nbsp;художников, создающих для них
создающих для них иллюстрации. иллюстрации.
</p> </p>
</li> </li>
<li> <li>
<p> <p>
<strong>Пространство общения полное выдающихся людей</strong>. Дискурс&nbsp;&mdash; <strong>Пространство общения полное выдающихся людей</strong>. Дискурс&nbsp;&mdash;
большое живое сообщество интеллектуалов, разбросанных по&nbsp;всему земному шару. большое живое сообщество интеллектуалов, разбросанных по&nbsp;всему земному шару. Вступив
Вступив в&nbsp;редакцию, вы&nbsp;сможете познакомиться со&nbsp;множеством интересных в&nbsp;редакцию, вы&nbsp;сможете познакомиться со&nbsp;множеством интересных людей,
людей, которые определяют повестку завтрашнего дня, вдохновляют окружающих, создают которые определяют повестку завтрашнего дня, вдохновляют окружающих, создают новое
новое и&nbsp;изучают старое, ищут знания и&nbsp;готовы ими делиться, чтобы менять мир и&nbsp;изучают старое, ищут знания и&nbsp;готовы ими делиться, чтобы менять мир
в&nbsp;соответствии со&nbsp;своими идеалами. в&nbsp;соответствии со&nbsp;своими идеалами.
</p> </p>
</li> </li>
@ -265,7 +276,6 @@ export const GuidePage = () => {
</p> </p>
</div> </div>
</div> </div>
</div>
</article> </article>
</MainLayout> </MainLayout>
) )

View File

@ -1,9 +1,14 @@
import { createSignal, Show } from 'solid-js'
import { MainLayout } from '../../Layouts/MainLayout' import { MainLayout } from '../../Layouts/MainLayout'
import { Donate } from '../../Discours/Donate' import { Donate } from '../../Discours/Donate'
// const title = t('Support us') // const title = t('Support us')
export const HelpPage = () => { export const HelpPage = () => {
const [indexExpanded, setIndexExpanded] = createSignal(false)
const toggleIndexExpanded = () => setIndexExpanded((oldExpanded) => !oldExpanded)
return ( return (
<MainLayout> <MainLayout>
{/*<Meta name="description">Здесь можно поддержать Дискурс материально.</Meta>*/} {/*<Meta name="description">Здесь можно поддержать Дискурс материально.</Meta>*/}
@ -13,7 +18,14 @@ export const HelpPage = () => {
<article class="container container--static-page discours-help"> <article class="container container--static-page discours-help">
<div class="row"> <div class="row">
<div class="col-md-2"> <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"> <nav class="content-index">
<ul class="nodash"> <ul class="nodash">
<li> <li>
@ -30,14 +42,14 @@ export const HelpPage = () => {
</li> </li>
</ul> </ul>
</nav> </nav>
</Show>
</div> </div>
<div class="col-md-8"> <div class="col-md-7 shift-content order-md-first">
<h1 id="help-us"> <h1 id="help-us">
<span class="wrapped">Как вы&nbsp;можете поддержать Дискурс?</span> <span class="wrapped">Как вы&nbsp;можете поддержать Дискурс?</span>
</h1> </h1>
<div class="col-lg-10 offset-md-1">
<p> <p>
Дискурс&nbsp;&mdash; уникальное независимое издание с&nbsp;горизонтальной редакцией, Дискурс&nbsp;&mdash; уникальное независимое издание с&nbsp;горизонтальной редакцией,
существующее в&nbsp;интересах своих читателей. Ваша поддержка действительно много существующее в&nbsp;интересах своих читателей. Ваша поддержка действительно много
@ -65,9 +77,9 @@ export const HelpPage = () => {
<p> <p>
Ваши пожертвования пойдут на&nbsp;оплату серверов, содержание офиса, зарплату редакции Ваши пожертвования пойдут на&nbsp;оплату серверов, содержание офиса, зарплату редакции
и&nbsp;налоги, оплату юридического сопровождения и&nbsp;труда бухгалтера, совершенствование и&nbsp;налоги, оплату юридического сопровождения и&nbsp;труда бухгалтера, совершенствование
сайта, аренду помещения для открытой редакции, на&nbsp;печать альманаха Дискурс сайта, аренду помещения для открытой редакции, на&nbsp;печать альманаха Дискурс с&nbsp;лучшими
с&nbsp;лучшими текстами авторов за&nbsp;полгода, а&nbsp;также на&nbsp;другие редакционные текстами авторов за&nbsp;полгода, а&nbsp;также на&nbsp;другие редакционные и&nbsp;технические
и&nbsp;технические расходы. расходы.
</p> </p>
<h3>Ваша помощь позволит нам</h3> <h3>Ваша помощь позволит нам</h3>
<ul> <ul>
@ -142,7 +154,6 @@ export const HelpPage = () => {
</p> </p>
</div> </div>
</div> </div>
</div>
</article> </article>
</MainLayout> </MainLayout>
) )

View File

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

View File

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

View File

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

View File

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

View File

@ -1,8 +1,13 @@
import { createSignal, Show } from 'solid-js'
import { MainLayout } from '../../Layouts/MainLayout' import { MainLayout } from '../../Layouts/MainLayout'
// const title = t('Terms of use') // const title = t('Terms of use')
export const TermsOfUsePage = () => { export const TermsOfUsePage = () => {
const [indexExpanded, setIndexExpanded] = createSignal(false)
const toggleIndexExpanded = () => setIndexExpanded((oldExpanded) => !oldExpanded)
return ( return (
<MainLayout> <MainLayout>
{/*<Meta name="description" content={title} />*/} {/*<Meta name="description" content={title} />*/}
@ -11,7 +16,14 @@ export const TermsOfUsePage = () => {
{/*<Meta property="og:description" content={title} />*/} {/*<Meta property="og:description" content={title} />*/}
<article class="container container--static-page"> <article class="container container--static-page">
<div class="row"> <div class="row">
<div class="col-md-2"> <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"> <nav class="content-index">
<ul class="nodash"> <ul class="nodash">
<li> <li>
@ -34,14 +46,14 @@ export const TermsOfUsePage = () => {
</li> </li>
</ul> </ul>
</nav> </nav>
</Show>
</div> </div>
<div class="col-md-8"> <div class="col-md-7 shift-content order-md-first">
<h1 id="terms-of-use"> <h1 id="terms-of-use">
<span class="wrapped">Пользовательское соглашение</span> <span class="wrapped">Пользовательское соглашение</span>
</h1> </h1>
<div class="col-lg-10 offset-md-1">
<p> <p>
Дискурс&nbsp;&mdash; это сообщество творческих людей, объединенных идеей делать интересный Дискурс&nbsp;&mdash; это сообщество творческих людей, объединенных идеей делать интересный
журнал для всех желающих. Авторы Дискурса сообща посредством прямого голосования определяют журнал для всех желающих. Авторы Дискурса сообща посредством прямого голосования определяют
@ -61,10 +73,9 @@ export const TermsOfUsePage = () => {
объектов авторских прав и&nbsp;другой информации для других пользователей. объектов авторских прав и&nbsp;другой информации для других пользователей.
</p> </p>
<p> <p>
<strong>Издательство</strong>&nbsp;&mdash; администрация сайта, которая занимается <strong>Издательство</strong>&nbsp;&mdash; администрация сайта, которая занимается технической
технической и&nbsp;издательской деятельностью для обеспечения функционирования Сайта и&nbsp;издательской деятельностью для обеспечения функционирования Сайта и&nbsp;Альманаха.
и&nbsp;Альманаха. Издательство не&nbsp;вмешивается в&nbsp;принятие редакционных решений Издательство не&nbsp;вмешивается в&nbsp;принятие редакционных решений авторским сообществом.
авторским сообществом.
</p> </p>
<p> <p>
<strong>Альманах &laquo;Дискурс&raquo;</strong> (свидетельство о&nbsp;регистрации СМИ: ПИ <strong>Альманах &laquo;Дискурс&raquo;</strong> (свидетельство о&nbsp;регистрации СМИ: ПИ
@ -105,8 +116,7 @@ export const TermsOfUsePage = () => {
Creative Commons BY-NC-ND 4.0 Creative Commons BY-NC-ND 4.0
</a> </a>
. Все материалы сайта предназначены исключительно для личного некоммерческого . Все материалы сайта предназначены исключительно для личного некоммерческого
использования. Права на&nbsp;дизайн и&nbsp;программный код сайта принадлежат использования. Права на&nbsp;дизайн и&nbsp;программный код сайта принадлежат Издательству.
Издательству.
</p> </p>
</li> </li>
<li> <li>
@ -134,9 +144,9 @@ export const TermsOfUsePage = () => {
<ol> <ol>
<li> <li>
<p> <p>
Находясь на&nbsp;Сайте, Пользователь подтверждает свое совершеннолетие, Находясь на&nbsp;Сайте, Пользователь подтверждает свое совершеннолетие, правоспособность,
правоспособность, а&nbsp;также согласие с&nbsp;настоящими Правилами и&nbsp;политикой а&nbsp;также согласие с&nbsp;настоящими Правилами и&nbsp;политикой конфиденциальности
конфиденциальности и&nbsp;готовность нести полную ответственность за&nbsp;их соблюдение. и&nbsp;готовность нести полную ответственность за&nbsp;их соблюдение.
</p> </p>
</li> </li>
<li> <li>
@ -162,21 +172,21 @@ export const TermsOfUsePage = () => {
<li> <li>
<p> <p>
Пользователь несет всю ответственность за&nbsp;содержание публикуемого контента Пользователь несет всю ответственность за&nbsp;содержание публикуемого контента
и&nbsp;свое взаимодействие с&nbsp;другими пользователями, и&nbsp;обязуется возместить и&nbsp;свое взаимодействие с&nbsp;другими пользователями, и&nbsp;обязуется возместить все
все расходы в&nbsp;случае предъявления каких-либо претензий третьими лицами. расходы в&nbsp;случае предъявления каких-либо претензий третьими лицами. Издательство
Издательство не&nbsp;несет ответственности за&nbsp;содержание публикуемой пользователями не&nbsp;несет ответственности за&nbsp;содержание публикуемой пользователями информации,
информации, в&nbsp;том числе за&nbsp;размещенные на&nbsp;сайте комментарии. Переписка в&nbsp;том числе за&nbsp;размещенные на&nbsp;сайте комментарии. Переписка между
между Пользователем и&nbsp;Издательством считается юридически значимой. Настоящие Пользователем и&nbsp;Издательством считается юридически значимой. Настоящие Правила могут
Правила могут быть изменены Издательством, изменения вступают в&nbsp;силу с&nbsp;момента быть изменены Издательством, изменения вступают в&nbsp;силу с&nbsp;момента публикации
публикации на&nbsp;Сайте. на&nbsp;Сайте.
</p> </p>
</li> </li>
<li> <li>
<p> <p>
Если Пользователь очевидно и&nbsp;целенаправленно нарушает правила, Издательство может Если Пользователь очевидно и&nbsp;целенаправленно нарушает правила, Издательство может
и&nbsp;принять в&nbsp;отношении автора следующие меры: вынести предупреждение и&nbsp;принять в&nbsp;отношении автора следующие меры: вынести предупреждение
и&nbsp;обязать автора устранить допущенное нарушение, удалить контент, нарушающий и&nbsp;обязать автора устранить допущенное нарушение, удалить контент, нарушающий правила,
правила, заблокировать или удалить аккаунт нарушителя. заблокировать или удалить аккаунт нарушителя.
</p> </p>
</li> </li>
</ol> </ol>
@ -187,13 +197,13 @@ export const TermsOfUsePage = () => {
<ul> <ul>
<li> <li>
<p> <p>
Данные, которые пользователи сообщают о&nbsp;себе сами при подаче заявки, Данные, которые пользователи сообщают о&nbsp;себе сами при подаче заявки, регистрации,
регистрации, авторизации или заполнения профиля, в&nbsp;том числе ФИО авторизации или заполнения профиля, в&nbsp;том числе ФИО и&nbsp;контактную информацию.
и&nbsp;контактную информацию. Конфиденциальные данные, такие как идентификатор Конфиденциальные данные, такие как идентификатор и&nbsp;электронный адрес,
и&nbsp;электронный адрес, используются для идентификации пользователя. Данные используются для идентификации пользователя. Данные профиля, размещённые публично
профиля, размещённые публично по&nbsp;желанию пользователя, которое выражается по&nbsp;желанию пользователя, которое выражается фактом их&nbsp;предоставления,
фактом их&nbsp;предоставления, используется для демонстрации другим пользователям используется для демонстрации другим пользователям той информации о&nbsp;себе, которую
той информации о&nbsp;себе, которую пользователь готов предоставить. пользователь готов предоставить.
</p> </p>
</li> </li>
<li> <li>
@ -214,8 +224,7 @@ export const TermsOfUsePage = () => {
<li> <li>
<p class="ng-binding"> <p class="ng-binding">
По&nbsp;желанию пользователя Издательство готово удалить любую информацию о&nbsp;нем, По&nbsp;желанию пользователя Издательство готово удалить любую информацию о&nbsp;нем,
собранную автоматическим путем. Для этого следует написать на&nbsp;адрес электронной собранную автоматическим путем. Для этого следует написать на&nbsp;адрес электронной почты{' '}
почты{' '}
<a href="mailto:welcome@discours.io" target="_blank"> <a href="mailto:welcome@discours.io" target="_blank">
welcome@discours.io welcome@discours.io
</a> </a>
@ -229,8 +238,7 @@ export const TermsOfUsePage = () => {
на&nbsp;их&nbsp;обработку любым способом, не&nbsp;запрещенным законодательством РФ. на&nbsp;их&nbsp;обработку любым способом, не&nbsp;запрещенным законодательством РФ.
</p> </p>
<p class="ng-binding"> <p class="ng-binding">
Общедоступные видео на&nbsp;сайте могут транслироваться с&nbsp;YouTube Общедоступные видео на&nbsp;сайте могут транслироваться с&nbsp;YouTube и&nbsp;регулируются{' '}
и&nbsp;регулируются{' '}
<a href="https://policies.google.com/privacy" target="_blank"> <a href="https://policies.google.com/privacy" target="_blank">
политикой конфиденциальности Google политикой конфиденциальности Google
</a> </a>
@ -244,8 +252,7 @@ export const TermsOfUsePage = () => {
<li> <li>
<p> <p>
Данные, которые мы&nbsp;получаем от&nbsp;вас, мы&nbsp;используем только Данные, которые мы&nbsp;получаем от&nbsp;вас, мы&nbsp;используем только
в&nbsp;соответствии с&nbsp;принципами обработки данных, указанными в&nbsp;этом в&nbsp;соответствии с&nbsp;принципами обработки данных, указанными в&nbsp;этом документе.
документе.
</p> </p>
</li> </li>
</ol> </ol>
@ -260,7 +267,6 @@ export const TermsOfUsePage = () => {
</p> </p>
</div> </div>
</div> </div>
</div>
</article> </article>
</MainLayout> </MainLayout>
) )

View File

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

View File

@ -3,7 +3,7 @@
@import 'bootstrap/scss/mixins/utilities'; @import 'bootstrap/scss/mixins/utilities';
@import 'bootstrap/scss/containers'; @import 'bootstrap/scss/containers';
@import 'bootstrap/scss/grid'; @import 'bootstrap/scss/grid';
@import 'bootstrap/scss/utilities'; @import 'bootstrap/scss/bootstrap-utilities';
:root { :root {
--background-color: #fff; --background-color: #fff;
@ -75,6 +75,7 @@ h2 {
.wrapped { .wrapped {
background: #000; background: #000;
color: #fff; color: #fff;
margin-left: -0.15em;
padding: 0 0.15em; padding: 0 0.15em;
box-decoration-break: clone; box-decoration-break: clone;
-webkit-box-decoration-break: clone; -webkit-box-decoration-break: clone;
@ -92,6 +93,7 @@ h2 {
line-height: 1.1; line-height: 1.1;
margin-bottom: 0.5em; margin-bottom: 0.5em;
margin-top: 1.5em;
} }
h3 { h3 {
@ -228,6 +230,7 @@ button {
background: #fff; background: #fff;
border: 2px solid #000; border: 2px solid #000;
border-radius: 0.8rem; border-radius: 0.8rem;
color: #000;
&:hover { &:hover {
background: #000; background: #000;
@ -584,7 +587,9 @@ astro-island {
} }
.container--static-page { .container--static-page {
@include media-breakpoint-up(md) {
padding-top: 1.5em; padding-top: 1.5em;
}
} }
.shift-content { .shift-content {
@ -642,3 +647,41 @@ astro-island {
padding: 0.6em 1.5em; 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);
}
}
}