discours.io/webapp
5
0
Fork 0
Code Issues Pull Requests Actions Projects Wiki Activity

Feature/og meta tags (#329)

Browse Source 
Add SEO metatags
This commit is contained in:
Ilya Y 2023-12-13 13:39:31 +03:00 committed by GitHub
parent 998b190f04
commit 9acfdafc2e
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
37 changed files with 1645 additions and 1390 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
package-lock.json generated
View File

@ -105,7 +105,7 @@
"prosemirror-view": "1.30.2",
"rollup": "3.21.6",
"sass": "1.69.5",
"solid-js": "1.8.5",
"solid-js": "1.8.7",
"solid-popper": "0.3.0",
"solid-tiptap": "0.6.0",
"solid-transition-group": "0.2.3",
@ -120,7 +120,7 @@
"typescript": "5.2.2",
"typograf": "7.1.0",
"uniqolor": "1.1.0",
"vike": "0.4.146",
"vike": "0.4.148",
"vite": "4.5.0",
"vite-plugin-mkcert": "1.16.0",
"vite-plugin-sass-dts": "1.3.11",
@ -1434,9 +1434,9 @@
"dev": true
},
"node_modules/@brillout/picocolors": {
"version": "1.0.9",
"resolved": "https://registry.npmjs.org/@brillout/picocolors/-/picocolors-1.0.9.tgz",
"integrity": "sha512-Lt/W5JsA75hcDJ2cOAlE4TqSMl6c9K+rXGRo/cU2fApnmhbRcNdkR4UHQDAwtWfZyUKWaxdwSui+jp+74J1pZg==",
"version": "1.0.10",
"resolved": "https://registry.npmjs.org/@brillout/picocolors/-/picocolors-1.0.10.tgz",
"integrity": "sha512-dh+JJlsBf3QYX+91Ezma8RLKNOjGDoBBmORv/NzRpQuasdyzwQCMXGGjsDu12ZhGz92TqQbL9pv79rvbheI21A==",
"dev": true
},
"node_modules/@brillout/require-shim": {
@ -16994,9 +16994,9 @@
}
},
"node_modules/seroval": {
"version": "0.12.3",
"resolved": "https://registry.npmjs.org/seroval/-/seroval-0.12.3.tgz",
"integrity": "sha512-5WDeMpv7rmEylsypRj1iwRVHE/QLsMLiZ+9savlNNQEVdgGia1iRMb7qyaAagY0wu/7+QTe6d2wldk/lgaLb6g==",
"version": "0.15.1",
"resolved": "https://registry.npmjs.org/seroval/-/seroval-0.15.1.tgz",
"integrity": "sha512-OPVtf0qmeC7RW+ScVX+7aOS+xoIM7pWcZ0jOWg2aTZigCydgRB04adfteBRbecZnnrO1WuGQ+C3tLeBBzX2zSQ==",
"dev": true,
"engines": {
"node": ">=10"
@ -17186,13 +17186,13 @@
}
},
"node_modules/solid-js": {
"version": "1.8.5",
"resolved": "https://registry.npmjs.org/solid-js/-/solid-js-1.8.5.tgz",
"integrity": "sha512-xvtJvzJzWbsn35oKFhW9kNwaxG1Z/YLMsDp4tLVcYZTMPzvzQ8vEZuyDQ6nt7xDArVgZJ7TUFrJUwrui/oq53A==",
"version": "1.8.7",
"resolved": "https://registry.npmjs.org/solid-js/-/solid-js-1.8.7.tgz",
"integrity": "sha512-9dzrSVieh2zj3SnJ02II6xZkonR6c+j/91b7XZUNcC6xSaldlqjjGh98F1fk5cRJ8ZTkzqF5fPIWDxEOs6QZXA==",
"dev": true,
"dependencies": {
"csstype": "^3.1.0",
"seroval": "^0.12.0"
"seroval": "^0.15.1"
}
},
"node_modules/solid-popper": {
@ -18596,14 +18596,14 @@
}
},
"node_modules/vike": {
"version": "0.4.146",
"resolved": "https://registry.npmjs.org/vike/-/vike-0.4.146.tgz",
"integrity": "sha512-1vaktcDy/eitSzVaUppKJWu+6vfwxKC4kV6uzAqj3RIK+WgteH3vF6IMZ0jnjjzCpeDRCIByN8PF4c0CtzRfHA==",
"version": "0.4.148",
"resolved": "https://registry.npmjs.org/vike/-/vike-0.4.148.tgz",
"integrity": "sha512-2KkrY6zB+fTVwQzzcr5zAxpIT2buezDcUP5u4oFzDdxhqcV7r5CGq2PWQ3/ALA8jP/Agz0ZdiMbXUNGJFI+uVw==",
"dev": true,
"dependencies": {
"@brillout/import": "0.2.3",
"@brillout/json-serializer": "^0.5.8",
"@brillout/picocolors": "^1.0.9",
"@brillout/picocolors": "^1.0.10",
"@brillout/require-shim": "^0.1.2",
"@brillout/vite-plugin-import-build": "^0.2.20",
"acorn": "^8.8.2",

4
package.json
View File

@ -126,7 +126,7 @@
"prosemirror-view": "1.30.2",
"rollup": "3.21.6",
"sass": "1.69.5",
"solid-js": "1.8.5",
"solid-js": "1.8.7",
"solid-popper": "0.3.0",
"solid-tiptap": "0.6.0",
"solid-transition-group": "0.2.3",
@ -141,7 +141,7 @@
"typescript": "5.2.2",
"typograf": "7.1.0",
"uniqolor": "1.1.0",
"vike": "0.4.146",
"vike": "0.4.148",
"vite": "4.5.0",
"vite-plugin-mkcert": "1.16.0",
"vite-plugin-sass-dts": "1.3.11",

39
public/locales/en/translation.json
View File

@ -1,4 +1,5 @@
{
"A guide to horizontal editorial: how an open journal works": "A guide to horizontal editorial: how an open journal works",
"About": "About",
"About the project": "About the project",
"Add a few topics so that the reader knows what your content is about and can find it on pages of topics that interest them. Topics can be swapped, the first topic becomes the title": "Add a few topics so that the reader knows what your content is about and can find it on pages of topics that interest them. Topics can be swapped, the first topic becomes the title",
@ -17,7 +18,7 @@
"Add signature": "Add signature",
"Add subtitle": "Add subtitle",
"Add url": "Add url",
"Address on Discourse": "Address on Discourse",
"Address on Discours": "Address on Discours",
"Album name": "Название aльбома",
"Alignment center": "Alignment center",
"Alignment left": "Alignment left",
@ -71,8 +72,11 @@
"Comment successfully deleted": "Comment successfully deleted",
"Comments": "Comments",
"Communities": "Communities",
"Community Discussion Rules": "Community Discussion Rules",
"Community Principles": "Community Principles",
"Community values and rules of engagement for the open editorial team": "Community values and rules of engagement for the open editorial team",
"Confirm": "Confirm",
"Contribute to free samizdat. Support Discours - an independent non-profit publication that works only for you. Become a pillar of the open newsroom": "Contribute to free samizdat. Support Discours - an independent non-profit publication that works only for you. Become a pillar of the open newsroom",
"Cooperate": "Cooperate",
"Copy": "Copy",
"Copy link": "Copy link",
@ -97,11 +101,13 @@
"Delete userpic": "Delete userpic",
"Description": "Description",
"Discours": "Discours",
"Discours Manifest": "Discours Manifest",
"Discours Partners": "Discours Partners",
"Discours is an intellectual environment, a web space and tools that allows authors to collaborate with readers and come together to co-create publications and media projects": "Discours is&#160;an&#160;intellectual environment, a&#160;web space and tools that allows authors to&#160;collaborate with readers and come together to&#160;co-create publications and media projects.<br/><em>We&#160;are convinced that one voice is&#160;good, but many is&#160;better. We&#160;create the most amazing stories together</em>",
"Discours is created with our common effort": "Discours exists because of our common effort",
"Discours – an open magazine about culture, science and society": "Discours – an open magazine about culture, science and society",
"Discussing": "Discussing",
"Discussion rules": "Discussion rules",
"Discussion rules in social networks": "Discussion rules",
"Discussions": "Discussions",
"Do you really want to reset all changes?": "Do you really want to reset all changes?",
"Dogma": "Dogma",
@ -152,7 +158,7 @@
"Help": "Помощь",
"Help to edit": "Help to edit",
"Here you can customize your profile the way you want.": "Here you can customize your profile the way you want.",
"Here you can manage all your Discourse subscriptions": "Here you can manage all your Discourse subscriptions",
"Here you can manage all your Discours subscriptions": "Here you can manage all your Discours subscriptions",
"Here you can upload your photo": "Here you can upload your photo",
"Hide table of contents": "Hide table of contents",
"Highlight": "Highlight",
@ -160,11 +166,13 @@
"Horizontal collaborative journalistic platform": "Horizontal collaborative journalism platform",
"Hot topics": "Hot topics",
"Hotkeys": "Горячие клавиши",
"How Discours works": "How Discours works",
"How can I help/skills": "How can I help/skills",
"How it works": "How it works",
"How to help": "How to help?",
"How to write a good article": "Как написать хорошую статью",
"How to write an article": "How to write an article",
"Hundreds of people from different countries and cities share their knowledge and art on the Discours. Join us!": "Hundreds of people from different countries and cities share their knowledge and art on the Discours. Join us!",
"I have an account": "I have an account!",
"I have no account yet": "I don't have an account yet",
"I know the password": "I know the password",
@ -173,6 +181,7 @@
"Inbox": "Inbox",
"Incut": "Incut",
"Independant magazine with an open horizontal cooperation about culture, science and society": "Independant magazine with an open horizontal cooperation about culture, science and society",
"Independent media project about culture, science, art and society with horizontal editing": "Independent media project about culture, science, art and society with horizontal editing",
"Insert footnote": "Insert footnote",
"Insert video link": "Insert video link",
"Interview": "Interview",
@ -195,13 +204,14 @@
"Let's log in": "Let's log in",
"Link copied": "Link copied",
"Link sent, check your email": "Link sent, check your email",
"List of authors of the open editorial community": "List of authors of the open editorial community",
"Lists": "Lists",
"Literature": "Literature",
"Load more": "Show more",
"Loading": "Loading",
"Logout": "Logout",
"Looks like you forgot to upload the video": "Looks like you forgot to upload the video",
"Manifest": "Manifest",
"Manifest of samizdat: principles and mission of an open magazine with a horizontal editorial board": "Manifest of samizdat: principles and mission of an open magazine with a horizontal editorial board",
"Manifesto": "Manifesto",
"Many files, choose only one": "Many files, choose only one",
"Mark as read": "Mark as read",
@ -236,6 +246,7 @@
"Ordered list": "Ordered list",
"Our regular contributor": "Our regular contributor",
"Paragraphs": "Абзацев",
"Participate in the Discours: share information, join the editorial team": "Участвуйте в Дискурсе: делитесь информацией, присоединяйтесь к редакции",
"Participating": "Participating",
"Participation": "Participation",
"Partners": "Partners",
@ -261,6 +272,7 @@
"Popular": "Popular",
"Popular authors": "Popular authors",
"Principles": "Community principles",
"Professional principles that the open editorial team follows in its work": "Professional principles that the open editorial team follows in its work",
"Profile": "Profile",
"Profile settings": "Profile settings",
"Publications": "Publications",
@ -281,6 +293,7 @@
"Required": "Required",
"Resend code": "Send confirmation",
"Restore password": "Restore password",
"Rules of the journal Discours": "Rules of the journal Discours",
"Save draft": "Save draft",
"Save settings": "Save settings",
"Saving...": "Saving...",
@ -291,6 +304,7 @@
"Sections": "Sections",
"Security": "Security",
"Select": "Select",
"Self-publishing exists thanks to the help of wonderful people from all over the world. Thank you!": "Samizdat exists thanks to the help of wonderful people from all over the world. Thank you!",
"Send": "Send",
"Send link again": "Send link again",
"Settings": "Settings",
@ -325,12 +339,17 @@
"Success": "Success",
"Successfully authorized": "Authorization successful",
"Suggest an idea": "Suggest an idea",
"Support Discours": "Support Discours",
"Support the project": "Support the project",
"Support us": "Help the magazine",
"Terms of use": "Site rules",
"Text checking": "Text checking",
"Thank you": "Thank you",
"Thank you!": "Thank you!",
"The address is already taken": "The address is already taken",
"The most interesting publications on the topic": "The most interesting publications on the topic {topicName}",
"Thematic table of contents of the magazine. Here you can find all the topics that community authors have written about.": "Thematic table of contents of the magazine. Here you can find all the topics that community authors have written about.",
"Thematic table of contents of the magazine. Here you can find all the topics that the community authors wrote about": "Thematic table of contents of the magazine. Here you can find all the topics that the community authors wrote about",
"Themes and plots": "Themes and plots",
"Theory": "Theory",
"There are unsaved changes in your profile settings. Are you sure you want to leave the page without saving?": "There are unsaved changes in your profile settings. Are you sure you want to leave the page without saving?",
"There are unsaved changes in your publishing settings. Are you sure you want to leave the page without saving?": "There are unsaved changes in your publishing settings. Are you sure you want to leave the page without saving?",
@ -379,8 +398,9 @@
"Welcome to Discours to subscribe to new publications": "Welcome to Discours to subscribe to new publications",
"Welcome to Discours to vote": "Welcome to Discours to vote",
"Where": "From",
"Why you can earn a hole in your karma and how to receive rays of gratitude for your contribution to discussions in samizdat communities": "Why you can earn a hole in your karma and how to receive rays of gratitude for your contribution to discussions in samizdat communities",
"Words": "Слов",
"Work with us": "Cooperate with Discourse",
"Work with us": "Cooperate with Discours",
"Write a comment...": "Write a comment...",
"Write a short introduction": "Write a short introduction",
"Write about the topic": "Write about the topic",
@ -411,7 +431,8 @@
"community": "community",
"contents": "contents",
"delimiter": "delimiter",
"discussion": "discourse",
"discussion": "Discours",
"dogma keywords": "Discours.io, dogma, editorial principles, code of ethics, journalism, community",
"drafts": "drafts",
"earlier": "earlier",
"email not confirmed": "email not confirmed",
@ -427,6 +448,7 @@
"italic": "italic",
"journal": "journal",
"jpg, .png, max. 10 mb.": "jpg, .png, макс. 10 мб.",
"keywords": "Discours.io, Discours magazine, Discours, culture, science, art, society, independent journalism, literature, music, cinema, video, photography",
"literature": "literature",
"marker list": "marker list",
"min. 1400×1400 pix": "мин. 1400×1400 пикс.",
@ -436,6 +458,7 @@
"or sign in with social networks": "or sign in with social networks",
"personal data usage and email notifications": "to process personal data and receive email notifications",
"post": "post",
"principles keywords": "Discours.io, communities, values, editorial rules, polyphony, creation",
"register": "register",
"repeat": "repeat",
"shout": "post",
@ -450,7 +473,9 @@
"subscription_rp": "subscription",
"subscriptions": "subscriptions",
"terms of use": "terms of use",
"terms of use keywords": "Discours.io, site rules, terms of use",
"today": "today",
"topicKeywords": "{topic}, Discours.io, articles, journalism, research",
"topics": "topics",
"user already exist": "user already exists",
"video": "video",

37
public/locales/ru/translation.json
View File

@ -1,4 +1,5 @@
{
"A guide to horizontal editorial: how an open journal works": "Гид по горизонтальной редакции: как работает открытый журнал",
"A short introduction to keep the reader interested": "Добавьте вступление, чтобы заинтересовать читателя",
"About": "О себе",
"About the project": "О проекте",
@ -19,7 +20,7 @@
"Add subtitle": "Добавить подзаголовок",
"Add to bookmarks": "Добавить в закладки",
"Add url": "Добавить ссылку",
"Address on Discourse": "Адрес на Дискурсе",
"Address on Discours": "Адрес на Дискурсе",
"Album name": "Название альбома",
"Alignment center": "По центру",
"Alignment left": "По левому краю",
@ -75,8 +76,11 @@
"Comment successfully deleted": "Комментарий успешно удален",
"Comments": "Комментарии",
"Communities": "Сообщества",
"Community Discussion Rules": "Правила дискуссий в сообществе",
"Community Principles": "Принципы сообщества",
"Community values and rules of engagement for the open editorial team": "Ценности сообщества и правила взаимодействия открытой редакции",
"Confirm": "Подтвердить",
"Contribute to free samizdat. Support Discours - an independent non-profit publication that works only for you. Become a pillar of the open newsroom": "Внесите вклад в свободный самиздат. Поддержите Дискурс — независимое некоммерческое издание, которое работает только для вас. Станьте опорой открытой редакции",
"Cooperate": "Соучаствовать",
"Copy": "Скопировать",
"Copy link": "Скопировать ссылку",
@ -101,11 +105,14 @@
"Delete userpic": "Удалить аватар",
"Description": "Описание",
"Discours": "Дискурс",
"Discours Manifest": "Манифест Дискурса",
"Discours Partners": "Партнеры Дискурса",
"Discours is an intellectual environment, a web space and tools that allows authors to collaborate with readers and come together to co-create publications and media projects": "Дискурс&#160;&#8212; это интеллектуальная среда, веб-пространство и&#160;инструменты, которые позволяют авторам сотрудничать&#160;с&#160;читателями и&#160;объединяться для совместного создания публикаций и&#160;медиапроектов.<br/>Мы&#160;убеждены, один голос хорошо, а&#160;много&#160;&#8212; лучше. Самые потрясающиe истории мы создаём вместе.",
"Discours is created with our common effort": "Дискурс существует благодаря нашему общему вкладу",
"Discours – an open magazine about culture, science and society": "Дискурс – открытый журнал о культуре, науке и обществе",
"Discours_theme": "Тема дискурса",
"Discussing": "Обсуждаемое",
"Discussion rules": "Правила дискуссий",
"Discussion rules in social networks": "Правила сообществ самиздата в&nbsp;соцсетях",
"Discussions": "Дискуссии",
"Do you really want to reset all changes?": "Вы действительно хотите сбросить все изменения?",
"Dogma": "Догма",
@ -160,7 +167,7 @@
"Help": "Помощь",
"Help to edit": "Помочь редактировать",
"Here you can customize your profile the way you want.": "Здесь можно настроить свой профиль так, как вы хотите.",
"Here you can manage all your Discourse subscriptions": "Здесь можно управлять всеми своими подписками на Дискурсе",
"Here you can manage all your Discours subscriptions": "Здесь можно управлять всеми своими подписками на Дискурсе",
"Here you can upload your photo": "Здесь вы можете загрузить свою фотографию",
"Hide table of contents": "Скрыть главление",
"Highlight": "Подсветка",
@ -168,11 +175,13 @@
"Horizontal collaborative journalistic platform": "Открытая платформа<br/>для независимой журналистики",
"Hot topics": "Горячие темы",
"Hotkeys": "Горячие клавиши",
"How Discours works": "Как устроен Дискурс",
"How can I help/skills": "Чем могу помочь/навыки",
"How it works": "Как это работает",
"How to help": "Как помочь?",
"How to write a good article": "Как написать хорошую статью",
"How to write an article": "Как написать статью",
"Hundreds of people from different countries and cities share their knowledge and art on the Discours. Join us!": "Сотни людей из разных стран и городов делятся своими знаниями и искусством на Дискурсе. Присоединяйтесь!",
"I have an account": "У меня есть аккаунт!",
"I have no account yet": "У меня еще нет аккаунта",
"I know the password": "Я знаю пароль!",
@ -181,6 +190,7 @@
"Inbox": "Входящие",
"Incut": "Подверстка",
"Independant magazine with an open horizontal cooperation about culture, science and society": "Независимый журнал с открытой горизонтальной редакцией о культуре, науке и обществе",
"Independent media project about culture, science, art and society with horizontal editing": "Независимый медиапроект о культуре, науке, искусстве и обществе с горизонтальной редакцией",
"Insert footnote": "Вставить сноску",
"Insert video link": "Вставить ссылку на видео",
"Interview": "Интервью",
@ -205,13 +215,14 @@
"Let's log in": "Давайте авторизуемся",
"Link copied": "Ссылка скопирована",
"Link sent, check your email": "Ссылка отправлена, проверьте почту",
"List of authors of the open editorial community": "Список авторов сообщества открытой редакции",
"Lists": "Списки",
"Literature": "Литература",
"Load more": "Показать ещё",
"Loading": "Загрузка",
"Logout": "Выход",
"Looks like you forgot to upload the video": "Похоже, что вы забыли загрузить видео",
"Manifest": "Манифест",
"Manifest of samizdat: principles and mission of an open magazine with a horizontal editorial board": "Манифест самиздата: принципы и миссия открытого журнала с горизонтальной редакцией",
"Manifesto": "Манифест",
"Many files, choose only one": "Много файлов, выберете один",
"Mark as read": "Отметить прочитанным",
@ -247,6 +258,7 @@
"Ordered list": "Нумерованный список",
"Our regular contributor": "Наш постоянный автор",
"Paragraphs": "Абзацев",
"Participate in the Discours: share information, join the editorial team": "Participate in the Discours: share information, join the editorial team",
"Participating": "Участвовать",
"Participation": "Соучастие",
"Partners": "Партнёры",
@ -273,6 +285,7 @@
"Popular authors": "Популярные авторы",
"Preview": "Предпросмотр",
"Principles": "Принципы сообщества",
"Professional principles that the open editorial team follows in its work": "Профессиональные принципы, которым открытая редакция следует в работе",
"Profile": "Профиль",
"Profile settings": "Настройки профиля",
"Profile successfully saved": "Профиль успешно сохранён",
@ -297,6 +310,7 @@
"Required": "Поле обязательно для заполнения",
"Resend code": "Выслать подтверждение",
"Restore password": "Восстановить пароль",
"Rules of the journal Discours": "Правила журнала Дискурс",
"Save": "Сохранить",
"Save draft": "Сохранить черновик",
"Save settings": "Сохранить настройки",
@ -308,6 +322,7 @@
"Sections": "Разделы",
"Security": "Безопасность",
"Select": "Выбрать",
"Self-publishing exists thanks to the help of wonderful people from all over the world. Thank you!": "Самиздат существуют благодаря помощи замечательных людей со всего мира. Спасибо Вам!",
"Send": "Отправить",
"Send link again": "Прислать ссылку ещё раз",
"Settings": "Настройки",
@ -344,12 +359,17 @@
"Success": "Успешно",
"Successfully authorized": "Авторизация успешна",
"Suggest an idea": "Предложить идею",
"Support Discours": "Поддержите Дискурс",
"Support the project": "Поддержать проект",
"Support us": "Помочь журналу",
"Terms of use": "Правила сайта",
"Text checking": "Проверка текста",
"Thank you": "Благодарности",
"Thank you!": "Спасибо Вам!",
"The address is already taken": "Адрес уже занят",
"The most interesting publications on the topic": "Самые интересные публикации по теме {topicName}",
"Thematic table of contents of the magazine. Here you can find all the topics that community authors have written about.": "Тематическое оглавление журнала. Здесь можно найти все темы, о которых писали авторы сообщества.",
"Thematic table of contents of the magazine. Here you can find all the topics that the community authors wrote about": "Тематическое оглавление журнала. Здесь можно найти все темы, о которых писали авторы сообщества",
"Themes and plots": "Темы и сюжеты",
"Theory": "Теории",
"There are unsaved changes in your profile settings. Are you sure you want to leave the page without saving?": "В настройках вашего профиля есть несохраненные изменения. Уверены, что хотите покинуть страницу без сохранения?",
"There are unsaved changes in your publishing settings. Are you sure you want to leave the page without saving?": "В настройках публикации есть несохраненные изменения. Уверены, что хотите покинуть страницу без сохранения?",
@ -399,6 +419,7 @@
"Welcome to Discours to vote": "Войдите в Дискурс, чтобы голосовать",
"Welcome!": "Добро пожаловать!",
"Where": "Откуда",
"Why you can earn a hole in your karma and how to receive rays of gratitude for your contribution to discussions in samizdat communities": "За что можно заслужить дырку в карме и как получить лучи благодарности за вклад в дискуссии в сообществах самиздата",
"Words": "Слов",
"Work with us": "Сотрудничать с Дискурсом",
"Write a comment...": "Написать комментарий...",
@ -434,8 +455,8 @@
"create_chat": "Создать чат",
"create_group": "Создать группу",
"delimiter": "разделитель",
"discourse_theme": "Тема дискурса",
"discussion": "дискурс",
"dogma keywords": "Discours.io, догма, редакционные принципы, этический кодекс, журналистика, сообщество",
"drafts": "черновики",
"earlier": "ранее",
"email not confirmed": "email не подтвержден",
@ -451,6 +472,7 @@
"italic": "курсив",
"journal": "журнал",
"jpg, .png, max. 10 mb.": "jpg, .png, макс. 10 мб.",
"keywords": "Discours.io, журнал Дискурс, Дискурс, культура, наука, искусство, общество, независимая журналистика, литература, музыка, кино, видео, фотографии",
"literature": "литература",
"marker list": "маркир. список",
"min. 1400×1400 pix": "мин. 1400×1400 пикс.",
@ -461,6 +483,7 @@
"or sign in with social networks": "или войдите через соцсеть",
"personal data usage and email notifications": "на обработку персональных данных и на получение почтовых уведомлений",
"post": "пост",
"principles keywords": "Discours.io, сообщества, ценности, правила редакции, многоголосие, созидание",
"register": "зарегистрируйтесь",
"repeat": "повторить",
"shout": "пост",
@ -475,7 +498,9 @@
"subscribers": "подписчиков",
"subscribing...": "Подписка...",
"terms of use": "правилами пользования сайтом",
"terms of use keywords": "Discours.io, правила сайта, terms of use",
"today": "сегодня",
"topicKeywords": "{topic}, Discours.io, статьи, журналистика, исследования",
"topics": "темы",
"user already exist": "пользователь уже существует",
"video": "видео",

2
public/robots.txt
View File

@ -1,2 +1,2 @@
User-agent: *
Disallow: /
Allow: /

26
src/components/Article/FullArticle.tsx
View File

@ -2,7 +2,7 @@ import type { Author, Shout } from '../../graphql/types.gen'
import { getPagePath } from '@nanostores/router'
import { createPopper } from '@popperjs/core'
import { Link } from '@solidjs/meta'
import { Link, Meta } from '@solidjs/meta'
import { clsx } from 'clsx'
import { createEffect, For, createMemo, onMount, Show, createSignal, onCleanup } from 'solid-js'
import { isServer } from 'solid-js/web'
@ -13,7 +13,7 @@ import { useSession } from '../../context/session'
import { MediaItem } from '../../pages/types'
import { DEFAULT_HEADER_OFFSET, router, useRouter } from '../../stores/router'
import { getImageUrl } from '../../utils/getImageUrl'
import { getDescription } from '../../utils/meta'
import { getDescription, getKeywords } from '../../utils/meta'
import { Icon } from '../_shared/Icon'
import { Image } from '../_shared/Image'
import { Lightbox } from '../_shared/Lightbox'
@ -283,8 +283,26 @@ export const FullArticle = (props: Props) => {
}
}
const ogImage = props.article.cover
? getImageUrl(props.article.cover, { width: 1200 })
: getImageUrl('production/image/logo_image.png')
const description = getDescription(props.article.description || body())
const ogTitle = props.article.title
const keywords = getKeywords(props.article)
return (
<>
<Meta name="descprition" content={description} />
<Meta name="keywords" content={keywords} />
<Meta name="og:type" content="article" />
<Meta name="og:title" content={ogTitle} />
<Meta name="og:image" content={ogImage} />
<Meta name="og:description" content={description} />
<Meta name="twitter:card" content="summary_large_image" />
<Meta name="twitter:title" content={ogTitle} />
<Meta name="twitter:description" content={description} />
<Meta name="twitter:image" content={ogImage} />
<For each={imageUrls()}>{(imageUrl) => <Link rel="preload" as="image" href={imageUrl} />}</For>
<div class="wide-container">
<div class="row position-relative">
@ -441,7 +459,7 @@ export const FullArticle = (props: Props) => {
<div class={styles.shoutStatsItem} ref={triggerRef}>
<SharePopup
title={props.article.title}
description={getDescription(props.article.body)}
description={description}
imageUrl={props.article.cover}
containerCssClass={stylesHeader.control}
trigger={
@ -475,7 +493,7 @@ export const FullArticle = (props: Props) => {
isOwner={canEdit()}
containerCssClass={clsx(stylesHeader.control, styles.articlePopupOpener)}
title={props.article.title}
description={getDescription(props.article.body)}
description={description}
imageUrl={props.article.cover}
shareUrl={getShareUrl({ pathname: `/${props.article.slug}` })}
trigger={

4
src/components/Discours/Footer.tsx
View File

@ -17,7 +17,7 @@ export const Footer = () => {
header: 'About the project',
items: [
{
title: 'Manifest',
title: 'Discours Manifest',
slug: '/about/manifest',
},
{
@ -51,7 +51,7 @@ export const Footer = () => {
slug: '/create',
},
{
title: 'Support us',
title: 'Support Discours',
slug: '/about/help',
},
{

5
src/components/Feed/ArticleCard/ArticleCard.tsx
View File

@ -111,6 +111,7 @@ export const ArticleCard = (props: ArticleCardProps) => {
const [isCoverImageLoadError, setIsCoverImageLoadError] = createSignal(false)
const [isCoverImageLoading, setIsCoverImageLoading] = createSignal(true)
const description = getDescription(props.article.body)
return (
<section
class={clsx(styles.shoutCard, props.settings?.additionalClass, {
@ -324,7 +325,7 @@ export const ArticleCard = (props: ArticleCardProps) => {
<SharePopup
containerCssClass={stylesHeader.control}
title={title}
description={getDescription(props.article.body)}
description={description}
imageUrl={props.article.cover}
shareUrl={getShareUrl({ pathname: `/${props.article.slug}` })}
isVisible={(value) => setIsActionPopupActive(value)}
@ -347,7 +348,7 @@ export const ArticleCard = (props: ArticleCardProps) => {
isOwner={canEdit()}
containerCssClass={stylesHeader.control}
title={title}
description={getDescription(props.article.body)}
description={description}
imageUrl={props.article.cover}
shareUrl={getShareUrl({ pathname: `/${props.article.slug}` })}
isVisible={(value) => setIsActionPopupActive(value)}

15
src/components/Feed/Sidebar/Sidebar.module.scss
View File

@ -29,12 +29,6 @@
white-space: nowrap;
}
a:hover {
.sidebarItemName {
background: #000;
}
}
.userpic {
margin-right: 1.2rem;
}
@ -104,12 +98,13 @@
}
&:hover {
img {
filter: invert(1);
.sidebarItemName,
.counter {
background: var(--background-color-invert);
}
.counter {
background: #000;
img {
filter: invert(1);
}
}
}

1
src/components/Nav/ConfirmModal/ConfirmModal.module.scss
View File

@ -4,6 +4,7 @@
.confirmModalTitle {
@include font-size(3.2rem);
color: var(--default-color);
font-weight: 700;
margin: 0 3rem;

2
src/components/ProfileSettings/ProfileSettings.tsx
View File

@ -256,7 +256,7 @@ export const ProfileSettings = () => {
</Show>
</div>
<h4>{t('Address on Discourse')}</h4>
<h4>{t('Address on Discours')}</h4>
<div class="pretty-form__item">
<div class={styles.discoursName}>
<label for="user-address">https://{hostname()}/author/</label>

2
src/components/Topic/Card.tsx
View File

@ -103,7 +103,7 @@ export const TopicCard = (props: TopicProps) => {
>
<Show when={props.topic.title && !props.isCardMode}>
<h3 class={styles.topicTitle}>
<a href={`/topic/${props.topic.slug}`}>{capitalize(props.topic.title || '')}</a>
<a href={`/topic/${props.topic.slug}`}>{capitalize(props.topic.title || '', true)}</a>
</h3>
</Show>

205
src/components/Views/AllAuthors.tsx
View File

@ -1,5 +1,6 @@
import type { Author } from '../../graphql/types.gen'
import { Meta } from '@solidjs/meta'
import { clsx } from 'clsx'
import { createEffect, createMemo, createSignal, For, Show } from 'solid-js'
@ -7,7 +8,9 @@ import { useLocalize } from '../../context/localize'
import { useRouter } from '../../stores/router'
import { setAuthorsSort, useAuthorsStore } from '../../stores/zine/authors'
import { dummyFilter } from '../../utils/dummyFilter'
import { getImageUrl } from '../../utils/getImageUrl'
import { scrollHandler } from '../../utils/scroll'
import { Loading } from '../_shared/Loading'
import { SearchField } from '../_shared/SearchField'
import { AuthorBadge } from '../Author/AuthorBadge'
@ -17,14 +20,15 @@ type AllAuthorsPageSearchParams = {
by: '' | 'name' | 'shouts' | 'followers'
}
type AllAuthorsViewProps = {
type Props = {
authors: Author[]
isLoaded: boolean
}
const PAGE_SIZE = 20
const ALPHABET = [...'АБВГДЕЁЖЗИЙКЛМНОПРСТУФХЦЧШЩЪЫЬЭЮЯ@']
export const AllAuthorsView = (props: AllAuthorsViewProps) => {
export const AllAuthorsView = (props: Props) => {
const { t, lang } = useLocalize()
const [limit, setLimit] = createSignal(PAGE_SIZE)
const { searchParams, changeSearchParam } = useRouter<AllAuthorsPageSearchParams>()
@ -82,113 +86,126 @@ export const AllAuthorsView = (props: AllAuthorsViewProps) => {
})
const showMore = () => setLimit((oldLimit) => oldLimit + PAGE_SIZE)
const AllAuthorsHead = () => (
<div class="row">
<div class="col-lg-20 col-xl-18">
<h1>{t('Authors')}</h1>
<p>{t('Subscribe who you like to tune your personal feed')}</p>
<ul class={clsx(styles.viewSwitcher, 'view-switcher')}>
<li
classList={{
'view-switcher__item--selected': !searchParams().by || searchParams().by === 'shouts',
}}
>
<a href="/authors?by=shouts">{t('By shouts')}</a>
</li>
<li classList={{ 'view-switcher__item--selected': searchParams().by === 'followers' }}>
<a href="/authors?by=followers">{t('By popularity')}</a>
</li>
<li classList={{ 'view-switcher__item--selected': searchParams().by === 'name' }}>
<a href="/authors?by=name">{t('By name')}</a>
</li>
<Show when={searchParams().by !== 'name'}>
<li class="view-switcher__search">
<SearchField onChange={(value) => setSearchQuery(value)} />
</li>
</Show>
</ul>
</div>
</div>
)
const ogImage = getImageUrl('production/image/logo_image.png')
const ogTitle = t('Authors')
const description = t('List of authors of the open editorial community')
return (
<div class={clsx(styles.allAuthorsPage, 'wide-container')}>
<Show when={sortedAuthors().length > 0}>
<Meta name="descprition" content={description} />
<Meta name="keywords" content={t('keywords')} />
<Meta name="og:type" content="article" />
<Meta name="og:title" content={ogTitle} />
<Meta name="og:image" content={ogImage} />
<Meta name="twitter:image" content={ogImage} />
<Meta name="og:description" content={description} />
<Meta name="twitter:card" content="summary_large_image" />
<Meta name="twitter:title" content={ogTitle} />
<Meta name="twitter:description" content={description} />
<Show when={props.isLoaded} fallback={<Loading />}>
<div class="offset-md-5">
<AllAuthorsHead />
<Show when={searchParams().by === 'name'}>
<div class="row">
<div class="col-lg-20 col-xl-18">
<ul class={clsx('nodash', styles.alphabet)}>
<For each={ALPHABET}>
{(letter, index) => (
<li>
<Show when={letter in byLetter()} fallback={letter}>
<a
href={`/authors?by=name#letter-${index()}`}
onClick={(event) => {
event.preventDefault()
scrollHandler(`letter-${index()}`)
}}
>
{letter}
</a>
</Show>
</li>
)}
</For>
</ul>
</div>
<div class="row">
<div class="col-lg-20 col-xl-18">
<h1>{t('Authors')}</h1>
<p>{t('Subscribe who you like to tune your personal feed')}</p>
<ul class={clsx(styles.viewSwitcher, 'view-switcher')}>
<li
classList={{
'view-switcher__item--selected': !searchParams().by || searchParams().by === 'shouts',
}}
>
<a href="/authors?by=shouts">{t('By shouts')}</a>
</li>
<li classList={{ 'view-switcher__item--selected': searchParams().by === 'followers' }}>
<a href="/authors?by=followers">{t('By popularity')}</a>
</li>
<li classList={{ 'view-switcher__item--selected': searchParams().by === 'name' }}>
<a href="/authors?by=name">{t('By name')}</a>
</li>
<Show when={searchParams().by !== 'name'}>
<li class="view-switcher__search">
<SearchField onChange={(value) => setSearchQuery(value)} />
</li>
</Show>
</ul>
</div>
</div>
<For each={sortedKeys()}>
{(letter) => (
<div class={clsx(styles.group, 'group')}>
<h2 id={`letter-${ALPHABET.indexOf(letter)}`}>{letter}</h2>
<div class="container">
<div class="row">
<div class="col-lg-20">
<div class="row">
<For each={byLetter()[letter]}>
{(author) => (
<div class={clsx(styles.topic, 'topic col-sm-12 col-md-8')}>
<div class="topic-title">
<a href={`/author/${author.slug}`}>{author.name}</a>
<span class={styles.articlesCounter}>{author.stat.shouts}</span>
<Show when={sortedAuthors().length > 0}>
<Show when={searchParams().by === 'name'}>
<div class="row">
<div class="col-lg-20 col-xl-18">
<ul class={clsx('nodash', styles.alphabet)}>
<For each={ALPHABET}>
{(letter, index) => (
<li>
<Show when={letter in byLetter()} fallback={letter}>
<a
href={`/authors?by=name#letter-${index()}`}
onClick={(event) => {
event.preventDefault()
scrollHandler(`letter-${index()}`)
}}
>
{letter}
</a>
</Show>
</li>
)}
</For>
</ul>
</div>
</div>
<For each={sortedKeys()}>
{(letter) => (
<div class={clsx(styles.group, 'group')}>
<h2 id={`letter-${ALPHABET.indexOf(letter)}`}>{letter}</h2>
<div class="container">
<div class="row">
<div class="col-lg-20">
<div class="row">
<For each={byLetter()[letter]}>
{(author) => (
<div class={clsx(styles.topic, 'topic col-sm-12 col-md-8')}>
<div class="topic-title">
<a href={`/author/${author.slug}`}>{author.name}</a>
<span class={styles.articlesCounter}>{author.stat.shouts}</span>
</div>
</div>
</div>
)}
</For>
)}
</For>
</div>
</div>
</div>
</div>
</div>
</div>
)}
</For>
</Show>
)}
</For>
</Show>
<Show when={searchParams().by && searchParams().by !== 'name'}>
<For each={filteredAuthors().slice(0, limit())}>
{(author) => (
<div class="row">
<div class="col-lg-20 col-xl-18">
<AuthorBadge author={author as Author} />
<Show when={searchParams().by && searchParams().by !== 'name'}>
<For each={filteredAuthors().slice(0, limit())}>
{(author) => (
<div class="row">
<div class="col-lg-20 col-xl-18">
<AuthorBadge author={author as Author} />
</div>
</div>
</div>
)}
</For>
</Show>
)}
</For>
</Show>
<Show when={filteredAuthors().length > limit() && searchParams().by !== 'name'}>
<div class="row">
<div class={clsx(styles.loadMoreContainer, 'col-24 col-md-20')}>
<button class={clsx('button', styles.loadMoreButton)} onClick={showMore}>
{t('Load more')}
</button>
<Show when={filteredAuthors().length > limit() && searchParams().by !== 'name'}>
<div class="row">
<div class={clsx(styles.loadMoreContainer, 'col-24 col-md-20')}>
<button class={clsx('button', styles.loadMoreButton)} onClick={showMore}>
{t('Load more')}
</button>
</div>
</div>
</div>
</Show>
</Show>
</div>
</Show>

190
src/components/Views/AllTopics.tsx
View File

@ -1,5 +1,6 @@
import type { Topic } from '../../graphql/types.gen'
import { Meta } from '@solidjs/meta'
import { clsx } from 'clsx'
import { createEffect, createMemo, createSignal, For, Show } from 'solid-js'
@ -8,7 +9,9 @@ import { useSession } from '../../context/session'
import { useRouter } from '../../stores/router'
import { setTopicsSort, useTopicsStore } from '../../stores/zine/topics'
import { dummyFilter } from '../../utils/dummyFilter'
import { getImageUrl } from '../../utils/getImageUrl'
import { scrollHandler } from '../../utils/scroll'
import { Loading } from '../_shared/Loading'
import { SearchField } from '../_shared/SearchField'
import { TopicCard } from '../Topic/Card'
@ -18,14 +21,15 @@ type AllTopicsPageSearchParams = {
by: 'shouts' | 'authors' | 'title' | ''
}
type AllTopicsViewProps = {
type Props = {
topics: Topic[]
isLoaded: boolean
}
const PAGE_SIZE = 20
const ALPHABET = [...'АБВГДЕЁЖЗИЙКЛМНОПРСТУФХЦЧШЩЪЫЬЭЮЯ#']
export const AllTopicsView = (props: AllTopicsViewProps) => {
export const AllTopicsView = (props: Props) => {
const { t, lang } = useLocalize()
const { searchParams, changeSearchParam } = useRouter<AllTopicsPageSearchParams>()
const [limit, setLimit] = createSignal(PAGE_SIZE)
@ -103,100 +107,118 @@ export const AllTopicsView = (props: AllTopicsViewProps) => {
</div>
)
const ogImage = getImageUrl('production/image/logo_image.png')
const ogTitle = t('Themes and plots')
const description = t(
'Thematic table of contents of the magazine. Here you can find all the topics that the community authors wrote about',
)
return (
<div class={clsx(styles.allTopicsPage, 'wide-container')}>
<div class="row">
<div class="col-md-19 offset-md-5">
<AllTopicsHead />
<Meta name="descprition" content={description} />
<Meta name="keywords" content={t('keywords')} />
<Meta name="og:type" content="article" />
<Meta name="og:title" content={ogTitle} />
<Meta name="og:image" content={ogImage} />
<Meta name="twitter:image" content={ogImage} />
<Meta name="og:description" content={description} />
<Meta name="twitter:card" content="summary_large_image" />
<Meta name="twitter:title" content={ogTitle} />
<Meta name="twitter:description" content={description} />
<Show when={props.isLoaded} fallback={<Loading />}>
<div class="row">
<div class="col-md-19 offset-md-5">
<AllTopicsHead />
<Show when={filteredResults().length > 0}>
<Show when={searchParams().by === 'title'}>
<div class="col-lg-20 col-xl-18">
<ul class={clsx('nodash', styles.alphabet)}>
<For each={ALPHABET}>
{(letter, index) => (
<li>
<Show when={letter in byLetter()} fallback={letter}>
<a
href={`/topics?by=title#letter-${index()}`}
onClick={(event) => {
event.preventDefault()
scrollHandler(`letter-${index()}`)
}}
>
{letter}
</a>
</Show>
</li>
)}
</For>
</ul>
</div>
<Show when={filteredResults().length > 0}>
<Show when={searchParams().by === 'title'}>
<div class="col-lg-20 col-xl-18">
<ul class={clsx('nodash', styles.alphabet)}>
<For each={ALPHABET}>
{(letter, index) => (
<li>
<Show when={letter in byLetter()} fallback={letter}>
<a
href={`/topics?by=title#letter-${index()}`}
onClick={(event) => {
event.preventDefault()
scrollHandler(`letter-${index()}`)
}}
>
{letter}
</a>
</Show>
</li>
)}
</For>
</ul>
</div>
<For each={sortedKeys()}>
{(letter) => (
<div class={clsx(styles.group, 'group')}>
<h2 id={`letter-${ALPHABET.indexOf(letter)}`}>{letter}</h2>
<div class="row">
<div class="col-lg-20">
<div class="row">
<For each={byLetter()[letter]}>
{(topic) => (
<div class={clsx(styles.topic, 'topic col-sm-12 col-md-8')}>
<a href={`/topic/${topic.slug}`}>{topic.title}</a>
<span class={styles.articlesCounter}>{topic.stat.shouts}</span>
</div>
)}
</For>
<For each={sortedKeys()}>
{(letter) => (
<div class={clsx(styles.group, 'group')}>
<h2 id={`letter-${ALPHABET.indexOf(letter)}`}>{letter}</h2>
<div class="row">
<div class="col-lg-20">
<div class="row">
<For each={byLetter()[letter]}>
{(topic) => (
<div class={clsx(styles.topic, 'topic col-sm-12 col-md-8')}>
<a href={`/topic/${topic.slug}`}>{topic.title}</a>
<span class={styles.articlesCounter}>{topic.stat.shouts}</span>
</div>
)}
</For>
</div>
</div>
</div>
</div>
)}
</For>
</Show>
<Show when={searchParams().by && searchParams().by !== 'title'}>
<div class="row">
<div class="col-lg-20 col-xl-18">
<For each={filteredResults().slice(0, limit())}>
{(topic) => (
<>
<TopicCard
topic={topic as Topic}
compact={false}
subscribed={subscribed(topic.slug)}
showPublications={true}
showDescription={true}
/>
<div class={styles.stats}>
<span class={styles.statsItem}>
{t('shoutsWithCount', { count: topic.stat.shouts })}
</span>
<span class={styles.statsItem}>
{t('authorsWithCount', { count: topic.stat.authors })}
</span>
<span class={styles.statsItem}>
{t('followersWithCount', { count: topic.stat.followers })}
</span>
</div>
</>
)}
</For>
</div>
)}
</For>
</Show>
<Show when={searchParams().by && searchParams().by !== 'title'}>
<div class="row">
<div class="col-lg-20 col-xl-18">
<For each={filteredResults().slice(0, limit())}>
{(topic) => (
<>
<TopicCard
topic={topic as Topic}
compact={false}
subscribed={subscribed(topic.slug)}
showPublications={true}
showDescription={true}
/>
<div class={styles.stats}>
<span class={styles.statsItem}>
{t('shoutsWithCount', { count: topic.stat.shouts })}
</span>
<span class={styles.statsItem}>
{t('authorsWithCount', { count: topic.stat.authors })}
</span>
<span class={styles.statsItem}>
{t('followersWithCount', { count: topic.stat.followers })}
</span>
</div>
</>
)}
</For>
</div>
</div>
</Show>
</Show>
<Show when={filteredResults().length > limit() && searchParams().by !== 'title'}>
<div class={clsx(styles.loadMoreContainer, 'col-24 col-md-20 col-lg-14 offset-md-2')}>
<button class={clsx('button', styles.loadMoreButton)} onClick={showMore}>
{t('Load more')}
</button>
</div>
<Show when={filteredResults().length > limit() && searchParams().by !== 'title'}>
<div class={clsx(styles.loadMoreContainer, 'col-24 col-md-20 col-lg-14 offset-md-2')}>
<button class={clsx('button', styles.loadMoreButton)} onClick={showMore}>
{t('Load more')}
</button>
</div>
</Show>
</Show>
</Show>
</div>
</div>
</div>
</Show>
</div>
)
}

18
src/components/Views/Author/Author.tsx
View File

@ -1,6 +1,7 @@
import type { Author, Shout, Topic } from '../../../graphql/types.gen'
import { getPagePath } from '@nanostores/router'
import { Meta } from '@solidjs/meta'
import { clsx } from 'clsx'
import { Show, createMemo, createSignal, Switch, onMount, For, Match, createEffect } from 'solid-js'
@ -9,6 +10,8 @@ import { router, useRouter } from '../../../stores/router'
import { loadShouts, useArticlesStore } from '../../../stores/zine/articles'
import { useAuthorsStore } from '../../../stores/zine/authors'
import { apiClient } from '../../../utils/apiClient'
import { getImageUrl } from '../../../utils/getImageUrl'
import { getDescription } from '../../../utils/meta'
import { restoreScrollPosition, saveScrollPosition } from '../../../utils/scroll'
import { splitToPages } from '../../../utils/splitToPages'
import { Loading } from '../../_shared/Loading'
@ -127,8 +130,23 @@ export const AuthorView = (props: Props) => {
}
})
const ogImage = props.author?.userpic
? getImageUrl(props.author.userpic, { width: 1200 })
: getImageUrl('production/image/logo_image.png')
const description = getDescription(props.author?.bio)
const ogTitle = props.author?.name
return (
<div class={styles.authorPage}>
<Meta name="descprition" content={description} />
<Meta name="og:type" content="profile" />
<Meta name="og:title" content={ogTitle} />
<Meta name="og:image" content={ogImage} />
<Meta name="og:description" content={description} />
<Meta name="twitter:card" content="summary_large_image" />
<Meta name="twitter:title" content={ogTitle} />
<Meta name="twitter:description" content={description} />
<Meta name="twitter:image" content={ogImage} />
<div class="wide-container">
<Show when={author()} fallback={<Loading />}>
<>

20
src/components/Views/Feed.tsx
View File

@ -1,6 +1,7 @@
import type { Author, LoadShoutsOptions, Reaction, Shout } from '../../graphql/types.gen'
import { getPagePath } from '@nanostores/router'
import { Meta } from '@solidjs/meta'
import { clsx } from 'clsx'
import { createEffect, createSignal, For, on, onMount, Show } from 'solid-js'
@ -10,6 +11,9 @@ import { router, useRouter } from '../../stores/router'
import { useArticlesStore, resetSortedArticles } from '../../stores/zine/articles'
import { useTopAuthorsStore } from '../../stores/zine/topAuthors'
import { useTopicsStore } from '../../stores/zine/topics'
import { capitalize } from '../../utils/capitalize'
import { getImageUrl } from '../../utils/getImageUrl'
import { getDescription } from '../../utils/meta'
import { Icon } from '../_shared/Icon'
import { Loading } from '../_shared/Loading'
import { CommentDate } from '../Article/CommentDate'
@ -113,8 +117,24 @@ export const FeedView = (props: Props) => {
setTopComments(comments)
})
const ogImage = getImageUrl('production/image/logo_image.png')
const description = t(
'Independent media project about culture, science, art and society with horizontal editing',
)
const ogTitle = t('Feed')
return (
<div class="wide-container feed">
<Meta name="descprition" content={description} />
<Meta name="keywords" content={t('keywords')} />
<Meta name="og:type" content="article" />
<Meta name="og:title" content={ogTitle} />
<Meta name="og:image" content={ogImage} />
<Meta name="twitter:image" content={ogImage} />
<Meta name="og:description" content={description} />
<Meta name="twitter:card" content="summary_large_image" />
<Meta name="twitter:title" content={ogTitle} />
<Meta name="twitter:description" content={description} />
<div class="row">
<div class={clsx('col-md-5 col-xl-4', styles.feedNavigation)}>
<Sidebar />

2
src/components/Views/ProfileSubscriptions/ProfileSubscriptions.tsx
View File

@ -72,7 +72,7 @@ export const ProfileSubscriptions = () => {
<div class="row">
<div class="col-md-20 col-lg-18 col-xl-16">
<h1>{t('My subscriptions')}</h1>
<p class="description">{t('Here you can manage all your Discourse subscriptions')}</p>
<p class="description">{t('Here you can manage all your Discours subscriptions')}</p>
<Show when={following()} fallback={<Loading />}>
<ul class="view-switcher">
<li class={clsx({ 'view-switcher__item--selected': subscriptionFilter() === 'all' })}>

13
src/components/Views/StaticPage.tsx
View File

@ -3,22 +3,21 @@ import { JSX } from 'solid-js'
import { PageLayout } from '../_shared/PageLayout'
import { TableOfContents } from '../TableOfContents'
export const StaticPage = (props: {
type Props = {
title: string
children: JSX.Element
layoutChildren: JSX.Element
}) => {
let articleBodyElement: HTMLElement | undefined
}
export const StaticPage = (props: Props) => {
const articleBodyElement: { current: HTMLElement } = { current: null }
return (
<PageLayout title={props.title}>
{props.layoutChildren}
<div class="wide-container">
<div class="row">
<article
class="col-md-16 col-lg-14 col-xl-12 offset-md-5"
id="articleBody"
ref={articleBodyElement}
ref={(el) => (articleBodyElement.current = el)}
>
{props.children}
</article>
@ -27,7 +26,7 @@ export const StaticPage = (props: {
<TableOfContents
variant="article"
parentSelector="#articleBody"
body={articleBodyElement.outerHTML}
body={articleBodyElement.current.outerHTML}
/>
</div>
</div>

198
src/components/Views/Topic.tsx
View File

@ -1,15 +1,20 @@
import type { Shout, Topic } from '../../graphql/types.gen'
import { Meta } from '@solidjs/meta'
import { clsx } from 'clsx'
import { For, Show, createMemo, onMount, createSignal } from 'solid-js'
import { For, Show, createMemo, onMount, createSignal, createEffect } from 'solid-js'
import { useLocalize } from '../../context/localize'
import { useRouter } from '../../stores/router'
import { loadShouts, useArticlesStore } from '../../stores/zine/articles'
import { useAuthorsStore } from '../../stores/zine/authors'
import { useTopicsStore } from '../../stores/zine/topics'
import { capitalize } from '../../utils/capitalize'
import { getImageUrl } from '../../utils/getImageUrl'
import { getDescription } from '../../utils/meta'
import { restoreScrollPosition, saveScrollPosition } from '../../utils/scroll'
import { splitToPages } from '../../utils/splitToPages'
import { Loading } from '../_shared/Loading'
import { ArticleCardSwiper } from '../_shared/SolidSwiper/ArticleCardSwiper'
import { Beside } from '../Feed/Beside'
import { Row1 } from '../Feed/Row1'
@ -23,16 +28,18 @@ type TopicsPageSearchParams = {
by: 'comments' | '' | 'recent' | 'viewed' | 'rating' | 'commented'
}
interface TopicProps {
interface Props {
topic: Topic
shouts: Shout[]
topicSlug: string
isLoaded: boolean
title: (val: string) => string
}
export const PRERENDERED_ARTICLES_COUNT = 28
const LOAD_MORE_PAGE_SIZE = 9 // Row3 + Row3 + Row3
export const TopicView = (props: TopicProps) => {
export const TopicView = (props: Props) => {
const { t } = useLocalize()
const { searchParams, changeSearchParam } = useRouter<TopicsPageSearchParams>()
@ -80,101 +87,124 @@ export const TopicView = (props: TopicProps) => {
splitToPages(sortedArticles(), PRERENDERED_ARTICLES_COUNT, LOAD_MORE_PAGE_SIZE),
)
const pageTitle = `#${capitalize(topic().title, true)}`
createEffect(() => props.title(pageTitle))
const ogImage = topic().pic
? getImageUrl(topic().pic, { width: 1200 })
: getImageUrl('production/image/logo_image.png')
const description = topic().body
? getDescription(topic().body)
: t('The most interesting publications on the topic', { topicName: pageTitle })
const ogTitle = pageTitle
return (
<div class={styles.topicPage}>
<Show when={topic()}>
<FullTopic topic={topic()} />
<div class="wide-container">
<div class={clsx(styles.groupControls, 'row group__controls')}>
<div class="col-md-16">
<ul class="view-switcher">
<li
classList={{
'view-switcher__item--selected': searchParams().by === 'recent' || !searchParams().by,
}}
>
<button
type="button"
onClick={() =>
changeSearchParam({
by: 'recent',
})
}
<Meta name="descprition" content={description} />
<Meta name="keywords" content={t('topicKeywords', { topic: topic().title })} />
<Meta name="og:type" content="article" />
<Meta name="og:title" content={ogTitle} />
<Meta name="og:image" content={ogImage} />
<Meta name="twitter:image" content={ogImage} />
<Meta name="og:description" content={description} />
<Meta name="twitter:card" content="summary_large_image" />
<Meta name="twitter:title" content={ogTitle} />
<Meta name="twitter:description" content={description} />
<Show when={props.isLoaded} fallback={<Loading />}>
<Show when={topic()}>
<FullTopic topic={topic()} />
<div class="wide-container">
<div class={clsx(styles.groupControls, 'row group__controls')}>
<div class="col-md-16">
<ul class="view-switcher">
<li
classList={{
'view-switcher__item--selected': searchParams().by === 'recent' || !searchParams().by,
}}
>
{t('Recent')}
</button>
</li>
{/*TODO: server sort*/}
{/*<li classList={{ 'view-switcher__item--selected': getSearchParams().by === 'rating' }}>*/}
{/* <button type="button" onClick={() => changeSearchParam('by', 'rating')}>*/}
{/* {t('Popular')}*/}
{/* </button>*/}
{/*</li>*/}
{/*<li classList={{ 'view-switcher__item--selected': getSearchParams().by === 'viewed' }}>*/}
{/* <button type="button" onClick={() => changeSearchParam('by', 'viewed')}>*/}
{/* {t('Views')}*/}
{/* </button>*/}
{/*</li>*/}
{/*<li classList={{ 'view-switcher__item--selected': getSearchParams().by === 'commented' }}>*/}
{/* <button type="button" onClick={() => changeSearchParam('by', 'commented')}>*/}
{/* {t('Discussing')}*/}
{/* </button>*/}
{/*</li>*/}
</ul>
</div>
<div class="col-md-8">
<div class="mode-switcher">
{`${t('Show')} `}
<span class="mode-switcher__control">{t('All posts')}</span>
<button
type="button"
onClick={() =>
changeSearchParam({
by: 'recent',
})
}
>
{t('Recent')}
</button>
</li>
{/*TODO: server sort*/}
{/*<li classList={{ 'view-switcher__item--selected': getSearchParams().by === 'rating' }}>*/}
{/* <button type="button" onClick={() => changeSearchParam('by', 'rating')}>*/}
{/* {t('Popular')}*/}
{/* </button>*/}
{/*</li>*/}
{/*<li classList={{ 'view-switcher__item--selected': getSearchParams().by === 'viewed' }}>*/}
{/* <button type="button" onClick={() => changeSearchParam('by', 'viewed')}>*/}
{/* {t('Views')}*/}
{/* </button>*/}
{/*</li>*/}
{/*<li classList={{ 'view-switcher__item--selected': getSearchParams().by === 'commented' }}>*/}
{/* <button type="button" onClick={() => changeSearchParam('by', 'commented')}>*/}
{/* {t('Discussing')}*/}
{/* </button>*/}
{/*</li>*/}
</ul>
</div>
<div class="col-md-8">
<div class="mode-switcher">
{`${t('Show')} `}
<span class="mode-switcher__control">{t('All posts')}</span>
</div>
</div>
</div>
</div>
</div>
<Row1 article={sortedArticles()[0]} />
<Row2 articles={sortedArticles().slice(1, 3)} isEqual={true} />
<Row1 article={sortedArticles()[0]} />
<Row2 articles={sortedArticles().slice(1, 3)} isEqual={true} />
<Beside
title={t('Topic is supported by')}
values={authorsByTopic()[topic().slug].slice(0, 6)}
beside={sortedArticles()[4]}
wrapper={'author'}
/>
<Beside
title={t('Topic is supported by')}
values={authorsByTopic()[topic().slug].slice(0, 6)}
beside={sortedArticles()[4]}
wrapper={'author'}
/>
<ArticleCardSwiper title={title()} slides={sortedArticles().slice(5, 11)} />
<ArticleCardSwiper title={title()} slides={sortedArticles().slice(5, 11)} />
<Beside
beside={sortedArticles()[12]}
title={t('Top viewed')}
values={sortedArticles().slice(0, 5)}
wrapper={'top-article'}
/>
<Beside
beside={sortedArticles()[12]}
title={t('Top viewed')}
values={sortedArticles().slice(0, 5)}
wrapper={'top-article'}
/>
<Row2 articles={sortedArticles().slice(13, 15)} isEqual={true} />
<Row1 article={sortedArticles()[15]} />
<Row2 articles={sortedArticles().slice(13, 15)} isEqual={true} />
<Row1 article={sortedArticles()[15]} />
<Show when={sortedArticles().length > 15}>
<ArticleCardSwiper slides={sortedArticles().slice(16, 22)} />
<Row3 articles={sortedArticles().slice(23, 26)} />
<Row2 articles={sortedArticles().slice(26, 28)} />
</Show>
<Show when={sortedArticles().length > 15}>
<ArticleCardSwiper slides={sortedArticles().slice(16, 22)} />
<Row3 articles={sortedArticles().slice(23, 26)} />
<Row2 articles={sortedArticles().slice(26, 28)} />
</Show>
<For each={pages()}>
{(page) => (
<>
<Row3 articles={page.slice(0, 3)} />
<Row3 articles={page.slice(3, 6)} />
<Row3 articles={page.slice(6, 9)} />
</>
)}
</For>
<For each={pages()}>
{(page) => (
<>
<Row3 articles={page.slice(0, 3)} />
<Row3 articles={page.slice(3, 6)} />
<Row3 articles={page.slice(6, 9)} />
</>
)}
</For>
<Show when={isLoadMoreButtonVisible()}>
<p class="load-more-container">
<button class="button" onClick={loadMore}>
{t('Load more')}
</button>
</p>
<Show when={isLoadMoreButtonVisible()}>
<p class="load-more-container">
<button class="button" onClick={loadMore}>
{t('Load more')}
</button>
</p>
</Show>
</Show>
</Show>
</div>

2
src/components/_shared/SolidSwiper/ImageSwiper.tsx
View File

@ -1,5 +1,5 @@
import { clsx } from 'clsx'
import { createEffect, createSignal, For, Show, on, onMount, lazy, onCleanup } from 'solid-js'
import { createEffect, createSignal, For, Show, on, onMount, onCleanup } from 'solid-js'
import SwiperCore, { Manipulation, Navigation, Pagination } from 'swiper'
import { throttle } from 'throttle-debounce'

1
src/components/_shared/SolidSwiper/Swiper.module.scss
View File

@ -85,6 +85,7 @@
}
}
}
&.mobileView {
.container {
flex-direction: column-reverse;

2
src/context/profile.tsx
View File

@ -3,7 +3,7 @@ import type { ProfileInput } from '../graphql/types.gen'
import { createContext, createEffect, createMemo, JSX, useContext } from 'solid-js'
import { createStore } from 'solid-js/store'
import { loadAuthor, useAuthorsStore } from '../stores/zine/authors'
import { loadAuthor } from '../stores/zine/authors'
import { apiClient } from '../utils/apiClient'
import { useSession } from './session'

211
src/pages/about/discussionRules.page.tsx
View File

@ -1,121 +1,130 @@
import { PageLayout } from '../../components/_shared/PageLayout'
import { Meta } from '@solidjs/meta'
import { StaticPage } from '../../components/Views/StaticPage'
import { useLocalize } from '../../context/localize'
import { getImageUrl } from '../../utils/getImageUrl'
export const DiscussionRulesPage = () => {
const { t } = useLocalize()
const title = t('Discussion rules in social networks')
const ogImage = getImageUrl('production/image/logo_image.png')
const ogTitle = t('Community Discussion Rules')
const description = t(
'Why you can earn a hole in your karma and how to receive rays of gratitude for your contribution to discussions in samizdat communities',
)
return (
<PageLayout title={title}>
<StaticPage title={ogTitle}>
<article class="wide-container container--static-page">
<div class="row">
<div class="col-md-12 col-xl-14 offset-md-5 order-md-first">
<h1>
<span class="wrapped" innerHTML={title} />
</h1>
<Meta name="descprition" content={description} />
<Meta name="keywords" content={t('principles keywords')} />
<Meta name="og:type" content="article" />
<Meta name="og:title" content={ogTitle} />
<Meta name="og:image" content={ogImage} />
<Meta name="twitter:image" content={ogImage} />
<Meta name="og:description" content={description} />
<Meta name="twitter:card" content="summary_large_image" />
<Meta name="twitter:title" content={ogTitle} />
<Meta name="twitter:description" content={description} />
<h1>{ogTitle}</h1>
<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;&mdash; вдумчивых и&nbsp;сознательных людей, приверженных ценностям
гуманизма, демократии и&nbsp;прав человека. Мы&nbsp;очень ценим атмосферу осмысленного
общения, которая здесь сложилась. Чтобы сохранить ее&nbsp;такой&nbsp;же уютной
и&nbsp;творческой, мы&nbsp;составили правила общения в&nbsp;сообществе, руководствуясь
которыми каждый мог&nbsp;бы соучаствовать в&nbsp;плодотворных дискуссиях, не&nbsp;задевая
других. Ключевой принцип этих правил предельно прост&nbsp;&mdash; уважайте ближних,
постарайтесь не&nbsp;нарушать законы Российской Федерации без крайней
на&nbsp;то&nbsp;необходимости и&nbsp;помните, что в&nbsp;дискуссиях чутких
и&nbsp;здравомыслящих людей рождается истина.
Оскорбления, личные нападки, травля и&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>
</div>
<li>
<p>
<strong>Благодарность и&nbsp;поддержка.</strong> Если публикация вам зашла,
не&nbsp;стесняйтесь ставить лайки, делиться понравившимися материалами, благодарить авторов,
читателей, художников и&nbsp;редакторов в&nbsp;комментариях. Цените и&nbsp;поддерживайте
классные проекты, сильные тексты, новое искусство, осмысленные комментарии и&nbsp;вклад других
в&nbsp;самиздат&nbsp;&mdash; сотрудничество делает нас сильнее и&nbsp;усиливает звучание идей
и&nbsp;смыслов, которые помогают лучше понимать мир.
</p>
</li>
</ol>
</article>
</PageLayout>
</StaticPage>
)
}

109
src/pages/about/dogma.page.tsx
View File

@ -1,57 +1,70 @@
import { PageLayout } from '../../components/_shared/PageLayout'
import { useLocalize } from '../../context/localize'
import { Meta } from '@solidjs/meta'
import { StaticPage } from '../../components/Views/StaticPage'
import { useLocalize } from '../../context/localize'
import { getImageUrl } from '../../utils/getImageUrl'
// TODO: l10n
export const DogmaPage = () => {
const { t } = useLocalize()
const ogImage = getImageUrl('production/image/logo_image.png')
const ogTitle = t('Dogma')
const description = t('Professional principles that the open editorial team follows in its work')
return (
<PageLayout title={t('Dogma')}>
<StaticPage title={ogTitle}>
<Meta name="descprition" content={description} />
<Meta name="keywords" content={t('dogma keywords')} />
<Meta name="og:type" content="article" />
<Meta name="og:title" content={ogTitle} />
<Meta name="og:image" content={ogImage} />
<Meta name="twitter:image" content={ogImage} />
<Meta name="og:description" content={description} />
<Meta name="twitter:card" content="summary_large_image" />
<Meta name="twitter:title" content={ogTitle} />
<Meta name="twitter:description" content={description} />
<article class="wide-container container--static-page">
<div class="row">
<div class="col-md-12 col-xl-14 offset-md-5 order-md-first">
<h4>Редакционные принципы</h4>
<p>
Дискурс — журнал с открытой горизонтальной редакцией. Содержание журнала определяется прямым
голосованием его авторов. Мы нередко занимаем различные позиции по разным проблемам, но
придерживаемся общих профессиональных принципов:
</p>
<ol>
<li>
<b>На первое место ставим факты.</b> Наша задача — не судить, а наблюдать и непредвзято
фиксировать происходящее. Все утверждения и выводы, которые мы делаем, подтверждаются
фактами, цифрами, мнениями экспертов или ссылками на авторитетные источники.
</li>
<li>
<b>Ответственно относимся к источникам.</b>
Мы выбираем только надежные источники, проверяем информацию и рассказываем, как и откуда мы
её получили, кроме случаев, когда это может нанести вред источникам. Тогда мы не раскроем
их, даже в суде.
</li>
<li>
<b>Выбираем компетентных и независимых экспертов</b>, понимая всю степень ответственности
перед аудиторией.
</li>
<li>
<b>
Даем возможность высказаться всем заинтересованным сторонам, но не присоединяемся ни к
чьему лагерю.
</b>
Ко всем событиям, компаниям и людям мы относимся с одинаковым скептицизмом.
</li>
<li>
<b>Всегда исправляем ошибки, если мы их допустили.</b>
Никто не безгрешен, иногда и мы ошибаемся. Заметили ошибку — отправьте{' '}
<a href="/about/guide#editing">ремарку</a> автору или напишите нам на{' '}
<a href="mailto:welcome@discours.io" target="_blank">
welcome@discours.io
</a>
.
</li>
</ol>
</div>
</div>
<h4>Редакционные принципы</h4>
<p>
Дискурс — журнал с открытой горизонтальной редакцией. Содержание журнала определяется прямым
голосованием его авторов. Мы нередко занимаем различные позиции по разным проблемам, но
придерживаемся общих профессиональных принципов:
</p>
<ol>
<li>
<b>На первое место ставим факты.</b> Наша задача — не судить, а наблюдать и непредвзято
фиксировать происходящее. Все утверждения и выводы, которые мы делаем, подтверждаются фактами,
цифрами, мнениями экспертов или ссылками на авторитетные источники.
</li>
<li>
<b>Ответственно относимся к источникам.</b>
Мы выбираем только надежные источники, проверяем информацию и рассказываем, как и откуда мы её
получили, кроме случаев, когда это может нанести вред источникам. Тогда мы не раскроем их, даже
в суде.
</li>
<li>
<b>Выбираем компетентных и независимых экспертов</b>, понимая всю степень ответственности перед
аудиторией.
</li>
<li>
<b>
Даем возможность высказаться всем заинтересованным сторонам, но не присоединяемся ни к чьему
лагерю.
</b>
Ко всем событиям, компаниям и людям мы относимся с одинаковым скептицизмом.
</li>
<li>
<b>Всегда исправляем ошибки, если мы их допустили.</b>
Никто не безгрешен, иногда и мы ошибаемся. Заметили ошибку — отправьте{' '}
<a href="/about/guide#editing">ремарку</a> автору или напишите нам на{' '}
<a href="mailto:welcome@discours.io" target="_blank">
welcome@discours.io
</a>
.
</li>
</ol>
</article>
</PageLayout>
</StaticPage>
)
}

394
src/pages/about/guide.page.tsx
View File

@ -2,56 +2,60 @@ import { Meta } from '@solidjs/meta'
import { StaticPage } from '../../components/Views/StaticPage'
import { useLocalize } from '../../context/localize'
import { getImageUrl } from '../../utils/getImageUrl'
export const GuidePage = () => {
const { t } = useLocalize()
const title = t('How it works')
const ogImage = getImageUrl('production/image/logo_image.png')
const ogTitle = t('How Discours works')
const description = t('A guide to horizontal editorial: how an open journal works')
return (
<StaticPage
title={title}
layoutChildren={
<>
<Meta name="description" content={title} />
<Meta name="keywords" content={t('Discours') + ',' + title} />
<Meta property="og:title" content={title} />
<Meta property="og:description" content={title} />
<Meta property="og:image" content="/images/participation.png" />
<Meta property="og:image:width" content="1200" />
<Meta property="og:image:height" content="630" />
</>
}
>
<h1 id="about">
<span class="wrapped">Как устроен Дискурс</span>
</h1>
<StaticPage title={ogTitle}>
<>
<Meta name="descprition" content={description} />
<Meta name="keywords" content={t('keywords')} />
<Meta name="og:type" content="article" />
<Meta name="og:title" content={ogTitle} />
<Meta name="og:image" content={ogImage} />
<Meta name="twitter:image" content={ogImage} />
<Meta name="og:description" content={description} />
<Meta name="twitter:card" content="summary_large_image" />
<Meta name="twitter:title" content={ogTitle} />
<Meta name="twitter:description" content={description} />
<article class="wide-container container--static-page">
<h1 id="about">
<span class="wrapped">{ogTitle}</span>
</h1>
<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;обществе.
Дискурс&nbsp;&mdash; независимый журнал о&nbsp;культуре, науке, искусстве и&nbsp;обществе
с&nbsp;
<a href="/about/manifest">открытой редакцией</a>. У&nbsp;нас нет главного редактора, инвестора
и&nbsp;вообще никого, кто&nbsp;бы принимал единоличные решения. Вместо традиционных иерархий
Дискурс основан на&nbsp;принципах прямой демократии: в&nbsp;нашем горизонтальном сообществе все
редакционные вопросы решаются открытым голосованием авторов журнала. Вот как это работает.
</p>
</li>
<li>
<p>
<a href="/topic/art">Искусство</a>
&nbsp;&mdash; здесь, например, представлены художественные произведения: литература, живопись,
музыка, фотографии, видео. Этот раздел помогает прозвучать новому искусству, которое создают
российские художники, писатели, режиссёры и&nbsp;музыканты.
</p>
</li>
{/*
<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;этом разделе
@ -72,169 +76,173 @@ 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>
<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>
</ul>
<p>
<strong>Право определять, каким будет журнал</strong>. Дискурс&nbsp;&mdash; это общественная
институция, созданная людьми и&nbsp;ради людей, функционирующая на&nbsp;условиях прямой
демократии. Авторы публикуют статьи и&nbsp;художественные проекты, участвуют в&nbsp;обсуждениях,
голосуют за&nbsp;работы коллег и&nbsp;таким образом вносят свой вклад в&nbsp;развитие проекта,
определяя содержание и&nbsp;направление журнала.
Материалы в&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>
</li>
<li>
<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>
<strong>Возможность обратиться к&nbsp;широкой аудитории</strong>. Дискурс читают десятки тысяч
людей, и&nbsp;с&nbsp;каждым днем их&nbsp;становится больше.
Все присылаемые в&nbsp;Дискурс материалы попадают в&nbsp;
<strong>&laquo;Редакцию&raquo;</strong>. Это внутренний раздел сайта, где участники сообщества
решают, что будет опубликовано в&nbsp;Дискурсе. Как только работа получает одобрение как минимум
пятерых авторов открытой редакции, она немедленно публикуется в&nbsp;журнале. Если&nbsp;же
материал набирает более&nbsp;20% голосов &laquo;против&raquo;, он&nbsp;не&nbsp;выходит
и&nbsp;может быть отправлен на&nbsp;доработку. Жестких сроков рассмотрения материалов у&nbsp;нас
нет, иногда это занимает час, иногда месяц, обычно&nbsp;&mdash; несколько дней.
</p>
</li>
<li>
<section>
<p>
Как только сообщество поддержит публикацию, вы&nbsp;получите приглашение
в&nbsp;интернет-редакцию и&nbsp;сможете голосовать за&nbsp;новые материалы.
</p>
</section>
<h3 id="editing">Как мы&nbsp;делаем тексты друг друга лучше</h3>
<p>
<strong>Поддержка редакции</strong>. Дискурс предоставляет авторам аккредитацию
на&nbsp;мероприятия, базу контактов, юридическую поддержку, ознакомление с&nbsp;книжными, кино-
и&nbsp;музыкальными новинками до&nbsp;их&nbsp;выхода в&nbsp;свет. Если что-то из&nbsp;этого вам
понадобится, пишите на&nbsp;почту{' '}
Дискурс&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>
&nbsp;&mdash; поможем.
.
</p>
</li>
<li>
<p>
<strong>Пресс-карты для корреспондентов</strong>. Три опубликованные статьи позволяют авторам
Дискурса получить официальные удостоверения журналистов (пресс-карты) на&nbsp;следующий год.
Пресс-карты удостоверяют, что вы&nbsp;журналист и&nbsp;можете пользоваться всеми теми правами,
которые гарантирует Закон о&nbsp;СМИ. Кроме того, многие культурные институции (музеи, галереи
и&nbsp;др.) предоставляют журналистам право свободного входа.
Если у&nbsp;вас возникают трудности с&nbsp;тем, чтобы подобрать к&nbsp;своему материалу
иллюстрации, тоже пишите на&nbsp;
<a href="mailto:welcome@discours.io" target="_blank">
почту
</a>
&mdash; наши коллеги-художники могут вам помочь{' '}
<a href="/create?collab" target="_blank">
в&nbsp;режиме совместного редактирования
</a>
.
</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>
<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>
</article>
</>
</StaticPage>
)
}

220
src/pages/about/help.page.tsx
View File

@ -3,124 +3,138 @@ import { Meta } from '@solidjs/meta'
import { Donate } from '../../components/Discours/Donate'
import { StaticPage } from '../../components/Views/StaticPage'
import { useLocalize } from '../../context/localize'
import { getImageUrl } from '../../utils/getImageUrl'
export const HelpPage = () => {
const { t } = useLocalize()
// TODO: l10n
return (
<StaticPage
title={t('Support us')}
layoutChildren={
<>
<Meta name="description" content="Здесь можно поддержать Дискурс материально." />
<Meta name="keywords" content="Discours.io, помощь, благотворительность" />
</>
}
>
<h1 id="help-us">
<span class="wrapped">Как вы&nbsp;можете поддержать Дискурс?</span>
</h1>
const ogImage = getImageUrl('production/image/logo_image.png')
const ogTitle = t('Support Discours')
const description = t(
'Contribute to free samizdat. Support Discours - an independent non-profit publication that works only for you. Become a pillar of the open newsroom',
)
return (
<StaticPage title={ogTitle}>
<>
<Meta name="descprition" content={description} />
<Meta name="keywords" content={t('keywords')} />
<Meta name="og:type" content="article" />
<Meta name="og:title" content={ogTitle} />
<Meta name="og:image" content={ogImage} />
<Meta name="twitter:image" content={ogImage} />
<Meta name="og:description" content={description} />
<Meta name="twitter:card" content="summary_large_image" />
<Meta name="twitter:title" content={ogTitle} />
<Meta name="twitter:description" content={description} />
<article class="wide-container container--static-page">
<h1 id="help-us">
<span class="wrapped">Как вы&nbsp;можете поддержать Дискурс?</span>
</h1>
<p>
Дискурс&nbsp;&mdash; уникальное независимое издание с&nbsp;горизонтальной редакцией, существующее
в&nbsp;интересах своих читателей. Ваша поддержка действительно много значит&nbsp;&mdash;
не&nbsp;только для редакции Дискурса, но&nbsp;и&nbsp;для сохранения свободной мысли
и&nbsp;некоммерческого искусства в&nbsp;нашем обществе.
</p>
<p>
Дискурс существует на&nbsp;добровольных началах. Никакой медиахолдинг, фонд или государственная
структура не&nbsp;финансирует нас&nbsp;&mdash; благодаря этому мы&nbsp;можем писать о&nbsp;том, что
важно, а&nbsp;не&nbsp;о&nbsp;том, что выгодно. Сообщество наших волонтеров ежедневно трудится, чтобы
рассказывать вам интересные, не&nbsp;освещенные другими изданиями истории&nbsp;&mdash;
но&nbsp;мы&nbsp;не&nbsp;сможем делать это без вашей помощи. Пожертвования читателей составляют
основу нашего бюджета и&nbsp;позволяют нам существовать.
</p>
<p>
Если вам нравится&nbsp;то, что мы&nbsp;делаем и&nbsp;вы&nbsp;хотите, чтобы Дискурс продолжался,
пожалуйста, поддержите проект.
</p>
<div class="row">
<div class="col-sm-22 col-md-24">
<Donate />
</div>
</div>
<h3 id="financial-report">На&nbsp;что пойдут деньги?</h3>
<p>
Ваши пожертвования пойдут на&nbsp;оплату серверов, содержание офиса, зарплату редакции
и&nbsp;налоги, оплату юридического сопровождения и&nbsp;труда бухгалтера, совершенствование сайта,
аренду помещения для открытой редакции, на&nbsp;печать альманаха Дискурс с&nbsp;лучшими текстами
авторов за&nbsp;полгода, а&nbsp;также на&nbsp;другие редакционные и&nbsp;технические расходы.
</p>
<h3>Ваша помощь позволит нам</h3>
<ul>
<li>
<h4>Оставаться бесплатным изданием.</h4>
<p>
Мы&nbsp;делаем открытый журнал для всех желающих, а&nbsp;также собираем искусство лучших авторов
по&nbsp;всему миру. Ваша поддержка позволяет нам становиться лучше.
Дискурс&nbsp;&mdash; уникальное независимое издание с&nbsp;горизонтальной редакцией,
существующее в&nbsp;интересах своих читателей. Ваша поддержка действительно много
значит&nbsp;&mdash; не&nbsp;только для редакции Дискурса, но&nbsp;и&nbsp;для сохранения
свободной мысли и&nbsp;некоммерческого искусства в&nbsp;нашем обществе.
</p>
</li>
<li>
<h4>Создавать еще больше контента.</h4>
<p>
Каждый день к&nbsp;нам присоединяются новые люди, и&nbsp;чем больше нас становится, тем больше
мы&nbsp;творим и&nbsp;строже оцениваем результаты творчества друг друга. В&nbsp;результате
повышается и&nbsp;количество, и&nbsp;качество контента. Каждый день мы трудимся, чтобы открывать
нашим читателям новые грани окружающего мира.
Дискурс существует на&nbsp;добровольных началах. Никакой медиахолдинг, фонд или государственная
структура не&nbsp;финансирует нас&nbsp;&mdash; благодаря этому мы&nbsp;можем писать о&nbsp;том,
что важно, а&nbsp;не&nbsp;о&nbsp;том, что выгодно. Сообщество наших волонтеров ежедневно
трудится, чтобы рассказывать вам интересные, не&nbsp;освещенные другими изданиями
истории&nbsp;&mdash; но&nbsp;мы&nbsp;не&nbsp;сможем делать это без вашей помощи. Пожертвования
читателей составляют основу нашего бюджета и&nbsp;позволяют нам существовать.
</p>
</li>
<li>
<h4>Развивать форматы и&nbsp;расширять деятельность Дискурса.</h4>
<p>
Мы&nbsp;создаем различные спецпроекты и&nbsp;регулярно проводим необычные мероприятия.
Мы&nbsp;хотим приносить пользу человечеству всеми возможными способами.
Если вам нравится&nbsp;то, что мы&nbsp;делаем и&nbsp;вы&nbsp;хотите, чтобы Дискурс продолжался,
пожалуйста, поддержите проект.
</p>
</li>
<li>
<h4>Модернизировать сайт.</h4>
<div class="row">
<div class="col-sm-22 col-md-24">
<Donate />
</div>
</div>
<h3 id="financial-report">На&nbsp;что пойдут деньги?</h3>
<p>
Мы&nbsp;совершенствуем платформу и&nbsp;стараемся сделать проект максимально удобным для вас.
Мы&nbsp;работаем над мобильной версией, новым дизайном, фукционалом, системой регистрации,
навигации и&nbsp;рекомендаций, которые сделают наше общение еще увлекательней.
Ваши пожертвования пойдут на&nbsp;оплату серверов, содержание офиса, зарплату редакции
и&nbsp;налоги, оплату юридического сопровождения и&nbsp;труда бухгалтера, совершенствование
сайта, аренду помещения для открытой редакции, на&nbsp;печать альманаха Дискурс с&nbsp;лучшими
текстами авторов за&nbsp;полгода, а&nbsp;также на&nbsp;другие редакционные и&nbsp;технические
расходы.
</p>
</li>
<li>
<h4>Выпускать альманах.</h4>
<h3>Ваша помощь позволит нам</h3>
<ul>
<li>
<h4>Оставаться бесплатным изданием.</h4>
<p>
Мы&nbsp;делаем открытый журнал для всех желающих, а&nbsp;также собираем искусство лучших
авторов по&nbsp;всему миру. Ваша поддержка позволяет нам становиться лучше.
</p>
</li>
<li>
<h4>Создавать еще больше контента.</h4>
<p>
Каждый день к&nbsp;нам присоединяются новые люди, и&nbsp;чем больше нас становится, тем
больше мы&nbsp;творим и&nbsp;строже оцениваем результаты творчества друг друга.
В&nbsp;результате повышается и&nbsp;количество, и&nbsp;качество контента. Каждый день мы
трудимся, чтобы открывать нашим читателям новые грани окружающего мира.
</p>
</li>
<li>
<h4>Развивать форматы и&nbsp;расширять деятельность Дискурса.</h4>
<p>
Мы&nbsp;создаем различные спецпроекты и&nbsp;регулярно проводим необычные мероприятия.
Мы&nbsp;хотим приносить пользу человечеству всеми возможными способами.
</p>
</li>
<li>
<h4>Модернизировать сайт.</h4>
<p>
Мы&nbsp;совершенствуем платформу и&nbsp;стараемся сделать проект максимально удобным для
вас. Мы&nbsp;работаем над мобильной версией, новым дизайном, фукционалом, системой
регистрации, навигации и&nbsp;рекомендаций, которые сделают наше общение еще увлекательней.
</p>
</li>
<li>
<h4>Выпускать альманах.</h4>
<p>
Выпускать раз в&nbsp;полугодие печатный альманах Дискурс с&nbsp;33&nbsp;лучшими текстами
сайта.
</p>
</li>
<li>
<h4>Захватить весь мир</h4>
<p>и&nbsp;принести &laquo;Дискурс&raquo; в&nbsp;каждый дом.</p>
</li>
</ul>
<h3 id="trustee">Войдите в&nbsp;попечительский совет Дискурса</h3>
<p>
Выпускать раз в&nbsp;полугодие печатный альманах Дискурс с&nbsp;33&nbsp;лучшими текстами сайта.
Вы&nbsp;хотите сделать крупное пожертвование? Станьте попечителем Дискурса&nbsp;&mdash;{' '}
<a class="black-link" href="mailto:welcome@discours.io" target="_blank">
напишите нам
</a>
, мы&nbsp;будем рады единомышленникам.
</p>
</li>
<li>
<h4>Захватить весь мир</h4>
<p>и&nbsp;принести &laquo;Дискурс&raquo; в&nbsp;каждый дом.</p>
</li>
</ul>
<h3 id="trustee">Войдите в&nbsp;попечительский совет Дискурса</h3>
<p>
Вы&nbsp;хотите сделать крупное пожертвование? Станьте попечителем Дискурса&nbsp;&mdash;{' '}
<a class="black-link" href="mailto:welcome@discours.io" target="_blank">
напишите нам
</a>
, мы&nbsp;будем рады единомышленникам.
</p>
<h3 id="other">Как ещё можно поддержать Дискурс?</h3>
<p>
Есть много других способов поддержать Дискурс и&nbsp;труд наших авторов. Например, вы&nbsp;можете
периодически рассказывать о&nbsp;проекте своим друзьям в&nbsp;соцсетях, делиться хорошими
материалами или&nbsp;&mdash; что еще лучше&nbsp;&mdash; публиковать свои статьи
в&nbsp;&laquo;Дискурсе&raquo;. Но&nbsp;главное, что вы&nbsp;можете сделать для Дискурса, &mdash;
читать нас. Мы&nbsp;вкладываем в&nbsp;журнал душу, и&nbsp;внимание каждого читателя убеждает нас
в&nbsp;правильности выбранного пути. Не&nbsp;переключайтесь.
</p>
<p>
Если вы&nbsp;хотите помочь проекту, но&nbsp;у&nbsp;вас возникли вопросы, напишите нам письмо
по&nbsp;адресу{' '}
<a class="black-link" href="mailto:welcome@discours.io" target="_blank">
welcome@discours.io
</a>
.
</p>
<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>
</article>
</>
</StaticPage>
)
}

265
src/pages/about/manifest.page.tsx
View File

@ -1,145 +1,164 @@
import { Meta } from '@solidjs/meta'
import { Subscribe } from '../../components/_shared/Subscribe'
import { Feedback } from '../../components/Discours/Feedback'
import { Modal } from '../../components/Nav/Modal'
import Opener from '../../components/Nav/Modal/Opener'
import { StaticPage } from '../../components/Views/StaticPage'
import { useLocalize } from '../../context/localize'
import { getImageUrl } from '../../utils/getImageUrl'
export const ManifestPage = () => {
const { t } = useLocalize()
const ogImage = getImageUrl('production/image/logo_image.png')
const ogTitle = t('Discours Manifest')
const description = t(
'Manifest of samizdat: principles and mission of an open magazine with a horizontal editorial board',
)
return (
<StaticPage
title={t('Manifest')}
layoutChildren={
<>
<Modal variant="wide" name="feedback">
<Feedback />
</Modal>
<Modal variant="wide" name="subscribe">
<Subscribe />
</Modal>
</>
}
>
<h1 id="manifest">
<span class="wrapped">Манифест</span>
</h1>
<StaticPage title={ogTitle}>
<>
<Modal variant="wide" name="feedback">
<Feedback />
</Modal>
<Modal variant="wide" name="subscribe">
<Subscribe />
</Modal>
<Meta name="descprition" content={description} />
<Meta name="keywords" content={t('keywords')} />
<Meta name="og:type" content="article" />
<Meta name="og:title" content={ogTitle} />
<Meta name="og:image" content={ogImage} />
<Meta name="twitter:image" content={ogImage} />
<Meta name="og:description" content={description} />
<Meta name="twitter:card" content="summary_large_image" />
<Meta name="twitter:title" content={ogTitle} />
<Meta name="twitter:description" content={description} />
<article class="wide-container container--static-page">
<h1 id="manifest">
<span class="wrapped">Манифест</span>
</h1>
<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>
<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>
<h2 class="h2" id="participation">
<span class="wrapped">Как участвовать в&nbsp;самиздате</span>
</h2>
<p>
Дискурс создается <a href="/about/guide">открытым сообществом</a> энтузиастов новой независимой
журналистики. Участвовать в&nbsp;открытой редакции и&nbsp;помогать журналу можно следующими
способами:
</p>
<details open>
<summary>
<h3 id="contribute">Предлагать материалы</h3>
</summary>
<p>
<a href="/create">Создавайте</a> свои статьи и&nbsp;художественные работы&nbsp;&mdash; лучшие из
них будут опубликованы в&nbsp;журнале. Дискурс&nbsp;&mdash; некоммерческое издание, авторы
публикуются в&nbsp;журнале на&nbsp;общественных началах, получая при этом{' '}
<a href="/create?collab=true">поддержку</a> редакции, право голоса, множество других возможностей
и&nbsp;читателей по&nbsp;всему миру.
</p>
</details>
<p>
Дискурс создается <a href="/about/guide">открытым сообществом</a> энтузиастов новой независимой
журналистики. Участвовать в&nbsp;открытой редакции и&nbsp;помогать журналу можно следующими
способами:
</p>
<details open>
<summary>
<h3 id="contribute">Предлагать материалы</h3>
</summary>
<p>
<a href="/create">Создавайте</a> свои статьи и&nbsp;художественные работы&nbsp;&mdash; лучшие
из них будут опубликованы в&nbsp;журнале. Дискурс&nbsp;&mdash; некоммерческое издание, авторы
публикуются в&nbsp;журнале на&nbsp;общественных началах, получая при этом{' '}
<a href="/create?collab=true">поддержку</a> редакции, право голоса, множество других
возможностей и&nbsp;читателей по&nbsp;всему миру.
</p>
</details>
<details>
<summary>
<h3 id="donate">Поддерживать проект</h3>
</summary>
<p>
Дискурс существует на&nbsp;пожертвования читателей. Если вам нравится журнал, пожалуйста,{' '}
<a href="/about/help">поддержите</a> нашу работу. Ваши пожертвования пойдут на&nbsp;выпуск новых
материалов, оплату серверов, труда программистов, дизайнеров и&nbsp;редакторов.
</p>
</details>
<details>
<summary>
<h3 id="donate">Поддерживать проект</h3>
</summary>
<p>
Дискурс существует на&nbsp;пожертвования читателей. Если вам нравится журнал, пожалуйста,{' '}
<a href="/about/help">поддержите</a> нашу работу. Ваши пожертвования пойдут на&nbsp;выпуск
новых материалов, оплату серверов, труда программистов, дизайнеров и&nbsp;редакторов.
</p>
</details>
<details>
<summary>
<h3 id="cooperation">Сотрудничать с&nbsp;журналом</h3>
</summary>
<p>
Мы всегда открыты для сотрудничества и&nbsp;рады единомышленникам. Если вы хотите помогать журналу
с&nbsp;редактурой, корректурой, иллюстрациями, переводами, версткой, подкастами, мероприятиями,
фандрайзингом или как-то ещё&nbsp;&mdash; скорее пишите нам на&nbsp;
<a href="mailto:welcome@discours.io">welcome@discours.io</a>.
</p>
<p>
Если вы представляете некоммерческую организацию и&nbsp;хотите сделать с&nbsp;нами совместный
проект, получить информационную поддержку или предложить другую форму сотрудничества&nbsp;&mdash;{' '}
<a href="mailto:welcome@discours.io">пишите</a>.
</p>
<p>
Если вы разработчик и&nbsp;хотите помогать с&nbsp;развитием сайта Дискурса,{' '}
<a href="mailto:services@discours.io">присоединяйтесь к&nbsp;IT-команде самиздата</a>. Открытый
код платформы для независимой журналистики, а&nbsp;также всех наших спецпроектов
и&nbsp;медиаинструментов находится{' '}
<a href="https://github.com/Discours">в&nbsp;свободном доступе на&nbsp;GitHub</a>.
</p>
</details>
<details>
<summary>
<h3 id="cooperation">Сотрудничать с&nbsp;журналом</h3>
</summary>
<p>
Мы всегда открыты для сотрудничества и&nbsp;рады единомышленникам. Если вы хотите помогать
журналу с&nbsp;редактурой, корректурой, иллюстрациями, переводами, версткой, подкастами,
мероприятиями, фандрайзингом или как-то ещё&nbsp;&mdash; скорее пишите нам на&nbsp;
<a href="mailto:welcome@discours.io">welcome@discours.io</a>.
</p>
<p>
Если вы представляете некоммерческую организацию и&nbsp;хотите сделать с&nbsp;нами совместный
проект, получить информационную поддержку или предложить другую форму
сотрудничества&nbsp;&mdash; <a href="mailto:welcome@discours.io">пишите</a>.
</p>
<p>
Если вы разработчик и&nbsp;хотите помогать с&nbsp;развитием сайта Дискурса,{' '}
<a href="mailto:services@discours.io">присоединяйтесь к&nbsp;IT-команде самиздата</a>.
Открытый код платформы для независимой журналистики, а&nbsp;также всех наших спецпроектов
и&nbsp;медиаинструментов находится{' '}
<a href="https://github.com/Discours">в&nbsp;свободном доступе на&nbsp;GitHub</a>.
</p>
</details>
<details>
<summary>
<h3 id="follow">Как еще можно помочь</h3>
</summary>
<p>
Советуйте Дискурс друзьям и&nbsp;знакомым. Обсуждайте и&nbsp;распространяйте наши
публикации&nbsp;&mdash; все материалы открытой редакции можно читать и&nbsp;перепечатывать
бесплатно. Подпишитесь на&nbsp;самиздат <a href="https://vk.com/discoursio">ВКонтакте</a>, в&nbsp;
<a href="https://facebook.com/discoursio">Фейсбуке</a> и&nbsp;в&nbsp;
<a href="https://t.me/discoursio">Телеграме</a>, а&nbsp;также на&nbsp;
<Opener name="subscribe">рассылку лучших материалов</Opener>, чтобы не&nbsp;пропустить ничего
интересного.
</p>
<p>
<a href="https://forms.gle/9UnHBAz9Q3tjH5dAA">Рассказывайте о&nbsp;впечатлениях</a>{' '}
от&nbsp;материалов открытой редакции, <Opener name="feedback">делитесь идеями</Opener>,
интересными темами, о&nbsp;которых хотели бы узнать больше, и&nbsp;историями, которые нужно
рассказать.
</p>
</details>
<details>
<summary>
<h3 id="follow">Как еще можно помочь</h3>
</summary>
<p>
Советуйте Дискурс друзьям и&nbsp;знакомым. Обсуждайте и&nbsp;распространяйте наши
публикации&nbsp;&mdash; все материалы открытой редакции можно читать и&nbsp;перепечатывать
бесплатно. Подпишитесь на&nbsp;самиздат <a href="https://vk.com/discoursio">ВКонтакте</a>,
в&nbsp;
<a href="https://facebook.com/discoursio">Фейсбуке</a> и&nbsp;в&nbsp;
<a href="https://t.me/discoursio">Телеграме</a>, а&nbsp;также на&nbsp;
<Opener name="subscribe">рассылку лучших материалов</Opener>, чтобы не&nbsp;пропустить ничего
интересного.
</p>
<p>
<a href="https://forms.gle/9UnHBAz9Q3tjH5dAA">Рассказывайте о&nbsp;впечатлениях</a>{' '}
от&nbsp;материалов открытой редакции, <Opener name="feedback">делитесь идеями</Opener>,
интересными темами, о&nbsp;которых хотели бы узнать больше, и&nbsp;историями, которые нужно
рассказать.
</p>
</details>
<h2 class="h2" id="connection">
<span class="wrapped">Будем на&nbsp;связи</span>
</h2>
<h2 class="h2" id="connection">
<span class="wrapped">Будем на&nbsp;связи</span>
</h2>
<p>
Если вы хотите предложить материал, сотрудничать, рассказать о&nbsp;проблеме, которую нужно
осветить, сообщить об&nbsp;ошибке или баге, что-то обсудить, уточнить или посоветовать, пожалуйста,{' '}
<Opener name="feedback">напишите нам здесь</Opener> или на&nbsp;почту{' '}
<a href="mailto:welcome@discours.io">welcome@discours.io</a>. Мы обязательно ответим
и&nbsp;постараемся реализовать все хорошие задумки.
</p>
<p>
Если вы хотите предложить материал, сотрудничать, рассказать о&nbsp;проблеме, которую нужно
осветить, сообщить об&nbsp;ошибке или баге, что-то обсудить, уточнить или посоветовать,
пожалуйста, <Opener name="feedback">напишите нам здесь</Opener> или на&nbsp;почту{' '}
<a href="mailto:welcome@discours.io">welcome@discours.io</a>. Мы обязательно ответим
и&nbsp;постараемся реализовать все хорошие задумки.
</p>
</article>
</>
</StaticPage>
)
}

24
src/pages/about/partners.page.tsx
View File

@ -1,18 +1,36 @@
import { PageLayout } from '../../components/_shared/PageLayout'
import { Meta } from '@solidjs/meta'
import { StaticPage } from '../../components/Views/StaticPage'
import { useLocalize } from '../../context/localize'
import { getImageUrl } from '../../utils/getImageUrl'
export const PartnersPage = () => {
const { t } = useLocalize()
const ogTitle = t('Partners')
const ogImage = getImageUrl('production/image/logo_image.png')
const description = t('Discours Partners')
return (
<PageLayout title={t('Partners')}>
<StaticPage title={ogTitle}>
<article class="wide-container container--static-page">
<Meta name="descprition" content={description} />
<Meta name="keywords" content={t('keywords')} />
<Meta name="og:type" content="article" />
<Meta name="og:title" content={ogTitle} />
<Meta name="og:image" content={ogImage} />
<Meta name="twitter:image" content={ogImage} />
<Meta name="og:description" content={description} />
<Meta name="twitter:card" content="summary_large_image" />
<Meta name="twitter:title" content={ogTitle} />
<Meta name="twitter:description" content={description} />
<div class="row">
<div class="col-md-12 col-xl-14 offset-md-5 order-md-first">
<h1>{t('Partners')}</h1>
</div>
</div>
</article>
</PageLayout>
</StaticPage>
)
}

325
src/pages/about/principles.page.tsx
View File

@ -1,179 +1,190 @@
import { PageLayout } from '../../components/_shared/PageLayout'
import { Meta } from '@solidjs/meta'
import { StaticPage } from '../../components/Views/StaticPage'
import { useLocalize } from '../../context/localize'
import { getImageUrl } from '../../utils/getImageUrl'
export const PrinciplesPage = () => {
const { t } = useLocalize()
const ogImage = getImageUrl('production/image/logo_image.png')
const ogTitle = t('Community Principles')
const description = t('Community values and rules of engagement for the open editorial team')
return (
<PageLayout title={t('Principles')}>
<StaticPage title={ogTitle}>
<article class="wide-container container--static-page">
<div class="row">
<div class="col-md-12 col-xl-14 offset-md-5 order-md-first">
<h1>
<span class="wrapped">{t('Principles')}</span>
</h1>
<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>
<Meta name="descprition" content={description} />
<Meta name="keywords" content={t('principles keywords')} />
<Meta name="og:type" content="article" />
<Meta name="og:title" content={ogTitle} />
<Meta name="og:image" content={ogImage} />
<Meta name="twitter:image" content={ogImage} />
<Meta name="og:description" content={description} />
<Meta name="twitter:card" content="summary_large_image" />
<Meta name="twitter:title" content={ogTitle} />
<Meta name="twitter:description" content={description} />
<h1>
<span class="wrapped">{ogTitle}</span>
</h1>
<ol>
<li>
<p>
Открытая редакция объединяет сотни потрясающих людей со&nbsp;всего мира, которые делают
крутейшие вещи. Это пространство, где доверяют, вдохновляют, исследуют и&nbsp;создают новое
вместе. Поскольку все в&nbsp;сообществе очень разные, как-то мы&nbsp;собрались и&nbsp;решили
зафиксировать базовые ценности открытой редакции, а&nbsp;заодно придумали универсальные
правила взаимодействия, чтобы общение было не&nbsp;только плодотворным,
но&nbsp;и&nbsp;приятным для всех участников сообщества.
<strong>Горизонтальность</strong>. Мы&nbsp;все разные, и&nbsp;это классно. Вертикалей
в&nbsp;мире достаточно, мы&nbsp;&mdash; горизонтальное сообщество и&nbsp;ценим наши различия,
потому что знаем&nbsp;&mdash; в&nbsp;них наша сила. Благодаря разнообразию сотен голосов,
усиливающих друг друга, в&nbsp;сообществе складывается неповторимая синергия, которая помогает
вместе достигать большего.
</p>
<ol>
<li>
<p>
<strong>Действуем, помогаем и&nbsp;делимся</strong>. В&nbsp;редакции мы&nbsp;создаем свои
проекты и&nbsp;помогаем другим создавать свои&nbsp;&mdash; советами, делом, участием,
вовлеченностью. Мы&nbsp;открыто делимся опытом, мнениями и&nbsp;идеями, потому что ценим
силу сотрудничества и&nbsp;знаем, что идеи реализуются скорее, лучше и&nbsp;веселее, если
над ними трудиться сообща.
</p>
</li>
</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>
<li>
<p>
<strong>Общаемся дружелюбно</strong>. Помните, по&nbsp;ту&nbsp;сторону монитора находятся
реальные люди. Неуважение ранит других так&nbsp;же, как ранило&nbsp;бы вас самих. Поэтому
не&nbsp;стоит кричать (даже капслоком), заполнять эфир желчью и&nbsp;бросаться
грубостями&nbsp;&mdash; так вы&nbsp;рискуете не&nbsp;только растерять доверие окружающих,
но&nbsp;и&nbsp;остаться непонятым.
</p>
</li>
<h2 class="h2" id="participation">
<span class="wrapped">Как у&nbsp;нас принято себя вести</span>
</h2>
<li>
<p>
<strong>Критикуем и&nbsp;реагируем конструктивно</strong>. Самиздат про&nbsp;то, чтобы
разбираться в&nbsp;сложных вещах всем сообществом, поэтому мы&nbsp;тактично и&nbsp;без
агрессии делимся мнениями, стараясь убедительно аргументировать позиции.
И&nbsp;с&nbsp;благодарностью принимаем критику, используя ее&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>Решаем трудности не&nbsp;агрессией, а&nbsp;диалогом</strong>. Обесценивать мнения
и&nbsp;оскорблять других людей только потому, что вы&nbsp;с&nbsp;ними
не&nbsp;согласны,&nbsp;&mdash; не&nbsp;лучший способ донести свою точку зрения. Конечно,
важно высказаться, если вас что-то не&nbsp;устраивает и&nbsp;откровенно бесит.
Но&nbsp;прежде чем сжигать оппонента гневом, попробуйте понять, почему этот
&laquo;нехороший человек&raquo; так поступает. Возможно, аргументы собеседника окажутся
убедительными или вам удастся изменить его мнение. В&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;переходим на&nbsp;личности&nbsp;&mdash; это признак токсичности</strong>.
Всегда мудрее обсуждать точку зрения человека, а&nbsp;не&nbsp;его самого, даже если
он&nbsp;вам не&nbsp;импонирует. Предвзятое отношение ограничивает кругозор, добавляет
преждевременные морщины и&nbsp;не&nbsp;помогает окружающим стать лучше. Вежливость
и&nbsp;взаимоуважение&nbsp;&mdash; краеугольная основа вдумчивых и&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;бы, простые вещи. &laquo;Спасибо&raquo; не&nbsp;зря называют волшебным
словом&nbsp;&mdash; на&nbsp;искренней благодарности держится любое подлинное
сотрудничество. Поддержка воодушевляет на&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>Даем еще один шанс</strong>. Все совершают ошибки, и&nbsp;за&nbsp;один проступок
не&nbsp;стоит вычеркивать людей из&nbsp;жизни. Ошибки нужны, чтобы на&nbsp;них учиться
и&nbsp;делать выводы. Однако если многократно и&nbsp;систематически нарушать правила
сообщества, наверняка можно заслужить минусы в&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>Вместе создаем идеальную среду общения</strong>. Открытая редакция&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>Помним, что всё в&nbsp;сообществе зависит от&nbsp;нас</strong>. Если нам чего-то
не&nbsp;хватает, мы&nbsp;начинаем действовать&nbsp;&mdash; рассказываем об&nbsp;идее,
находим единомышленников, готовим и&nbsp;запускаем проект. Так в&nbsp;сообществе
становится на&nbsp;одну крутую активность больше. Так появилось наше сообщество. Так
появился самиздат и&nbsp;все проекты открытой редакции. Чтобы в&nbsp;сообществе случилось
что-то прекрасное, достаточно просто положить этому начало.
</p>
</li>
</ol>
</div>
</div>
<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>Помним, что всё в&nbsp;сообществе зависит от&nbsp;нас</strong>. Если нам чего-то
не&nbsp;хватает, мы&nbsp;начинаем действовать&nbsp;&mdash; рассказываем об&nbsp;идее, находим
единомышленников, готовим и&nbsp;запускаем проект. Так в&nbsp;сообществе становится
на&nbsp;одну крутую активность больше. Так появилось наше сообщество. Так появился самиздат
и&nbsp;все проекты открытой редакции. Чтобы в&nbsp;сообществе случилось что-то прекрасное,
достаточно просто положить этому начало.
</p>
</li>
</ol>
</article>
</PageLayout>
</StaticPage>
)
}

476
src/pages/about/termsOfUse.page.tsx
View File

@ -1,283 +1,243 @@
import { Meta } from '@solidjs/meta'
import { createSignal, Show } from 'solid-js'
import { Icon } from '../../components/_shared/Icon'
import { PageLayout } from '../../components/_shared/PageLayout'
import { StaticPage } from '../../components/Views/StaticPage'
import { useLocalize } from '../../context/localize'
import { getImageUrl } from '../../utils/getImageUrl'
export const TermsOfUsePage = () => {
const { t } = useLocalize()
const [indexExpanded, setIndexExpanded] = createSignal(true)
const toggleIndexExpanded = () => setIndexExpanded((oldExpanded) => !oldExpanded)
const ogTitle = t('Terms of use')
const ogImage = getImageUrl('production/image/logo_image.png')
const description = t('Rules of the journal Discours')
const title = t('Terms of use')
return (
<PageLayout title={title}>
<Meta name="description" content={title} />
<Meta name="keywords" content={`Discours.io, ${title}`} />
<Meta property="og:title" content={title} />
<Meta property="og:description" content={title} />
<StaticPage title={ogTitle}>
<Meta name="descprition" content={description} />
<Meta name="keywords" content={t('terms of use keywords')} />
<Meta name="og:type" content="article" />
<Meta name="og:title" content={ogTitle} />
<Meta name="og:image" content={ogImage} />
<Meta name="twitter:image" content={ogImage} />
<Meta name="og:description" content={description} />
<Meta name="twitter:card" content="summary_large_image" />
<Meta name="twitter:title" content={ogTitle} />
<Meta name="twitter:description" content={description} />
<article class="wide-container container--static-page">
<div class="row">
<div class="col-md-6 col-lg-4 order-md-last">
<button class="button button--content-index" onClick={toggleIndexExpanded}>
<Show when={!indexExpanded()}>
<Icon name="content-index-control" />
</Show>
<Show when={indexExpanded()}>
<Icon name="content-index-control-expanded" class={'expanded'} />
</Show>
</button>
<Show when={indexExpanded()}>
<nav class="content-index">
<h4>Оглавление</h4>
<ul class="nodash">
<li>
<a href="#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-12 col-xl-14 offset-md-5 order-md-first">
<h1 id="terms-of-use">
<span class="wrapped">Пользовательское соглашение</span>
</h1>
<h1 id="terms-of-use">
<span class="wrapped">Пользовательское соглашение</span>
</h1>
<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;&mdash; это сообщество творческих людей, объединенных идеей делать интересный
журнал для всех желающих. Авторы Дискурса сообща посредством прямого голосования определяют
содержание журнала.
Вся информация на&nbsp;сайте (включая тексты, изображения, видеоматериалы, аудиозаписи,
программный код, дизайн сайта и&nbsp;т.д.) является объектом интеллектуальной собственности
ее&nbsp;правообладателей и&nbsp;охраняется законодательством РФ.
</p>
<p>Для того, чтобы Дискурс работал без помех, разработаны настоящие Правила.</p>
<h3 id="definitions">Определения</h3>
</li>
<li>
<p>
<strong>Сайт</strong>&nbsp;&mdash; портал discours.io
Публикуя контент на&nbsp;сайте, Пользователь на&nbsp;безвозмездной основе предоставляет
Издательству право на&nbsp;воспроизведение, распространение, перевод, редактирование контента.
Данное право предоставляется Издательству на&nbsp;весь срок действия авторских прав
Пользователя.
</p>
</li>
<li>
<p>
<strong>Пользователь</strong>&nbsp;&mdash; лицо, пользующееся Сайтом, либо юридическое лицо,
обладающее правами на&nbsp;интеллектуальную собственность.
Пользователь предоставляет Издательству право редактировать контент, в&nbsp;том числе вносить
в&nbsp;него изменения, сокращения и&nbsp;дополнения, снабжать его иллюстрациями
и&nbsp;пояснениями, исправлять ошибки и&nbsp;уточнять фактические сведения, при условии, что
этим не&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>
</li>
<li>
<p class="ng-binding">
Любые вопросы и&nbsp;предложения по&nbsp;поводу функционирования сайта можно направить
по&nbsp;электронной почте{' '}
Обнародование контента осуществляется Издательством в&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>{' '}
или через форму <a href="/connect">&laquo;предложить идею&raquo;</a>.
</a>
.
</p>
</div>
</div>
</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="/connect">&laquo;предложить идею&raquo;</a>.
</p>
</article>
</PageLayout>
</StaticPage>
)
}

112
src/pages/about/thanks.page.tsx
View File

@ -1,24 +1,34 @@
import { Meta } from '@solidjs/meta'
import { PageLayout } from '../../components/_shared/PageLayout'
import { StaticPage } from '../../components/Views/StaticPage'
import { useLocalize } from '../../context/localize'
import { getImageUrl } from '../../utils/getImageUrl'
export const ThanksPage = () => {
const { t } = useLocalize()
const title = t('Thank you')
const ogImage = getImageUrl('production/image/logo_image.png')
const ogTitle = t('Thank you')
const description = t(
'Self-publishing exists thanks to the help of wonderful people from all over the world. Thank you!',
)
return (
<PageLayout title={title}>
<Meta name="description" content={title} />
<Meta name="keywords" content={`Discours.io, ${title}`} />
<Meta property="og:title" content={title} />
<Meta property="og:description" content={title} />
<StaticPage title={ogTitle}>
<article class="wide-container container--static-page">
<div class="row">
<div class="col-md-12 col-xl-14 offset-md-5 order-md-first">
<h1>
<span class="wrapped">{title}</span>
</h1>
{/*
<Meta name="descprition" content={description} />
<Meta name="keywords" content={t('keywords')} />
<Meta name="og:type" content="article" />
<Meta name="og:title" content={ogTitle} />
<Meta name="og:image" content={ogImage} />
<Meta name="twitter:image" content={ogImage} />
<Meta name="og:description" content={description} />
<Meta name="twitter:card" content="summary_large_image" />
<Meta name="twitter:title" content={ogTitle} />
<Meta name="twitter:description" content={description} />
<h1>
<span class="wrapped">{ogTitle}</span>
</h1>
{/*
<h3><b>Команда</b></h3>
<p>
Константин Ворович — исполнительный директор,
@ -43,47 +53,43 @@ export const ThanksPage = () => {
>
</p>
*/}
<h3>Неоценимый вклад в&nbsp;Дискурс внесли и&nbsp;вносят</h3>
<p>
Мария Бессмертная, Дамир Бикчурин, Константин Ворович, Ян&nbsp;Выговский, Эльдар Гариффулин,
Павел Гафаров, Виктория Гендлина, Александр Гусев, Данила Давыдов, Константин Дубовик,
Вячеслав Еременко, Кристина Ибрагим, Екатерина Ильина, Анна Капаева, Яна Климова, Александр
Коренков, Ирэна Лесневская, Игорь Лобанов, Анастасия Лозовая, Григорий Ломизе, Евгений
Медведев, Павел Никулин, Николай Носачевский, Андрей Орловский, Михаил Панин, Антон Панов,
Павел Пепперштейн, Любовь Покровская, Илья Розовский, Денис Светличный, Павел Соколов, Сергей
Стрельников, Глеб Струнников, Николай Тарковский, Кирилл Филимонов, Алексей Хапов, Екатерина
Харитонова
</p>
<h3>Авторы</h3>
<p>
Мы&nbsp;безмерно благодарны{' '}
<a href="/authors" target="_blank" rel="noopener noreferrer">
каждому автору
</a>{' '}
за&nbsp;участие и&nbsp;поддержку проекта. Сегодня, когда для большинства деньги стали целью
и&nbsp;основным источником мотивации, бескорыстная помощь и&nbsp;основанный на&nbsp;энтузиазме
труд бесценны. Именно вы&nbsp;своим трудом каждый день делаете Дискурс таким, какой
он&nbsp;есть.
</p>
<h3>Иллюстраторы</h3>
<p>
Ольга Аверинова, Регина Акчурина, Айгуль Берхеева, Екатерина Вакуленко, Анастасия Викулова,
Мария Власенко, Ванесса Гаврилова, Ольга Горше, Ксения Горшкова, Ангелина Гребенюкова, Илья
Diliago, Антон Жаголкин, Саша Керова, Ольга Машинец, Злата Мечетина, Тала Никитина, Никита
Поздняков, Матвей Сапегин, Татьяна Сафонова, Виктория Шибаева
</p>
<h3>Меценаты</h3>
<p>
Дискурс существует исключительно на&nbsp;пожертвования читателей. Мы&nbsp;бесконечно
признательны всем, кто нас поддерживает. Ваши пожертвования&nbsp;&mdash; финансовый фундамент
журнала. Благодаря вам мы&nbsp;развиваем платформу качественной журналистики, которая помогает
самым разным авторам быть услышанными. Стать нашим меценатом и&nbsp;подписаться
на&nbsp;ежемесячную поддержку проекта можно <a href="/about/help">здесь</a>.
</p>
</div>
</div>
<h3>Неоценимый вклад в&nbsp;Дискурс внесли и&nbsp;вносят</h3>
<p>
Мария Бессмертная, Дамир Бикчурин, Константин Ворович, Ян&nbsp;Выговский, Эльдар Гариффулин, Павел
Гафаров, Виктория Гендлина, Александр Гусев, Данила Давыдов, Константин Дубовик, Вячеслав
Еременко, Кристина Ибрагим, Екатерина Ильина, Анна Капаева, Яна Климова, Александр Коренков, Ирэна
Лесневская, Игорь Лобанов, Анастасия Лозовая, Григорий Ломизе, Евгений Медведев, Павел Никулин,
Николай Носачевский, Андрей Орловский, Михаил Панин, Антон Панов, Павел Пепперштейн, Любовь
Покровская, Илья Розовский, Денис Светличный, Павел Соколов, Сергей Стрельников, Глеб Струнников,
Николай Тарковский, Кирилл Филимонов, Алексей Хапов, Екатерина Харитонова
</p>
<h3>Авторы</h3>
<p>
Мы&nbsp;безмерно благодарны{' '}
<a href="/authors" target="_blank" rel="noopener noreferrer">
каждому автору
</a>{' '}
за&nbsp;участие и&nbsp;поддержку проекта. Сегодня, когда для большинства деньги стали целью
и&nbsp;основным источником мотивации, бескорыстная помощь и&nbsp;основанный на&nbsp;энтузиазме
труд бесценны. Именно вы&nbsp;своим трудом каждый день делаете Дискурс таким, какой он&nbsp;есть.
</p>
<h3>Иллюстраторы</h3>
<p>
Ольга Аверинова, Регина Акчурина, Айгуль Берхеева, Екатерина Вакуленко, Анастасия Викулова, Мария
Власенко, Ванесса Гаврилова, Ольга Горше, Ксения Горшкова, Ангелина Гребенюкова, Илья Diliago,
Антон Жаголкин, Саша Керова, Ольга Машинец, Злата Мечетина, Тала Никитина, Никита Поздняков,
Матвей Сапегин, Татьяна Сафонова, Виктория Шибаева
</p>
<h3>Меценаты</h3>
<p>
Дискурс существует исключительно на&nbsp;пожертвования читателей. Мы&nbsp;бесконечно признательны
всем, кто нас поддерживает. Ваши пожертвования&nbsp;&mdash; финансовый фундамент журнала.
Благодаря вам мы&nbsp;развиваем платформу качественной журналистики, которая помогает самым разным
авторам быть услышанными. Стать нашим меценатом и&nbsp;подписаться на&nbsp;ежемесячную поддержку
проекта можно <a href="/about/help">здесь</a>.
</p>
</article>
</PageLayout>
</StaticPage>
)
}

7
src/pages/allAuthors.page.tsx
View File

@ -1,8 +1,7 @@
import type { PageProps } from './types'
import { createSignal, onMount, Show } from 'solid-js'
import { createSignal, onMount } from 'solid-js'
import { Loading } from '../components/_shared/Loading'
import { PageLayout } from '../components/_shared/PageLayout'
import { AllAuthorsView } from '../components/Views/AllAuthors'
import { useLocalize } from '../context/localize'
@ -24,9 +23,7 @@ export const AllAuthorsPage = (props: PageProps) => {
return (
<PageLayout title={t('Authors')}>
<Show when={isLoaded()} fallback={<Loading />}>
<AllAuthorsView authors={props.allAuthors} />
</Show>
<AllAuthorsView isLoaded={isLoaded()} authors={props.allAuthors} />
</PageLayout>
)
}

9
src/pages/allTopics.page.tsx
View File

@ -1,8 +1,7 @@
import type { PageProps } from './types'
import { createSignal, onMount, Show } from 'solid-js'
import { createSignal, onMount } from 'solid-js'
import { Loading } from '../components/_shared/Loading'
import { PageLayout } from '../components/_shared/PageLayout'
import { AllTopicsView } from '../components/Views/AllTopics'
import { useLocalize } from '../context/localize'
@ -23,10 +22,8 @@ export const AllTopicsPage = (props: PageProps) => {
})
return (
<PageLayout title={t('All topics')}>
<Show when={isLoaded()} fallback={<Loading />}>
<AllTopicsView topics={props.allTopics} />
</Show>
<PageLayout title={t('Themes and plots')}>
<AllTopicsView isLoaded={isLoaded()} topics={props.allTopics} />
</PageLayout>
)
}

1
src/pages/author.page.tsx
View File

@ -5,6 +5,7 @@ import { createEffect, createMemo, createSignal, on, onCleanup, onMount, Show }
import { Loading } from '../components/_shared/Loading'
import { PageLayout } from '../components/_shared/PageLayout'
import { AuthorView, PRERENDERED_ARTICLES_COUNT } from '../components/Views/Author'
import { useLocalize } from '../context/localize'
import { ReactionsProvider } from '../context/reactions'
import { useRouter } from '../stores/router'
import { loadShouts, resetSortedArticles } from '../stores/zine/articles'

17
src/pages/create.page.tsx
View File

@ -1,4 +1,5 @@
import { redirectPage } from '@nanostores/router'
import { Meta } from '@solidjs/meta'
import { clsx } from 'clsx'
import { Button } from '../components/_shared/Button'
@ -8,6 +9,7 @@ import { AuthGuard } from '../components/AuthGuard'
import { useLocalize } from '../context/localize'
import { router } from '../stores/router'
import { apiClient } from '../utils/apiClient'
import { getImageUrl } from '../utils/getImageUrl'
import { LayoutType } from './types'
@ -22,9 +24,22 @@ const handleCreate = async (layout: LayoutType) => {
export const CreatePage = () => {
const { t } = useLocalize()
const ogImage = getImageUrl('production/image/logo_image.png')
const ogTitle = t('Choose a post type')
const description = t('Participate in the Discours: share information, join the editorial team')
return (
<PageLayout title={t('Choose a post type')}>
<PageLayout title={ogTitle}>
<Meta name="descprition" content={description} />
<Meta name="keywords" content={t('keywords')} />
<Meta name="og:type" content="article" />
<Meta name="og:title" content={ogTitle} />
<Meta name="og:image" content={ogImage} />
<Meta name="twitter:image" content={ogImage} />
<Meta name="og:description" content={description} />
<Meta name="twitter:card" content="summary_large_image" />
<Meta name="twitter:title" content={ogTitle} />
<Meta name="twitter:description" content={description} />
<AuthGuard>
<article class={clsx('wide-container', 'container--static-page', styles.Create)}>
<h1>{t('Choose a post type')}</h1>

25
src/pages/topic.page.tsx
View File

@ -1,24 +1,25 @@
import type { PageProps } from './types'
import { createEffect, createMemo, createSignal, on, onCleanup, onMount, Show } from 'solid-js'
import { createEffect, createMemo, createSignal, on, onCleanup, onMount } from 'solid-js'
import { Loading } from '../components/_shared/Loading'
import { PageLayout } from '../components/_shared/PageLayout'
import { PRERENDERED_ARTICLES_COUNT, TopicView } from '../components/Views/Topic'
import { useLocalize } from '../context/localize'
import { ReactionsProvider } from '../context/reactions'
import { useRouter } from '../stores/router'
import { loadShouts, resetSortedArticles } from '../stores/zine/articles'
import { loadTopic } from '../stores/zine/topics'
import { capitalize } from '../utils/capitalize'
export const TopicPage = (props: PageProps) => {
const { page } = useRouter()
const { t } = useLocalize()
const slug = createMemo(() => page().params['slug'] as string)
const [isLoaded, setIsLoaded] = createSignal(
Boolean(props.topicShouts) && Boolean(props.topic) && props.topic.slug === slug(),
)
const [pageTitle, setPageTitle] = createSignal<string>()
const preload = () =>
Promise.all([
loadShouts({ filters: { topic: slug() }, limit: PRERENDERED_ARTICLES_COUNT, offset: 0 }),
@ -53,15 +54,15 @@ export const TopicPage = (props: PageProps) => {
const usePrerenderedData = props.topic?.slug === slug()
return (
<PageLayout title={props.seo?.title}>
<PageLayout title={pageTitle()}>
<ReactionsProvider>
<Show when={isLoaded()} fallback={<Loading />}>
<TopicView
topic={usePrerenderedData ? props.topic : null}
shouts={usePrerenderedData ? props.topicShouts : null}
topicSlug={slug()}
/>
</Show>
<TopicView
title={(title) => setPageTitle(title)}
isLoaded={isLoaded()}
topic={usePrerenderedData ? props.topic : null}
shouts={usePrerenderedData ? props.topicShouts : null}
topicSlug={slug()}
/>
</ReactionsProvider>
</PageLayout>
)

20
src/utils/meta.ts
View File

@ -1,10 +1,24 @@
import { Shout } from '../graphql/types.gen'
const MAX_DESCRIPTION_LENGTH = 150
export const getDescription = (body: string): string => {
if (!body) {
return ''
}
const descriptionWordsArray = body
.slice(0, 150) // meta description is roughly 155 characters long
.replaceAll(/<[^>]*>/g, '')
.replaceAll(/<[^>]*>/g, ' ')
.replaceAll(/\s+/g, ' ')
.split(' ')
return descriptionWordsArray.splice(0, descriptionWordsArray.length - 1).join(' ') + '...'
// ¯\_(ツ)_/¯ maybe need to remove the punctuation
let description = ''
let i = 0
while (i < descriptionWordsArray.length && description.length < MAX_DESCRIPTION_LENGTH) {
description += descriptionWordsArray[i] + ' '
i++
}
return description.trim()
}
export const getKeywords = (shout: Shout): string => {
return shout.topics.map((topic) => topic.title).join(', ')
}