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

Merge remote-tracking branch 'hub/main' into feature/sse-connect
Some checks failed
deploy / test (push) Failing after 57s
Details
deploy / deploy (push) Has been skipped
Details

Browse Source
This commit is contained in:
Untone 2023-12-18 03:26:56 +03:00
commit 25aaecf360
53 changed files with 1900 additions and 1480 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
package-lock.json generated
View File

@ -110,7 +110,7 @@
"prosemirror-view": "1.30.2", "prosemirror-view": "1.30.2",
"rollup": "3.21.6", "rollup": "3.21.6",
"sass": "1.69.5", "sass": "1.69.5",
"solid-js": "1.8.5", "solid-js": "1.8.7",
"solid-popper": "0.3.0", "solid-popper": "0.3.0",
"solid-tiptap": "0.6.0", "solid-tiptap": "0.6.0",
"solid-transition-group": "0.2.3", "solid-transition-group": "0.2.3",
@ -125,7 +125,7 @@
"typescript": "5.2.2", "typescript": "5.2.2",
"typograf": "7.1.0", "typograf": "7.1.0",
"uniqolor": "1.1.0", "uniqolor": "1.1.0",
"vike": "0.4.146", "vike": "0.4.148",
"vite": "4.5.0", "vite": "4.5.0",
"vite-plugin-mkcert": "1.16.0", "vite-plugin-mkcert": "1.16.0",
"vite-plugin-sass-dts": "1.3.11", "vite-plugin-sass-dts": "1.3.11",
@ -17061,9 +17061,9 @@
} }
}, },
"node_modules/seroval": { "node_modules/seroval": {
"version": "0.12.4", "version": "0.15.1",
"resolved": "https://registry.npmjs.org/seroval/-/seroval-0.12.4.tgz", "resolved": "https://registry.npmjs.org/seroval/-/seroval-0.15.1.tgz",
"integrity": "sha512-JIsZHp98o+okpYN8HEPyI9Blr0gxAUPIGvg3waXrEMFjPz9obiLYMz0uFiUGezKiCK8loosYbn8WsqO8WtAJUA==", "integrity": "sha512-OPVtf0qmeC7RW+ScVX+7aOS+xoIM7pWcZ0jOWg2aTZigCydgRB04adfteBRbecZnnrO1WuGQ+C3tLeBBzX2zSQ==",
"dev": true, "dev": true,
"engines": { "engines": {
"node": ">=10" "node": ">=10"
@ -17253,13 +17253,13 @@
} }
}, },
"node_modules/solid-js": { "node_modules/solid-js": {
"version": "1.8.5", "version": "1.8.7",
"resolved": "https://registry.npmjs.org/solid-js/-/solid-js-1.8.5.tgz", "resolved": "https://registry.npmjs.org/solid-js/-/solid-js-1.8.7.tgz",
"integrity": "sha512-xvtJvzJzWbsn35oKFhW9kNwaxG1Z/YLMsDp4tLVcYZTMPzvzQ8vEZuyDQ6nt7xDArVgZJ7TUFrJUwrui/oq53A==", "integrity": "sha512-9dzrSVieh2zj3SnJ02II6xZkonR6c+j/91b7XZUNcC6xSaldlqjjGh98F1fk5cRJ8ZTkzqF5fPIWDxEOs6QZXA==",
"dev": true, "dev": true,
"dependencies": { "dependencies": {
"csstype": "^3.1.0", "csstype": "^3.1.0",
"seroval": "^0.12.0" "seroval": "^0.15.1"
} }
}, },
"node_modules/solid-popper": { "node_modules/solid-popper": {
@ -18662,14 +18662,14 @@
} }
}, },
"node_modules/vike": { "node_modules/vike": {
"version": "0.4.146", "version": "0.4.148",
"resolved": "https://registry.npmjs.org/vike/-/vike-0.4.146.tgz", "resolved": "https://registry.npmjs.org/vike/-/vike-0.4.148.tgz",
"integrity": "sha512-1vaktcDy/eitSzVaUppKJWu+6vfwxKC4kV6uzAqj3RIK+WgteH3vF6IMZ0jnjjzCpeDRCIByN8PF4c0CtzRfHA==", "integrity": "sha512-2KkrY6zB+fTVwQzzcr5zAxpIT2buezDcUP5u4oFzDdxhqcV7r5CGq2PWQ3/ALA8jP/Agz0ZdiMbXUNGJFI+uVw==",
"dev": true, "dev": true,
"dependencies": { "dependencies": {
"@brillout/import": "0.2.3", "@brillout/import": "0.2.3",
"@brillout/json-serializer": "^0.5.8", "@brillout/json-serializer": "^0.5.8",
"@brillout/picocolors": "^1.0.9", "@brillout/picocolors": "^1.0.10",
"@brillout/require-shim": "^0.1.2", "@brillout/require-shim": "^0.1.2",
"@brillout/vite-plugin-import-build": "^0.2.20", "@brillout/vite-plugin-import-build": "^0.2.20",
"acorn": "^8.8.2", "acorn": "^8.8.2",

4
package.json
View File

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

40
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": "About",
"About the project": "About the project", "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", "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 signature": "Add signature",
"Add subtitle": "Add subtitle", "Add subtitle": "Add subtitle",
"Add url": "Add url", "Add url": "Add url",
"Address on Discourse": "Address on Discourse", "Address on Discours": "Address on Discours",
"Album name": "Название aльбома", "Album name": "Название aльбома",
"Alignment center": "Alignment center", "Alignment center": "Alignment center",
"Alignment left": "Alignment left", "Alignment left": "Alignment left",
@ -40,6 +41,7 @@
"Back": "Back", "Back": "Back",
"Back to editor": "Back to editor", "Back to editor": "Back to editor",
"Back to main page": "Back to main page", "Back to main page": "Back to main page",
"Be the first to rate": "Be the first to rate",
"Become an author": "Become an author", "Become an author": "Become an author",
"Bold": "Bold", "Bold": "Bold",
"Bookmarked": "Saved", "Bookmarked": "Saved",
@ -71,8 +73,11 @@
"Comment successfully deleted": "Comment successfully deleted", "Comment successfully deleted": "Comment successfully deleted",
"Comments": "Comments", "Comments": "Comments",
"Communities": "Communities", "Communities": "Communities",
"Community Discussion Rules": "Community Discussion Rules",
"Community Principles": "Community Principles", "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", "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", "Cooperate": "Cooperate",
"Copy": "Copy", "Copy": "Copy",
"Copy link": "Copy link", "Copy link": "Copy link",
@ -97,11 +102,13 @@
"Delete userpic": "Delete userpic", "Delete userpic": "Delete userpic",
"Description": "Description", "Description": "Description",
"Discours": "Discours", "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 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 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", "Discussing": "Discussing",
"Discussion rules": "Discussion rules", "Discussion rules": "Discussion rules",
"Discussion rules in social networks": "Discussion rules",
"Discussions": "Discussions", "Discussions": "Discussions",
"Do you really want to reset all changes?": "Do you really want to reset all changes?", "Do you really want to reset all changes?": "Do you really want to reset all changes?",
"Dogma": "Dogma", "Dogma": "Dogma",
@ -152,7 +159,7 @@
"Help": "Помощь", "Help": "Помощь",
"Help to edit": "Help to edit", "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 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", "Here you can upload your photo": "Here you can upload your photo",
"Hide table of contents": "Hide table of contents", "Hide table of contents": "Hide table of contents",
"Highlight": "Highlight", "Highlight": "Highlight",
@ -160,11 +167,13 @@
"Horizontal collaborative journalistic platform": "Horizontal collaborative journalism platform", "Horizontal collaborative journalistic platform": "Horizontal collaborative journalism platform",
"Hot topics": "Hot topics", "Hot topics": "Hot topics",
"Hotkeys": "Горячие клавиши", "Hotkeys": "Горячие клавиши",
"How Discours works": "How Discours works",
"How can I help/skills": "How can I help/skills", "How can I help/skills": "How can I help/skills",
"How it works": "How it works", "How it works": "How it works",
"How to help": "How to help?", "How to help": "How to help?",
"How to write a good article": "Как написать хорошую статью", "How to write a good article": "Как написать хорошую статью",
"How to write an article": "How to write an 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 an account": "I have an account!",
"I have no account yet": "I don't have an account yet", "I have no account yet": "I don't have an account yet",
"I know the password": "I know the password", "I know the password": "I know the password",
@ -173,6 +182,7 @@
"Inbox": "Inbox", "Inbox": "Inbox",
"Incut": "Incut", "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", "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 footnote": "Insert footnote",
"Insert video link": "Insert video link", "Insert video link": "Insert video link",
"Interview": "Interview", "Interview": "Interview",
@ -195,13 +205,14 @@
"Let's log in": "Let's log in", "Let's log in": "Let's log in",
"Link copied": "Link copied", "Link copied": "Link copied",
"Link sent, check your email": "Link sent, check your email", "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", "Lists": "Lists",
"Literature": "Literature", "Literature": "Literature",
"Load more": "Show more", "Load more": "Show more",
"Loading": "Loading", "Loading": "Loading",
"Logout": "Logout", "Logout": "Logout",
"Looks like you forgot to upload the video": "Looks like you forgot to upload the video", "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", "Manifesto": "Manifesto",
"Many files, choose only one": "Many files, choose only one", "Many files, choose only one": "Many files, choose only one",
"Mark as read": "Mark as read", "Mark as read": "Mark as read",
@ -236,6 +247,7 @@
"Ordered list": "Ordered list", "Ordered list": "Ordered list",
"Our regular contributor": "Our regular contributor", "Our regular contributor": "Our regular contributor",
"Paragraphs": "Абзацев", "Paragraphs": "Абзацев",
"Participate in the Discours: share information, join the editorial team": "Участвуйте в Дискурсе: делитесь информацией, присоединяйтесь к редакции",
"Participating": "Participating", "Participating": "Participating",
"Participation": "Participation", "Participation": "Participation",
"Partners": "Partners", "Partners": "Partners",
@ -261,6 +273,7 @@
"Popular": "Popular", "Popular": "Popular",
"Popular authors": "Popular authors", "Popular authors": "Popular authors",
"Principles": "Community principles", "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": "Profile",
"Profile settings": "Profile settings", "Profile settings": "Profile settings",
"Publications": "Publications", "Publications": "Publications",
@ -281,6 +294,7 @@
"Required": "Required", "Required": "Required",
"Resend code": "Send confirmation", "Resend code": "Send confirmation",
"Restore password": "Restore password", "Restore password": "Restore password",
"Rules of the journal Discours": "Rules of the journal Discours",
"Save draft": "Save draft", "Save draft": "Save draft",
"Save settings": "Save settings", "Save settings": "Save settings",
"Saving...": "Saving...", "Saving...": "Saving...",
@ -291,6 +305,7 @@
"Sections": "Sections", "Sections": "Sections",
"Security": "Security", "Security": "Security",
"Select": "Select", "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": "Send",
"Send link again": "Send link again", "Send link again": "Send link again",
"Settings": "Settings", "Settings": "Settings",
@ -326,12 +341,17 @@
"Success": "Success", "Success": "Success",
"Successfully authorized": "Authorization successful", "Successfully authorized": "Authorization successful",
"Suggest an idea": "Suggest an idea", "Suggest an idea": "Suggest an idea",
"Support Discours": "Support Discours",
"Support the project": "Support the project", "Support the project": "Support the project",
"Support us": "Help the magazine",
"Terms of use": "Site rules", "Terms of use": "Site rules",
"Text checking": "Text checking", "Text checking": "Text checking",
"Thank you": "Thank you", "Thank you": "Thank you",
"Thank you!": "Thank you!",
"The address is already taken": "The address is already taken", "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", "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 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?", "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?",
@ -380,8 +400,9 @@
"Welcome to Discours to subscribe to new publications": "Welcome to Discours to subscribe to new publications", "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", "Welcome to Discours to vote": "Welcome to Discours to vote",
"Where": "From", "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": "Слов", "Words": "Слов",
"Work with us": "Cooperate with Discourse", "Work with us": "Cooperate with Discours",
"Write a comment...": "Write a comment...", "Write a comment...": "Write a comment...",
"Write a short introduction": "Write a short introduction", "Write a short introduction": "Write a short introduction",
"Write about the topic": "Write about the topic", "Write about the topic": "Write about the topic",
@ -412,7 +433,8 @@
"community": "community", "community": "community",
"contents": "contents", "contents": "contents",
"delimiter": "delimiter", "delimiter": "delimiter",
"discussion": "discourse", "discussion": "Discours",
"dogma keywords": "Discours.io, dogma, editorial principles, code of ethics, journalism, community",
"drafts": "drafts", "drafts": "drafts",
"earlier": "earlier", "earlier": "earlier",
"email not confirmed": "email not confirmed", "email not confirmed": "email not confirmed",
@ -428,6 +450,7 @@
"italic": "italic", "italic": "italic",
"journal": "journal", "journal": "journal",
"jpg, .png, max. 10 mb.": "jpg, .png, макс. 10 мб.", "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", "literature": "literature",
"marker list": "marker list", "marker list": "marker list",
"min. 1400×1400 pix": "мин. 1400×1400 пикс.", "min. 1400×1400 pix": "мин. 1400×1400 пикс.",
@ -437,6 +460,7 @@
"or sign in with social networks": "or sign in with social networks", "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", "personal data usage and email notifications": "to process personal data and receive email notifications",
"post": "post", "post": "post",
"principles keywords": "Discours.io, communities, values, editorial rules, polyphony, creation",
"register": "register", "register": "register",
"repeat": "repeat", "repeat": "repeat",
"shout": "post", "shout": "post",
@ -451,7 +475,9 @@
"subscription_rp": "subscription", "subscription_rp": "subscription",
"subscriptions": "subscriptions", "subscriptions": "subscriptions",
"terms of use": "terms of use", "terms of use": "terms of use",
"terms of use keywords": "Discours.io, site rules, terms of use",
"today": "today", "today": "today",
"topicKeywords": "{topic}, Discours.io, articles, journalism, research",
"topics": "topics", "topics": "topics",
"user already exist": "user already exists", "user already exist": "user already exists",
"video": "video", "video": "video",

38
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": "Добавьте вступление, чтобы заинтересовать читателя", "A short introduction to keep the reader interested": "Добавьте вступление, чтобы заинтересовать читателя",
"About": "О себе", "About": "О себе",
"About the project": "О проекте", "About the project": "О проекте",
@ -19,7 +20,7 @@
"Add subtitle": "Добавить подзаголовок", "Add subtitle": "Добавить подзаголовок",
"Add to bookmarks": "Добавить в закладки", "Add to bookmarks": "Добавить в закладки",
"Add url": "Добавить ссылку", "Add url": "Добавить ссылку",
"Address on Discourse": "Адрес на Дискурсе", "Address on Discours": "Адрес на Дискурсе",
"Album name": "Название альбома", "Album name": "Название альбома",
"Alignment center": "По центру", "Alignment center": "По центру",
"Alignment left": "По левому краю", "Alignment left": "По левому краю",
@ -43,6 +44,7 @@
"Back": "Назад", "Back": "Назад",
"Back to editor": "Вернуться в редактор", "Back to editor": "Вернуться в редактор",
"Back to main page": "Вернуться на главную", "Back to main page": "Вернуться на главную",
"Be the first to rate": "Оцените первым",
"Become an author": "Стать автором", "Become an author": "Стать автором",
"Bold": "Жирный", "Bold": "Жирный",
"Bookmarked": "Сохранено", "Bookmarked": "Сохранено",
@ -75,8 +77,11 @@
"Comment successfully deleted": "Комментарий успешно удален", "Comment successfully deleted": "Комментарий успешно удален",
"Comments": "Комментарии", "Comments": "Комментарии",
"Communities": "Сообщества", "Communities": "Сообщества",
"Community Discussion Rules": "Правила дискуссий в сообществе",
"Community Principles": "Принципы сообщества", "Community Principles": "Принципы сообщества",
"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": "Внесите вклад в свободный самиздат. Поддержите Дискурс — независимое некоммерческое издание, которое работает только для вас. Станьте опорой открытой редакции",
"Cooperate": "Соучаствовать", "Cooperate": "Соучаствовать",
"Copy": "Скопировать", "Copy": "Скопировать",
"Copy link": "Скопировать ссылку", "Copy link": "Скопировать ссылку",
@ -101,11 +106,14 @@
"Delete userpic": "Удалить аватар", "Delete userpic": "Удалить аватар",
"Description": "Описание", "Description": "Описание",
"Discours": "Дискурс", "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 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 is created with our common effort": "Дискурс существует благодаря нашему общему вкладу",
"Discours – an open magazine about culture, science and society": "Дискурс – открытый журнал о культуре, науке и обществе",
"Discours_theme": "Тема дискурса",
"Discussing": "Обсуждаемое", "Discussing": "Обсуждаемое",
"Discussion rules": "Правила дискуссий", "Discussion rules": "Правила дискуссий",
"Discussion rules in social networks": "Правила сообществ самиздата в&nbsp;соцсетях",
"Discussions": "Дискуссии", "Discussions": "Дискуссии",
"Do you really want to reset all changes?": "Вы действительно хотите сбросить все изменения?", "Do you really want to reset all changes?": "Вы действительно хотите сбросить все изменения?",
"Dogma": "Догма", "Dogma": "Догма",
@ -160,7 +168,7 @@
"Help": "Помощь", "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 Discours subscriptions": "Здесь можно управлять всеми своими подписками на Дискурсе",
"Here you can upload your photo": "Здесь вы можете загрузить свою фотографию", "Here you can upload your photo": "Здесь вы можете загрузить свою фотографию",
"Hide table of contents": "Скрыть главление", "Hide table of contents": "Скрыть главление",
"Highlight": "Подсветка", "Highlight": "Подсветка",
@ -168,11 +176,13 @@
"Horizontal collaborative journalistic platform": "Открытая платформа<br/>для независимой журналистики", "Horizontal collaborative journalistic platform": "Открытая платформа<br/>для независимой журналистики",
"Hot topics": "Горячие темы", "Hot topics": "Горячие темы",
"Hotkeys": "Горячие клавиши", "Hotkeys": "Горячие клавиши",
"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 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!": "Сотни людей из разных стран и городов делятся своими знаниями и искусством на Дискурсе. Присоединяйтесь!",
"I have an account": "У меня есть аккаунт!", "I have an account": "У меня есть аккаунт!",
"I have no account yet": "У меня еще нет аккаунта", "I have no account yet": "У меня еще нет аккаунта",
"I know the password": "Я знаю пароль!", "I know the password": "Я знаю пароль!",
@ -181,6 +191,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": "Независимый медиапроект о культуре, науке, искусстве и обществе с горизонтальной редакцией",
"Insert footnote": "Вставить сноску", "Insert footnote": "Вставить сноску",
"Insert video link": "Вставить ссылку на видео", "Insert video link": "Вставить ссылку на видео",
"Interview": "Интервью", "Interview": "Интервью",
@ -205,13 +216,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": "Список авторов сообщества открытой редакции",
"Lists": "Списки", "Lists": "Списки",
"Literature": "Литература", "Literature": "Литература",
"Load more": "Показать ещё", "Load more": "Показать ещё",
"Loading": "Загрузка", "Loading": "Загрузка",
"Logout": "Выход", "Logout": "Выход",
"Looks like you forgot to upload the video": "Похоже, что вы забыли загрузить видео", "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": "Манифест", "Manifesto": "Манифест",
"Many files, choose only one": "Много файлов, выберете один", "Many files, choose only one": "Много файлов, выберете один",
"Mark as read": "Отметить прочитанным", "Mark as read": "Отметить прочитанным",
@ -247,6 +259,7 @@
"Ordered list": "Нумерованный список", "Ordered list": "Нумерованный список",
"Our regular contributor": "Наш постоянный автор", "Our regular contributor": "Наш постоянный автор",
"Paragraphs": "Абзацев", "Paragraphs": "Абзацев",
"Participate in the Discours: share information, join the editorial team": "Participate in the Discours: share information, join the editorial team",
"Participating": "Участвовать", "Participating": "Участвовать",
"Participation": "Соучастие", "Participation": "Соучастие",
"Partners": "Партнёры", "Partners": "Партнёры",
@ -274,6 +287,7 @@
"Popular authors": "Популярные авторы", "Popular authors": "Популярные авторы",
"Preview": "Предпросмотр", "Preview": "Предпросмотр",
"Principles": "Принципы сообщества", "Principles": "Принципы сообщества",
"Professional principles that the open editorial team follows in its work": "Профессиональные принципы, которым открытая редакция следует в работе",
"Profile": "Профиль", "Profile": "Профиль",
"Profile settings": "Настройки профиля", "Profile settings": "Настройки профиля",
"Profile successfully saved": "Профиль успешно сохранён", "Profile successfully saved": "Профиль успешно сохранён",
@ -298,6 +312,7 @@
"Required": "Поле обязательно для заполнения", "Required": "Поле обязательно для заполнения",
"Resend code": "Выслать подтверждение", "Resend code": "Выслать подтверждение",
"Restore password": "Восстановить пароль", "Restore password": "Восстановить пароль",
"Rules of the journal Discours": "Правила журнала Дискурс",
"Save": "Сохранить", "Save": "Сохранить",
"Save draft": "Сохранить черновик", "Save draft": "Сохранить черновик",
"Save settings": "Сохранить настройки", "Save settings": "Сохранить настройки",
@ -309,6 +324,7 @@
"Sections": "Разделы", "Sections": "Разделы",
"Security": "Безопасность", "Security": "Безопасность",
"Select": "Выбрать", "Select": "Выбрать",
"Self-publishing 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": "Настройки",
@ -346,12 +362,17 @@
"Success": "Успешно", "Success": "Успешно",
"Successfully authorized": "Авторизация успешна", "Successfully authorized": "Авторизация успешна",
"Suggest an idea": "Предложить идею", "Suggest an idea": "Предложить идею",
"Support Discours": "Поддержите Дискурс",
"Support the project": "Поддержать проект", "Support the project": "Поддержать проект",
"Support us": "Помочь журналу",
"Terms of use": "Правила сайта", "Terms of use": "Правила сайта",
"Text checking": "Проверка текста", "Text checking": "Проверка текста",
"Thank you": "Благодарности", "Thank you": "Благодарности",
"Thank you!": "Спасибо Вам!",
"The address is already taken": "Адрес уже занят", "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": "Теории", "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?": "В настройках публикации есть несохраненные изменения. Уверены, что хотите покинуть страницу без сохранения?",
@ -401,6 +422,7 @@
"Welcome to Discours to vote": "Войдите в Дискурс, чтобы голосовать", "Welcome to Discours to vote": "Войдите в Дискурс, чтобы голосовать",
"Welcome!": "Добро пожаловать!", "Welcome!": "Добро пожаловать!",
"Where": "Откуда", "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": "Слов", "Words": "Слов",
"Work with us": "Сотрудничать с Дискурсом", "Work with us": "Сотрудничать с Дискурсом",
"Write a comment...": "Написать комментарий...", "Write a comment...": "Написать комментарий...",
@ -436,8 +458,8 @@
"create_chat": "Создать чат", "create_chat": "Создать чат",
"create_group": "Создать группу", "create_group": "Создать группу",
"delimiter": "разделитель", "delimiter": "разделитель",
"discourse_theme": "Тема дискурса",
"discussion": "дискурс", "discussion": "дискурс",
"dogma keywords": "Discours.io, догма, редакционные принципы, этический кодекс, журналистика, сообщество",
"drafts": "черновики", "drafts": "черновики",
"earlier": "ранее", "earlier": "ранее",
"email not confirmed": "email не подтвержден", "email not confirmed": "email не подтвержден",
@ -453,6 +475,7 @@
"italic": "курсив", "italic": "курсив",
"journal": "журнал", "journal": "журнал",
"jpg, .png, max. 10 mb.": "jpg, .png, макс. 10 мб.", "jpg, .png, max. 10 mb.": "jpg, .png, макс. 10 мб.",
"keywords": "Discours.io, журнал Дискурс, Дискурс, культура, наука, искусство, общество, независимая журналистика, литература, музыка, кино, видео, фотографии",
"literature": "литература", "literature": "литература",
"marker list": "маркир. список", "marker list": "маркир. список",
"min. 1400×1400 pix": "мин. 1400×1400 пикс.", "min. 1400×1400 pix": "мин. 1400×1400 пикс.",
@ -463,6 +486,7 @@
"or sign in with social networks": "или войдите через соцсеть", "or sign in with social networks": "или войдите через соцсеть",
"personal data usage and email notifications": "на обработку персональных данных и на получение почтовых уведомлений", "personal data usage and email notifications": "на обработку персональных данных и на получение почтовых уведомлений",
"post": "пост", "post": "пост",
"principles keywords": "Discours.io, сообщества, ценности, правила редакции, многоголосие, созидание",
"register": "зарегистрируйтесь", "register": "зарегистрируйтесь",
"repeat": "повторить", "repeat": "повторить",
"shout": "пост", "shout": "пост",
@ -477,7 +501,9 @@
"subscribers": "подписчиков", "subscribers": "подписчиков",
"subscribing...": "Подписка...", "subscribing...": "Подписка...",
"terms of use": "правилами пользования сайтом", "terms of use": "правилами пользования сайтом",
"terms of use keywords": "Discours.io, правила сайта, terms of use",
"today": "сегодня", "today": "сегодня",
"topicKeywords": "{topic}, Discours.io, статьи, журналистика, исследования",
"topics": "темы", "topics": "темы",
"user already exist": "пользователь уже существует", "user already exist": "пользователь уже существует",
"video": "видео", "video": "видео",

2
public/robots.txt
View File

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

1
src/components/App.tsx
View File

@ -51,7 +51,6 @@ const pagesMap: Record<keyof typeof ROUTES, Component<PageProps>> = {
authorAbout: AuthorPage, authorAbout: AuthorPage,
inbox: InboxPage, inbox: InboxPage,
expo: ExpoPage, expo: ExpoPage,
expoLayout: ExpoPage,
connect: ConnectPage, connect: ConnectPage,
create: CreatePage, create: CreatePage,
edit: EditPage, edit: EditPage,

1
src/components/Article/Comment/Comment.module.scss
View File

@ -4,7 +4,6 @@
transition: background-color 0.3s; transition: background-color 0.3s;
position: relative; position: relative;
list-style: none; list-style: none;
background: rgb(0 0 0 / 10%);
@include media-breakpoint-down(sm) { @include media-breakpoint-down(sm) {
padding-right: 0; padding-right: 0;

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

@ -2,7 +2,7 @@ import type { Author, Shout, Topic } from '../../graphql/schema/core.gen'
import { getPagePath } from '@nanostores/router' import { getPagePath } from '@nanostores/router'
import { createPopper } from '@popperjs/core' import { createPopper } from '@popperjs/core'
import { Link } from '@solidjs/meta' import { Link, Meta } from '@solidjs/meta'
import { clsx } from 'clsx' import { clsx } from 'clsx'
import { createEffect, For, createMemo, onMount, Show, createSignal, onCleanup } from 'solid-js' import { createEffect, For, createMemo, onMount, Show, createSignal, onCleanup } from 'solid-js'
import { isServer } from 'solid-js/web' import { isServer } from 'solid-js/web'
@ -14,7 +14,7 @@ import { MediaItem } from '../../pages/types'
import { DEFAULT_HEADER_OFFSET, router, useRouter } from '../../stores/router' import { DEFAULT_HEADER_OFFSET, router, useRouter } from '../../stores/router'
import { capitalize } from '../../utils/capitalize' import { capitalize } from '../../utils/capitalize'
import { getImageUrl } from '../../utils/getImageUrl' import { getImageUrl } from '../../utils/getImageUrl'
import { getDescription } from '../../utils/meta' import { getDescription, getKeywords } from '../../utils/meta'
import { Icon } from '../_shared/Icon' import { Icon } from '../_shared/Icon'
import { Image } from '../_shared/Image' import { Image } from '../_shared/Image'
import { Lightbox } from '../_shared/Lightbox' import { Lightbox } from '../_shared/Lightbox'
@ -289,8 +289,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 ( 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> <For each={imageUrls()}>{(imageUrl) => <Link rel="preload" as="image" href={imageUrl} />}</For>
<div class="wide-container"> <div class="wide-container">
<div class="row position-relative"> <div class="row position-relative">
@ -450,7 +468,7 @@ export const FullArticle = (props: Props) => {
<div class={styles.shoutStatsItem} ref={triggerRef}> <div class={styles.shoutStatsItem} ref={triggerRef}>
<SharePopup <SharePopup
title={props.article.title} title={props.article.title}
description={getDescription(props.article.body)} description={description}
imageUrl={props.article.cover} imageUrl={props.article.cover}
containerCssClass={stylesHeader.control} containerCssClass={stylesHeader.control}
trigger={ trigger={
@ -484,7 +502,7 @@ export const FullArticle = (props: Props) => {
isOwner={canEdit()} isOwner={canEdit()}
containerCssClass={clsx(stylesHeader.control, styles.articlePopupOpener)} containerCssClass={clsx(stylesHeader.control, styles.articlePopupOpener)}
title={props.article.title} title={props.article.title}
description={getDescription(props.article.body)} description={description}
imageUrl={props.article.cover} imageUrl={props.article.cover}
shareUrl={getShareUrl({ pathname: `/${props.article.slug}` })} shareUrl={getShareUrl({ pathname: `/${props.article.slug}` })}
trigger={ trigger={

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

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

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

@ -46,7 +46,7 @@ export type ArticleCardProps = {
withViewed?: boolean withViewed?: boolean
noAuthorLink?: boolean noAuthorLink?: boolean
} }
desktopCoverSize: 'XS' | 'S' | 'M' | 'L' desktopCoverSize?: 'XS' | 'S' | 'M' | 'L'
article: Shout article: Shout
} }
@ -114,6 +114,7 @@ export const ArticleCard = (props: ArticleCardProps) => {
const [isCoverImageLoadError, setIsCoverImageLoadError] = createSignal(false) const [isCoverImageLoadError, setIsCoverImageLoadError] = createSignal(false)
const [isCoverImageLoading, setIsCoverImageLoading] = createSignal(true) const [isCoverImageLoading, setIsCoverImageLoading] = createSignal(true)
const description = getDescription(props.article.body)
return ( return (
<section <section
class={clsx(styles.shoutCard, props.settings?.additionalClass, { class={clsx(styles.shoutCard, props.settings?.additionalClass, {
@ -325,7 +326,7 @@ export const ArticleCard = (props: ArticleCardProps) => {
<SharePopup <SharePopup
containerCssClass={stylesHeader.control} containerCssClass={stylesHeader.control}
title={title} title={title}
description={getDescription(props.article.body)} description={description}
imageUrl={props.article.cover} imageUrl={props.article.cover}
shareUrl={getShareUrl({ pathname: `/${props.article.slug}` })} shareUrl={getShareUrl({ pathname: `/${props.article.slug}` })}
isVisible={(value) => setIsActionPopupActive(value)} isVisible={(value) => setIsActionPopupActive(value)}
@ -348,7 +349,7 @@ export const ArticleCard = (props: ArticleCardProps) => {
isOwner={canEdit()} isOwner={canEdit()}
containerCssClass={stylesHeader.control} containerCssClass={stylesHeader.control}
title={title} title={title}
description={getDescription(props.article.body)} description={description}
imageUrl={props.article.cover} imageUrl={props.article.cover}
shareUrl={getShareUrl({ pathname: `/${props.article.slug}` })} shareUrl={getShareUrl({ pathname: `/${props.article.slug}` })}
isVisible={(value) => setIsActionPopupActive(value)} isVisible={(value) => setIsActionPopupActive(value)}

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

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

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

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

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

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

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

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

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

@ -1,5 +1,6 @@
import type { Topic } from '../../graphql/schema/core.gen' import type { Topic } from '../../graphql/schema/core.gen'
import { Meta } from '@solidjs/meta'
import { clsx } from 'clsx' import { clsx } from 'clsx'
import { createEffect, createMemo, createSignal, For, Show } from 'solid-js' import { createEffect, createMemo, createSignal, For, Show } from 'solid-js'
@ -9,7 +10,9 @@ import { useRouter } from '../../stores/router'
import { setTopicsSort, useTopicsStore } from '../../stores/zine/topics' import { setTopicsSort, useTopicsStore } from '../../stores/zine/topics'
import { capitalize } from '../../utils/capitalize' import { capitalize } from '../../utils/capitalize'
import { dummyFilter } from '../../utils/dummyFilter' import { dummyFilter } from '../../utils/dummyFilter'
import { getImageUrl } from '../../utils/getImageUrl'
import { scrollHandler } from '../../utils/scroll' import { scrollHandler } from '../../utils/scroll'
import { Loading } from '../_shared/Loading'
import { SearchField } from '../_shared/SearchField' import { SearchField } from '../_shared/SearchField'
import { TopicCard } from '../Topic/Card' import { TopicCard } from '../Topic/Card'
@ -19,13 +22,14 @@ type AllTopicsPageSearchParams = {
by: 'shouts' | 'authors' | 'title' | '' by: 'shouts' | 'authors' | 'title' | ''
} }
type AllTopicsViewProps = { type Props = {
topics: Topic[] topics: Topic[]
isLoaded: boolean
} }
const PAGE_SIZE = 20 const PAGE_SIZE = 20
export const AllTopicsView = (props: AllTopicsViewProps) => { export const AllTopicsView = (props: Props) => {
const { t, lang } = useLocalize() const { t, lang } = useLocalize()
const { searchParams, changeSearchParam } = useRouter<AllTopicsPageSearchParams>() const { searchParams, changeSearchParam } = useRouter<AllTopicsPageSearchParams>()
const [limit, setLimit] = createSignal(PAGE_SIZE) const [limit, setLimit] = createSignal(PAGE_SIZE)
@ -106,104 +110,122 @@ export const AllTopicsView = (props: AllTopicsViewProps) => {
</div> </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 ( return (
<div class={clsx(styles.allTopicsPage, 'wide-container')}> <div class={clsx(styles.allTopicsPage, 'wide-container')}>
<div class="row"> <Meta name="descprition" content={description} />
<div class="col-md-19 offset-md-5"> <Meta name="keywords" content={t('keywords')} />
<AllTopicsHead /> <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={filteredResults().length > 0}>
<Show when={searchParams().by === 'title'}> <Show when={searchParams().by === 'title'}>
<div class="col-lg-20 col-xl-18"> <div class="col-lg-20 col-xl-18">
<ul class={clsx('nodash', styles.alphabet)}> <ul class={clsx('nodash', styles.alphabet)}>
<For each={ALPHABET}> <For each={ALPHABET}>
{(letter, index) => ( {(letter, index) => (
<li> <li>
<Show when={letter in byLetter()} fallback={letter}> <Show when={letter in byLetter()} fallback={letter}>
<a <a
href={`/topics?by=title#letter-${index()}`} href={`/topics?by=title#letter-${index()}`}
onClick={(event) => { onClick={(event) => {
event.preventDefault() event.preventDefault()
scrollHandler(`letter-${index()}`) scrollHandler(`letter-${index()}`)
}} }}
> >
{letter} {letter}
</a> </a>
</Show> </Show>
</li> </li>
)} )}
</For> </For>
</ul> </ul>
</div> </div>
<For each={sortedKeys()}> <For each={sortedKeys()}>
{(letter) => ( {(letter) => (
<div class={clsx(styles.group, 'group')}> <div class={clsx(styles.group, 'group')}>
<h2 id={`letter-${ALPHABET.indexOf(letter)}`}>{letter}</h2> <h2 id={`letter-${ALPHABET.indexOf(letter)}`}>{letter}</h2>
<div class="row"> <div class="row">
<div class="col-lg-20"> <div class="col-lg-20">
<div class="row"> <div class="row">
<For each={byLetter()[letter]}> <For each={byLetter()[letter]}>
{(topic) => ( {(topic) => (
<div class={clsx(styles.topic, 'topic col-sm-12 col-md-8')}> <div class={clsx(styles.topic, 'topic col-sm-12 col-md-8')}>
<a href={`/topic/${topic.slug}`}> <a href={`/topic/${topic.slug}`}>
{lang() === 'en' {lang() === 'en'
? capitalize(topic.slug.replaceAll('-', ' ')) ? capitalize(topic.slug.replaceAll('-', ' '))
: topic.title} : topic.title}
</a> </a>
<span class={styles.articlesCounter}>{topic.stat.shouts}</span> <span class={styles.articlesCounter}>{topic.stat.shouts}</span>
</div> </div>
)} )}
</For> </For>
</div>
</div> </div>
</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> </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>
</div> </Show>
</Show>
<Show when={filteredResults().length > limit() && searchParams().by !== 'title'}> <Show when={filteredResults().length > limit() && searchParams().by !== 'title'}>
<div class={clsx(styles.loadMoreContainer, 'col-24 col-md-20 col-lg-14 offset-md-2')}> <div class={clsx(styles.loadMoreContainer, 'col-24 col-md-20 col-lg-14 offset-md-2')}>
<button class={clsx('button', styles.loadMoreButton)} onClick={showMore}> <button class={clsx('button', styles.loadMoreButton)} onClick={showMore}>
{t('Load more')} {t('Load more')}
</button> </button>
</div> </div>
</Show>
</Show> </Show>
</Show> </div>
</div> </div>
</div> </Show>
</div> </div>
) )
} }

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

@ -1,6 +1,7 @@
import type { Author, Shout, Topic } from '../../../graphql/schema/core.gen' import type { Author, Shout, Topic } from '../../../graphql/schema/core.gen'
import { getPagePath } from '@nanostores/router' import { getPagePath } from '@nanostores/router'
import { Meta } from '@solidjs/meta'
import { clsx } from 'clsx' import { clsx } from 'clsx'
import { Show, createMemo, createSignal, Switch, onMount, For, Match, createEffect } from 'solid-js' import { Show, createMemo, createSignal, Switch, onMount, For, Match, createEffect } from 'solid-js'
@ -9,6 +10,8 @@ import { apiClient } from '../../../graphql/client/core'
import { router, useRouter } from '../../../stores/router' import { router, useRouter } from '../../../stores/router'
import { loadShouts, useArticlesStore } from '../../../stores/zine/articles' import { loadShouts, useArticlesStore } from '../../../stores/zine/articles'
import { useAuthorsStore } from '../../../stores/zine/authors' import { useAuthorsStore } from '../../../stores/zine/authors'
import { getImageUrl } from '../../../utils/getImageUrl'
import { getDescription } from '../../../utils/meta'
import { restoreScrollPosition, saveScrollPosition } from '../../../utils/scroll' import { restoreScrollPosition, saveScrollPosition } from '../../../utils/scroll'
import { splitToPages } from '../../../utils/splitToPages' import { splitToPages } from '../../../utils/splitToPages'
import { Loading } from '../../_shared/Loading' 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 ( return (
<div class={styles.authorPage}> <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"> <div class="wide-container">
<Show when={author()} fallback={<Loading />}> <Show when={author()} fallback={<Loading />}>
<> <>

123
src/components/Views/Expo/Expo.tsx
View File

@ -3,38 +3,63 @@ import { clsx } from 'clsx'
import { createEffect, createMemo, createSignal, For, on, onCleanup, onMount, Show } from 'solid-js' import { createEffect, createMemo, createSignal, For, on, onCleanup, onMount, Show } from 'solid-js'
import { useLocalize } from '../../../context/localize' import { useLocalize } from '../../../context/localize'
import { LoadShoutsOptions, Shout } from '../../../graphql/schema/core.gen' import {
LoadRandomTopShoutsParams,
LoadShoutsFilters,
LoadShoutsOptions,
Shout,
} from '../../../graphql/schema/core.gen'
import { LayoutType } from '../../../pages/types' import { LayoutType } from '../../../pages/types'
import { router, useRouter } from '../../../stores/router' import { router } from '../../../stores/router'
import { loadShouts, resetSortedArticles, useArticlesStore } from '../../../stores/zine/articles' import { loadShouts, resetSortedArticles, useArticlesStore } from '../../../stores/zine/articles'
import { apiClient } from '../../../utils/apiClient'
import { getServerDate } from '../../../utils/getServerDate'
import { restoreScrollPosition, saveScrollPosition } from '../../../utils/scroll' import { restoreScrollPosition, saveScrollPosition } from '../../../utils/scroll'
import { splitToPages } from '../../../utils/splitToPages' import { splitToPages } from '../../../utils/splitToPages'
import { Button } from '../../_shared/Button' import { Button } from '../../_shared/Button'
import { ConditionalWrapper } from '../../_shared/ConditionalWrapper' import { ConditionalWrapper } from '../../_shared/ConditionalWrapper'
import { Loading } from '../../_shared/Loading' import { Loading } from '../../_shared/Loading'
import { ArticleCardSwiper } from '../../_shared/SolidSwiper/ArticleCardSwiper'
import { ArticleCard } from '../../Feed/ArticleCard' import { ArticleCard } from '../../Feed/ArticleCard'
import styles from './Expo.module.scss' import styles from './Expo.module.scss'
type Props = { type Props = {
shouts: Shout[] shouts: Shout[]
layout: LayoutType
} }
export const PRERENDERED_ARTICLES_COUNT = 28
export const PRERENDERED_ARTICLES_COUNT = 24
const LOAD_MORE_PAGE_SIZE = 16 const LOAD_MORE_PAGE_SIZE = 16
export const Expo = (props: Props) => { export const Expo = (props: Props) => {
const [isLoaded, setIsLoaded] = createSignal<boolean>(Boolean(props.shouts)) const [isLoaded, setIsLoaded] = createSignal<boolean>(Boolean(props.shouts))
const [isLoadMoreButtonVisible, setIsLoadMoreButtonVisible] = createSignal(false) const [isLoadMoreButtonVisible, setIsLoadMoreButtonVisible] = createSignal(false)
const [randomTopArticles, setRandomTopArticles] = createSignal<Shout[]>([])
const [randomTopMonthArticles, setRandomTopMonthArticles] = createSignal<Shout[]>([])
const { t } = useLocalize() const { t } = useLocalize()
const { page: getPage } = useRouter()
const getLayout = createMemo<LayoutType>(() => getPage().params['layout'] as LayoutType)
const { sortedArticles } = useArticlesStore({ const { sortedArticles } = useArticlesStore({
shouts: isLoaded() ? props.shouts : [], shouts: isLoaded() ? props.shouts : [],
}) })
const loadMore = async (count) => { const getLoadShoutsFilters = (filters: LoadShoutsFilters = {}): LoadShoutsFilters => {
saveScrollPosition() const result = { ...filters }
if (props.layout) {
filters.layout = props.layout
} else {
filters.excludeLayout = 'article'
}
return result
}
const loadMore = async (count: number) => {
const options: LoadShoutsOptions = { const options: LoadShoutsOptions = {
filters: getLoadShoutsFilters(),
limit: count, limit: count,
offset: sortedArticles().length, offset: sortedArticles().length,
} }
@ -45,9 +70,39 @@ export const Expo = (props: Props) => {
const { hasMore } = await loadShouts(options) const { hasMore } = await loadShouts(options)
setIsLoadMoreButtonVisible(hasMore) setIsLoadMoreButtonVisible(hasMore)
}
const loadMoreWithoutScrolling = async (count: number) => {
saveScrollPosition()
await loadMore(count)
restoreScrollPosition() restoreScrollPosition()
} }
const loadRandomTopArticles = async () => {
const params: LoadRandomTopShoutsParams = {
filters: getLoadShoutsFilters(),
limit: 10,
fromRandomCount: 100,
}
const result = await apiClient.getRandomTopShouts(params)
setRandomTopArticles(result)
}
const loadRandomTopMonthArticles = async () => {
const now = new Date()
const fromDate = getServerDate(new Date(now.setMonth(now.getMonth() - 1)))
const params: LoadRandomTopShoutsParams = {
filters: getLoadShoutsFilters({ fromDate }),
limit: 10,
fromRandomCount: 10,
}
const result = await apiClient.getRandomTopShouts(params)
setRandomTopMonthArticles(result)
}
const pages = createMemo<Shout[][]>(() => const pages = createMemo<Shout[][]>(() =>
splitToPages(sortedArticles(), PRERENDERED_ARTICLES_COUNT, LOAD_MORE_PAGE_SIZE), splitToPages(sortedArticles(), PRERENDERED_ARTICLES_COUNT, LOAD_MORE_PAGE_SIZE),
) )
@ -65,14 +120,21 @@ export const Expo = (props: Props) => {
if (sortedArticles().length === PRERENDERED_ARTICLES_COUNT) { if (sortedArticles().length === PRERENDERED_ARTICLES_COUNT) {
loadMore(LOAD_MORE_PAGE_SIZE) loadMore(LOAD_MORE_PAGE_SIZE)
} }
loadRandomTopArticles()
loadRandomTopMonthArticles()
}) })
createEffect( createEffect(
on( on(
() => getLayout(), () => props.layout,
() => { () => {
resetSortedArticles() resetSortedArticles()
setRandomTopArticles([])
setRandomTopMonthArticles([])
loadMore(PRERENDERED_ARTICLES_COUNT + LOAD_MORE_PAGE_SIZE) loadMore(PRERENDERED_ARTICLES_COUNT + LOAD_MORE_PAGE_SIZE)
loadRandomTopArticles()
loadRandomTopMonthArticles()
}, },
{ defer: true }, { defer: true },
), ),
@ -83,7 +145,7 @@ export const Expo = (props: Props) => {
}) })
const handleLoadMoreClick = () => { const handleLoadMoreClick = () => {
loadMore(LOAD_MORE_PAGE_SIZE) loadMoreWithoutScrolling(LOAD_MORE_PAGE_SIZE)
} }
return ( return (
@ -91,19 +153,19 @@ export const Expo = (props: Props) => {
<Show when={sortedArticles().length > 0} fallback={<Loading />}> <Show when={sortedArticles().length > 0} fallback={<Loading />}>
<div class="wide-container"> <div class="wide-container">
<ul class={clsx('view-switcher', styles.navigation)}> <ul class={clsx('view-switcher', styles.navigation)}>
<li class={clsx({ 'view-switcher__item--selected': !getLayout() })}> <li class={clsx({ 'view-switcher__item--selected': !props.layout })}>
<ConditionalWrapper <ConditionalWrapper
condition={Boolean(getLayout())} condition={Boolean(props.layout)}
wrapper={(children) => <a href={getPagePath(router, 'expo')}>{children}</a>} wrapper={(children) => <a href={getPagePath(router, 'expo', { layout: '' })}>{children}</a>}
> >
<span class={clsx('linkReplacement')}>{t('All')}</span> <span class={clsx('linkReplacement')}>{t('All')}</span>
</ConditionalWrapper> </ConditionalWrapper>
</li> </li>
<li class={clsx({ 'view-switcher__item--selected': getLayout() === 'literature' })}> <li class={clsx({ 'view-switcher__item--selected': props.layout === 'literature' })}>
<ConditionalWrapper <ConditionalWrapper
condition={getLayout() !== 'literature'} condition={props.layout !== 'literature'}
wrapper={(children) => ( wrapper={(children) => (
<a href={getPagePath(router, 'expoLayout', { layout: 'literature' })}>{children}</a> <a href={getPagePath(router, 'expo', { layout: 'literature' })}>{children}</a>
)} )}
> >
<span class={clsx('linkReplacement')}>{t('Literature')}</span> <span class={clsx('linkReplacement')}>{t('Literature')}</span>
@ -119,21 +181,21 @@ export const Expo = (props: Props) => {
<span class={clsx('linkReplacement')}>{t('Music')}</span> <span class={clsx('linkReplacement')}>{t('Music')}</span>
</ConditionalWrapper> </ConditionalWrapper>
</li> </li>
<li class={clsx({ 'view-switcher__item--selected': getLayout() === 'image' })}> <li class={clsx({ 'view-switcher__item--selected': props.layout === 'image' })}>
<ConditionalWrapper <ConditionalWrapper
condition={getLayout() !== 'image'} condition={props.layout !== 'image'}
wrapper={(children) => ( wrapper={(children) => (
<a href={getPagePath(router, 'expoLayout', { layout: 'image' })}>{children}</a> <a href={getPagePath(router, 'expo', { layout: 'image' })}>{children}</a>
)} )}
> >
<span class={clsx('linkReplacement')}>{t('Gallery')}</span> <span class={clsx('linkReplacement')}>{t('Gallery')}</span>
</ConditionalWrapper> </ConditionalWrapper>
</li> </li>
<li class={clsx({ 'view-switcher__item--selected': getLayout() === 'video' })}> <li class={clsx({ 'view-switcher__item--selected': props.layout === 'video' })}>
<ConditionalWrapper <ConditionalWrapper
condition={getLayout() !== 'video'} condition={props.layout !== 'video'}
wrapper={(children) => ( wrapper={(children) => (
<a href={getPagePath(router, 'expoLayout', { layout: 'video' })}>{children}</a> <a href={getPagePath(router, 'expo', { layout: 'video' })}>{children}</a>
)} )}
> >
<span class={clsx('cursorPointer linkReplacement')}>{t('Video')}</span> <span class={clsx('cursorPointer linkReplacement')}>{t('Video')}</span>
@ -141,7 +203,7 @@ export const Expo = (props: Props) => {
</li> </li>
</ul> </ul>
<div class="row"> <div class="row">
<For each={sortedArticles().slice(0, PRERENDERED_ARTICLES_COUNT)}> <For each={sortedArticles().slice(0, PRERENDERED_ARTICLES_COUNT / 2)}>
{(shout) => ( {(shout) => (
<div class="col-md-6 mt-md-5 col-sm-8 mt-sm-3"> <div class="col-md-6 mt-md-5 col-sm-8 mt-sm-3">
<ArticleCard <ArticleCard
@ -152,6 +214,23 @@ export const Expo = (props: Props) => {
</div> </div>
)} )}
</For> </For>
<Show when={randomTopMonthArticles().length > 0} keyed={true}>
<ArticleCardSwiper title={t('Top month articles')} slides={randomTopMonthArticles()} />
</Show>
<For each={sortedArticles().slice(PRERENDERED_ARTICLES_COUNT / 2, PRERENDERED_ARTICLES_COUNT)}>
{(shout) => (
<div class="col-md-6 mt-md-5 col-sm-8 mt-sm-3">
<ArticleCard
article={shout}
settings={{ nodate: true, nosubtitle: true, noAuthorLink: true }}
desktopCoverSize="XS"
/>
</div>
)}
</For>
<Show when={randomTopArticles().length > 0} keyed={true}>
<ArticleCardSwiper title={t('Favorite')} slides={randomTopArticles()} />
</Show>
<For each={pages()}> <For each={pages()}>
{(page) => ( {(page) => (
<For each={page}> <For each={page}>

0
src/components/Views/Feed.module.scss → src/components/Views/Feed/Feed.module.scss
View File

65
src/components/Views/Feed.tsx → src/components/Views/Feed/Feed.tsx
View File

@ -1,28 +1,32 @@
import type { Author, LoadShoutsOptions, Reaction, Shout } from '../../graphql/schema/core.gen' import type { Author, LoadShoutsOptions, Reaction, Shout } from '../../graphql/schema/core.gen'
import { getPagePath } from '@nanostores/router' import { getPagePath } from '@nanostores/router'
import { Meta } from '@solidjs/meta'
import { clsx } from 'clsx' import { clsx } from 'clsx'
import { createEffect, createSignal, For, on, onMount, Show } from 'solid-js' import { createEffect, createSignal, For, on, onMount, Show } from 'solid-js'
import { useLocalize } from '../../context/localize' import { useLocalize } from '../../../context/localize'
import { useReactions } from '../../context/reactions' import { useReactions } from '../../../context/reactions'
import { router, useRouter } from '../../stores/router' import { router, useRouter } from '../../../stores/router'
import { useArticlesStore, resetSortedArticles } from '../../stores/zine/articles' import { useArticlesStore, resetSortedArticles } from '../../../stores/zine/articles'
import { useTopAuthorsStore } from '../../stores/zine/topAuthors' import { useTopAuthorsStore } from '../../../stores/zine/topAuthors'
import { useTopicsStore } from '../../stores/zine/topics' import { useTopicsStore } from '../../../stores/zine/topics'
import { Icon } from '../_shared/Icon' import { apiClient } from '../../../utils/apiClient'
import { Loading } from '../_shared/Loading' import { getImageUrl } from '../../../utils/getImageUrl'
import { CommentDate } from '../Article/CommentDate' import { Icon } from '../../_shared/Icon'
import { AuthorLink } from '../Author/AhtorLink' import { Loading } from '../../_shared/Loading'
import { AuthorBadge } from '../Author/AuthorBadge' import { CommentDate } from '../../Article/CommentDate'
import { ArticleCard } from '../Feed/ArticleCard' import { AuthorLink } from '../../Author/AhtorLink'
import { Sidebar } from '../Feed/Sidebar' import { AuthorBadge } from '../../Author/AuthorBadge'
import { ArticleCard } from '../../Feed/ArticleCard'
import { Sidebar } from '../../Feed/Sidebar'
import styles from './Feed.module.scss' import styles from './Feed.module.scss'
import stylesBeside from '../../components/Feed/Beside.module.scss' import stylesBeside from '../../Feed/Beside.module.scss'
import stylesTopic from '../Feed/CardTopic.module.scss' import stylesTopic from '../../Feed/CardTopic.module.scss'
export const FEED_PAGE_SIZE = 20 export const FEED_PAGE_SIZE = 20
const UNRATED_ARTICLES_COUNT = 5
type FeedSearchParams = { type FeedSearchParams = {
by: 'publish_date' | 'rating' | 'last_comment' by: 'publish_date' | 'rating' | 'last_comment'
@ -58,13 +62,20 @@ export const FeedView = (props: Props) => {
const { topAuthors } = useTopAuthorsStore() const { topAuthors } = useTopAuthorsStore()
const [isLoadMoreButtonVisible, setIsLoadMoreButtonVisible] = createSignal(false) const [isLoadMoreButtonVisible, setIsLoadMoreButtonVisible] = createSignal(false)
const [topComments, setTopComments] = createSignal<Reaction[]>([]) const [topComments, setTopComments] = createSignal<Reaction[]>([])
const [unratedArticles, setUnratedArticles] = createSignal<Shout[]>([])
const { const {
actions: { loadReactionsBy }, actions: { loadReactionsBy },
} = useReactions() } = useReactions()
const loadUnratedArticles = async () => {
const result = await apiClient.getUnratedShouts(UNRATED_ARTICLES_COUNT)
setUnratedArticles(result)
}
onMount(() => { onMount(() => {
loadMore() loadMore()
loadUnratedArticles()
}) })
createEffect( createEffect(
@ -113,8 +124,24 @@ export const FeedView = (props: Props) => {
setTopComments(comments) 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 ( return (
<div class="wide-container feed"> <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="row">
<div class={clsx('col-md-5 col-xl-4', styles.feedNavigation)}> <div class={clsx('col-md-5 col-xl-4', styles.feedNavigation)}>
<Sidebar /> <Sidebar />
@ -253,6 +280,14 @@ export const FeedView = (props: Props) => {
</li> </li>
</ul> </ul>
</section> </section>
<Show when={unratedArticles().length > 0}>
<section class={clsx(styles.asideSection)}>
<h4>{t('Be the first to rate')}</h4>
<For each={unratedArticles()}>
{(article) => <ArticleCard article={article} settings={{ noimage: true, nodate: true }} />}
</For>
</section>
</Show>
</aside> </aside>
</div> </div>
</div> </div>

1
src/components/Views/Feed/index.ts Normal file
View File

@ -0,0 +1 @@
export { Feed } from './Feed'

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

@ -72,7 +72,7 @@ export const ProfileSubscriptions = () => {
<div class="row"> <div class="row">
<div class="col-md-20 col-lg-18 col-xl-16"> <div class="col-md-20 col-lg-18 col-xl-16">
<h1>{t('My subscriptions')}</h1> <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 />}> <Show when={following()} fallback={<Loading />}>
<ul class="view-switcher"> <ul class="view-switcher">
<li class={clsx({ 'view-switcher__item--selected': subscriptionFilter() === 'all' })}> <li class={clsx({ 'view-switcher__item--selected': subscriptionFilter() === 'all' })}>

7
src/components/Views/Search.tsx
View File

@ -29,17 +29,14 @@ export const SearchView = (props: Props) => {
const { searchParams } = useRouter<SearchPageSearchParams>() const { searchParams } = useRouter<SearchPageSearchParams>()
let searchEl: HTMLInputElement let searchEl: HTMLInputElement
const handleQueryChange = (_ev) => { const handleQueryChange = () => {
setQuery(searchEl.value) setQuery(searchEl.value)
} }
const loadMore = async () => { const loadMore = async () => {
saveScrollPosition() saveScrollPosition()
const { hasMore } = await loadShouts({ const { hasMore } = await loadShouts({
filters: { filters: {},
title: query(),
body: query(),
},
offset: offset(), offset: offset(),
limit: LOAD_MORE_PAGE_SIZE, limit: LOAD_MORE_PAGE_SIZE,
}) })

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

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

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

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

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

@ -85,6 +85,7 @@
} }
} }
} }
&.mobileView { &.mobileView {
.container { .container {
flex-direction: column-reverse; flex-direction: column-reverse;
@ -100,7 +101,7 @@
padding: 0; padding: 0;
& swiper-slide { & swiper-slide {
//bind to html element <swiper-slide/> // bind to html element <swiper-slide/>
width: unset !important; width: unset !important;
} }

0
src/graphql/graphQLClient.ts Normal file
View File

46
src/graphql/query/articles-load-random-top.ts Normal file
View File

@ -0,0 +1,46 @@
import { gql } from '@urql/core'
export default gql`
query LoadRandomTopShoutsQuery($params: LoadRandomTopShoutsParams) {
loadRandomTopShouts(params: $params) {
id
title
lead
description
subtitle
slug
layout
cover
lead
# community
mainTopic
topics {
id
title
body
slug
stat {
shouts
authors
followers
}
}
authors {
id
name
slug
userpic
createdAt
bio
}
createdAt
publishedAt
stat {
viewed
reacted
rating
commented
}
}
}
`

46
src/graphql/query/articles-load-unrated.ts Normal file
View File

@ -0,0 +1,46 @@
import { gql } from '@urql/core'
export default gql`
query LoadUnratedShoutsQuery($limit: Int!) {
loadUnratedShouts(limit: $limit) {
id
title
lead
description
subtitle
slug
layout
cover
lead
# community
mainTopic
topics {
id
title
body
slug
stat {
shouts
authors
followers
}
}
authors {
id
name
slug
userpic
createdAt
bio
}
createdAt
publishedAt
stat {
viewed
reacted
rating
commented
}
}
}
`

0
src/graphql/types.gen.ts Normal file
View File

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 { useLocalize } from '../../context/localize'
import { getImageUrl } from '../../utils/getImageUrl'
export const DiscussionRulesPage = () => { export const DiscussionRulesPage = () => {
const { t } = useLocalize() 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 ( return (
<PageLayout title={title}> <StaticPage title={ogTitle}>
<article class="wide-container container--static-page"> <article class="wide-container container--static-page">
<div class="row"> <Meta name="descprition" content={description} />
<div class="col-md-12 col-xl-14 offset-md-5 order-md-first"> <Meta name="keywords" content={t('principles keywords')} />
<h1> <Meta name="og:type" content="article" />
<span class="wrapped" innerHTML={title} /> <Meta name="og:title" content={ogTitle} />
</h1> <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> <p>
Открытая редакция существует благодаря дружному сообществу авторов Оскорбления, личные нападки, травля и&nbsp;угрозы. В&nbsp;любом виде. Конкретного человека или
и&nbsp;читателей&nbsp;&mdash; вдумчивых и&nbsp;сознательных людей, приверженных ценностям социальной группы&nbsp;&mdash; не&nbsp;суть. Агрессия, переход на&nbsp;личности
гуманизма, демократии и&nbsp;прав человека. Мы&nbsp;очень ценим атмосферу осмысленного и&nbsp;токсичность едва&nbsp;ли способствуют плодотворному общению.
общения, которая здесь сложилась. Чтобы сохранить ее&nbsp;такой&nbsp;же уютной
и&nbsp;творческой, мы&nbsp;составили правила общения в&nbsp;сообществе, руководствуясь
которыми каждый мог&nbsp;бы соучаствовать в&nbsp;плодотворных дискуссиях, не&nbsp;задевая
других. Ключевой принцип этих правил предельно прост&nbsp;&mdash; уважайте ближних,
постарайтесь не&nbsp;нарушать законы Российской Федерации без крайней
на&nbsp;то&nbsp;необходимости и&nbsp;помните, что в&nbsp;дискуссиях чутких
и&nbsp;здравомыслящих людей рождается истина.
</p> </p>
</li>
<h3>За&nbsp;что можно получить дырку в&nbsp;карме и&nbsp;выиграть бан в&nbsp;сообществе</h3> <li>
<ol> <p>
<li> Шовинизм, расизм, сексизм, гомофобия, пропаганда ненависти, педофилии, суицида,
<p> распространение детской порнографии и&nbsp;другого человеконенавистнического контента.
Оскорбления, личные нападки, травля и&nbsp;угрозы. В&nbsp;любом виде. Конкретного человека </p>
или социальной группы&nbsp;&mdash; не&nbsp;суть. Агрессия, переход на&nbsp;личности </li>
и&nbsp;токсичность едва&nbsp;ли способствуют плодотворному общению.
</p>
</li>
<li> <li>
<p> <p>
Шовинизм, расизм, сексизм, гомофобия, пропаганда ненависти, педофилии, суицида, Спам, реклама, фейкньюз, ссылки на&nbsp;пропагандистские СМИ, вбросы дезинформации, специально
распространение детской порнографии и&nbsp;другого человеконенавистнического контента. уводящий от&nbsp;темы флуд, провокации, разжигание конфликтов, намеренный срыв дискуссий.
</p> </p>
</li> </li>
<li> <li>
<p> <p>
Спам, реклама, фейкньюз, ссылки на&nbsp;пропагандистские СМИ, вбросы дезинформации, Неаргументированная критика и&nbsp;комментарии вроде &laquo;отстой&raquo;, &laquo;зачем
специально уводящий от&nbsp;темы флуд, провокации, разжигание конфликтов, намеренный срыв я&nbsp;это увидел/а&raquo;, &laquo;не&nbsp;читал, но&nbsp;осуждаю&raquo;, &laquo;либераху
дискуссий. порвало&raquo;, &laquo;лол&raquo;, &laquo;скатились&raquo;, &laquo;первый нах&raquo;
</p> и&nbsp;тому подобные. Односложные реплики не&nbsp;подразумевают возможность обогащающего
</li> диалога, не&nbsp;продуктивны и&nbsp;никак не&nbsp;помогают авторам делать материалы лучше,
а&nbsp;читателям&nbsp;&mdash; разобраться.
</p>
</li>
</ol>
<li> <h3>За&nbsp;что можно получить лучи добра и&nbsp;благодарности в&nbsp;сообществе</h3>
<p> <ol>
Неаргументированная критика и&nbsp;комментарии вроде &laquo;отстой&raquo;, &laquo;зачем <li>
я&nbsp;это увидел/а&raquo;, &laquo;не&nbsp;читал, но&nbsp;осуждаю&raquo;, &laquo;либераху <p>
порвало&raquo;, &laquo;лол&raquo;, &laquo;скатились&raquo;, &laquo;первый нах&raquo; <strong>Вежливость и&nbsp;конструктивность.</strong> Мы&nbsp;выступаем за&nbsp;конструктивный
и&nbsp;тому подобные. Односложные реплики не&nbsp;подразумевают возможность обогащающего диалог, аргументированные комментарии и&nbsp;доброжелательное отношение друг к&nbsp;другу.
диалога, не&nbsp;продуктивны и&nbsp;никак не&nbsp;помогают авторам делать материалы лучше, Задавайте содержательные вопросы, пишите развернутые комментарии, подкрепляйте
а&nbsp;читателям&nbsp;&mdash; разобраться. их&nbsp;аргументами, чтобы диалог был полезен всем участникам, помогая глубже понять тему
</p> и&nbsp;разобраться в&nbsp;вопросе. И, пожалуйста, уважайте собеседника, даже если он&nbsp;вам
</li> лично не&nbsp;импонирует: только так получаются продуктивные дискуссии.
</ol> </p>
</li>
<h3>За&nbsp;что можно получить лучи добра и&nbsp;благодарности в&nbsp;сообществе</h3> <li>
<ol> <p>
<li> <strong>Обмен знаниями и&nbsp;историями.</strong> Осмысленные высказывания по&nbsp;теме поста,
<p> оригинальные рассуждения, рассказы о&nbsp;личном опыте и&nbsp;проектах, обмен профессиональной
<strong>Вежливость и&nbsp;конструктивность.</strong> Мы&nbsp;выступаем экспертизой, наблюдения и&nbsp;реальные истории из&nbsp;жизни&nbsp;&mdash; чем больше
за&nbsp;конструктивный диалог, аргументированные комментарии и&nbsp;доброжелательное мы&nbsp;делимся друг с&nbsp;другом знаниями, тем интереснее и&nbsp;плодотворнее становится
отношение друг к&nbsp;другу. Задавайте содержательные вопросы, пишите развернутые наше общение. Помните, что каждый вдумчивый ответ повышает качество дискуссий
комментарии, подкрепляйте их&nbsp;аргументами, чтобы диалог был полезен всем участникам, в&nbsp;сообществе и&nbsp;делает чтение самиздата ещё интереснее.
помогая глубже понять тему и&nbsp;разобраться в&nbsp;вопросе. И, пожалуйста, уважайте </p>
собеседника, даже если он&nbsp;вам лично не&nbsp;импонирует: только так получаются </li>
продуктивные дискуссии.
</p>
</li>
<li> <li>
<p> <p>
<strong>Обмен знаниями и&nbsp;историями.</strong> Осмысленные высказывания по&nbsp;теме <strong>Чувство юмора и&nbsp;добродушие.</strong> Остроумие и&nbsp;дружелюбие не&nbsp;только
поста, оригинальные рассуждения, рассказы о&nbsp;личном опыте и&nbsp;проектах, обмен направляют дискуссии в&nbsp;продуктивное русло, но&nbsp;и&nbsp;улучшают настроение.
профессиональной экспертизой, наблюдения и&nbsp;реальные истории Не&nbsp;вредите негативом, которого в&nbsp;интернете и&nbsp;без нас хватает,
из&nbsp;жизни&nbsp;&mdash; чем больше мы&nbsp;делимся друг с&nbsp;другом знаниями, тем и&nbsp;не&nbsp;травите на&nbsp;корню классные инициативы&nbsp;&mdash; всё великое начинается
интереснее и&nbsp;плодотворнее становится наше общение. Помните, что каждый вдумчивый с&nbsp;малого. Мы&nbsp;за&nbsp;поддерживающую и&nbsp;вдохновляющую атмосферу
ответ повышает качество дискуссий в&nbsp;сообществе и&nbsp;делает чтение самиздата ещё в&nbsp;сообществе. Надеемся, вы&nbsp;тоже.
интереснее. </p>
</p> </li>
</li>
<li> <li>
<p> <p>
<strong>Чувство юмора и&nbsp;добродушие.</strong> Остроумие и&nbsp;дружелюбие <strong>Благодарность и&nbsp;поддержка.</strong> Если публикация вам зашла,
не&nbsp;только направляют дискуссии в&nbsp;продуктивное русло, но&nbsp;и&nbsp;улучшают не&nbsp;стесняйтесь ставить лайки, делиться понравившимися материалами, благодарить авторов,
настроение. Не&nbsp;вредите негативом, которого в&nbsp;интернете и&nbsp;без нас хватает, читателей, художников и&nbsp;редакторов в&nbsp;комментариях. Цените и&nbsp;поддерживайте
и&nbsp;не&nbsp;травите на&nbsp;корню классные инициативы&nbsp;&mdash; всё великое классные проекты, сильные тексты, новое искусство, осмысленные комментарии и&nbsp;вклад других
начинается с&nbsp;малого. Мы&nbsp;за&nbsp;поддерживающую и&nbsp;вдохновляющую атмосферу в&nbsp;самиздат&nbsp;&mdash; сотрудничество делает нас сильнее и&nbsp;усиливает звучание идей
в&nbsp;сообществе. Надеемся, вы&nbsp;тоже. и&nbsp;смыслов, которые помогают лучше понимать мир.
</p> </p>
</li> </li>
</ol>
<li>
<p>
<strong>Благодарность и&nbsp;поддержка.</strong> Если публикация вам зашла,
не&nbsp;стесняйтесь ставить лайки, делиться понравившимися материалами, благодарить
авторов, читателей, художников и&nbsp;редакторов в&nbsp;комментариях. Цените
и&nbsp;поддерживайте классные проекты, сильные тексты, новое искусство, осмысленные
комментарии и&nbsp;вклад других в&nbsp;самиздат&nbsp;&mdash; сотрудничество делает нас
сильнее и&nbsp;усиливает звучание идей и&nbsp;смыслов, которые помогают лучше понимать
мир.
</p>
</li>
</ol>
</div>
</div>
</article> </article>
</PageLayout> </StaticPage>
) )
} }

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

@ -1,57 +1,70 @@
import { PageLayout } from '../../components/_shared/PageLayout' import { Meta } from '@solidjs/meta'
import { useLocalize } from '../../context/localize'
import { StaticPage } from '../../components/Views/StaticPage'
import { useLocalize } from '../../context/localize'
import { getImageUrl } from '../../utils/getImageUrl'
// TODO: l10n
export const DogmaPage = () => { export const DogmaPage = () => {
const { t } = useLocalize() 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 ( 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"> <article class="wide-container container--static-page">
<div class="row"> <h4>Редакционные принципы</h4>
<div class="col-md-12 col-xl-14 offset-md-5 order-md-first"> <p>
<h4>Редакционные принципы</h4> Дискурс — журнал с открытой горизонтальной редакцией. Содержание журнала определяется прямым
<p> голосованием его авторов. Мы нередко занимаем различные позиции по разным проблемам, но
Дискурс — журнал с открытой горизонтальной редакцией. Содержание журнала определяется прямым придерживаемся общих профессиональных принципов:
голосованием его авторов. Мы нередко занимаем различные позиции по разным проблемам, но </p>
придерживаемся общих профессиональных принципов: <ol>
</p> <li>
<ol> <b>На первое место ставим факты.</b> Наша задача — не судить, а наблюдать и непредвзято
<li> фиксировать происходящее. Все утверждения и выводы, которые мы делаем, подтверждаются фактами,
<b>На первое место ставим факты.</b> Наша задача — не судить, а наблюдать и непредвзято цифрами, мнениями экспертов или ссылками на авторитетные источники.
фиксировать происходящее. Все утверждения и выводы, которые мы делаем, подтверждаются </li>
фактами, цифрами, мнениями экспертов или ссылками на авторитетные источники. <li>
</li> <b>Ответственно относимся к источникам.</b>
<li> Мы выбираем только надежные источники, проверяем информацию и рассказываем, как и откуда мы её
<b>Ответственно относимся к источникам.</b> получили, кроме случаев, когда это может нанести вред источникам. Тогда мы не раскроем их, даже
Мы выбираем только надежные источники, проверяем информацию и рассказываем, как и откуда мы в суде.
её получили, кроме случаев, когда это может нанести вред источникам. Тогда мы не раскроем </li>
их, даже в суде. <li>
</li> <b>Выбираем компетентных и независимых экспертов</b>, понимая всю степень ответственности перед
<li> аудиторией.
<b>Выбираем компетентных и независимых экспертов</b>, понимая всю степень ответственности </li>
перед аудиторией. <li>
</li> <b>
<li> Даем возможность высказаться всем заинтересованным сторонам, но не присоединяемся ни к чьему
<b> лагерю.
Даем возможность высказаться всем заинтересованным сторонам, но не присоединяемся ни к </b>
чьему лагерю. Ко всем событиям, компаниям и людям мы относимся с одинаковым скептицизмом.
</b> </li>
Ко всем событиям, компаниям и людям мы относимся с одинаковым скептицизмом. <li>
</li> <b>Всегда исправляем ошибки, если мы их допустили.</b>
<li> Никто не безгрешен, иногда и мы ошибаемся. Заметили ошибку — отправьте{' '}
<b>Всегда исправляем ошибки, если мы их допустили.</b> <a href="/about/guide#editing">ремарку</a> автору или напишите нам на{' '}
Никто не безгрешен, иногда и мы ошибаемся. Заметили ошибку — отправьте{' '} <a href="mailto:welcome@discours.io" target="_blank">
<a href="/about/guide#editing">ремарку</a> автору или напишите нам на{' '} welcome@discours.io
<a href="mailto:welcome@discours.io" target="_blank"> </a>
welcome@discours.io .
</a> </li>
. </ol>
</li>
</ol>
</div>
</div>
</article> </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 { StaticPage } from '../../components/Views/StaticPage'
import { useLocalize } from '../../context/localize' import { useLocalize } from '../../context/localize'
import { getImageUrl } from '../../utils/getImageUrl'
export const GuidePage = () => { export const GuidePage = () => {
const { t } = useLocalize() 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 ( return (
<StaticPage <StaticPage title={ogTitle}>
title={title} <>
layoutChildren={ <Meta name="descprition" content={description} />
<> <Meta name="keywords" content={t('keywords')} />
<Meta name="description" content={title} /> <Meta name="og:type" content="article" />
<Meta name="keywords" content={t('Discours') + ',' + title} /> <Meta name="og:title" content={ogTitle} />
<Meta property="og:title" content={title} /> <Meta name="og:image" content={ogImage} />
<Meta property="og:description" content={title} /> <Meta name="twitter:image" content={ogImage} />
<Meta property="og:image" content="/images/participation.png" /> <Meta name="og:description" content={description} />
<Meta property="og:image:width" content="1200" /> <Meta name="twitter:card" content="summary_large_image" />
<Meta property="og:image:height" content="630" /> <Meta name="twitter:title" content={ogTitle} />
</> <Meta name="twitter:description" content={description} />
} <article class="wide-container container--static-page">
> <h1 id="about">
<h1 id="about"> <span class="wrapped">{ogTitle}</span>
<span class="wrapped">Как устроен Дискурс</span> </h1>
</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> <p>
<a href="/topics">Темы</a> Дискурс&nbsp;&mdash; независимый журнал о&nbsp;культуре, науке, искусстве и&nbsp;обществе
&nbsp;&mdash; у&nbsp;нас публикуются исследования, обзоры, эссе, интервью, репортажи, аналитика с&nbsp;
и&nbsp;другие материалы о&nbsp;культуре, науке, искусстве и&nbsp;обществе. <a href="/about/manifest">открытой редакцией</a>. У&nbsp;нас нет главного редактора, инвестора
и&nbsp;вообще никого, кто&nbsp;бы принимал единоличные решения. Вместо традиционных иерархий
Дискурс основан на&nbsp;принципах прямой демократии: в&nbsp;нашем горизонтальном сообществе все
редакционные вопросы решаются открытым голосованием авторов журнала. Вот как это работает.
</p> </p>
</li> <h3 id="how-it-works">Как устроен сайт Дискурса</h3>
<li> <p>Дискурс состоит из&nbsp;четырех основных разделов:</p>
<p> <ul>
<a href="/topic/art">Искусство</a> <li>
&nbsp;&mdash; здесь, например, представлены художественные произведения: литература, живопись, <p>
музыка, фотографии, видео. Этот раздел помогает прозвучать новому искусству, которое создают <a href="/topics">Темы</a>
российские художники, писатели, режиссёры и&nbsp;музыканты. &nbsp;&mdash; у&nbsp;нас публикуются исследования, обзоры, эссе, интервью, репортажи,
</p> аналитика и&nbsp;другие материалы о&nbsp;культуре, науке, искусстве и&nbsp;обществе.
</li> </p>
{/* </li>
<li>
<p>
<a href="/topic/art">Искусство</a>
&nbsp;&mdash; здесь, например, представлены художественные произведения: литература,
живопись, музыка, фотографии, видео. Этот раздел помогает прозвучать новому искусству,
которое создают российские художники, писатели, режиссёры и&nbsp;музыканты.
</p>
</li>
{/*
<li> <li>
<p> <p>
<a href="/topic/events">События</a>&nbsp;— в&nbsp;этом разделе <a href="/topic/events">События</a>&nbsp;— в&nbsp;этом разделе
@ -72,169 +76,173 @@ export const GuidePage = () => {
</p> </p>
</li> </li>
*/} */}
</ul> </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>
<p> <p>
<strong>Право определять, каким будет журнал</strong>. Дискурс&nbsp;&mdash; это общественная Материалы в&nbsp;Дискурсе объединяются по&nbsp;<b>темам</b>
институция, созданная людьми и&nbsp;ради людей, функционирующая на&nbsp;условиях прямой &mdash;&nbsp;ключевым словам, которые располагаются в&nbsp;конце материалов и&nbsp;связывают
демократии. Авторы публикуют статьи и&nbsp;художественные проекты, участвуют в&nbsp;обсуждениях, материалы по&nbsp;жанрам (например, <a href="/topic/interview">интервью</a>,{' '}
голосуют за&nbsp;работы коллег и&nbsp;таким образом вносят свой вклад в&nbsp;развитие проекта, <a href="/topic/reportage">репортажи</a>, <a href="/topic/essay">эссе</a>,{' '}
определяя содержание и&nbsp;направление журнала. <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> </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> <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> </p>
</li> <section>
<li> <p>
Как только сообщество поддержит публикацию, вы&nbsp;получите приглашение
в&nbsp;интернет-редакцию и&nbsp;сможете голосовать за&nbsp;новые материалы.
</p>
</section>
<h3 id="editing">Как мы&nbsp;делаем тексты друг друга лучше</h3>
<p> <p>
<strong>Поддержка редакции</strong>. Дискурс предоставляет авторам аккредитацию Дискурс&nbsp;&mdash; журнал с&nbsp;совместным редактированием. Совершенствовать тексты нам
на&nbsp;мероприятия, базу контактов, юридическую поддержку, ознакомление с&nbsp;книжными, кино- помогает <b>система ремарок</b>. Вы&nbsp;можете выделить часть текста в&nbsp;любой статье
и&nbsp;музыкальными новинками до&nbsp;их&nbsp;выхода в&nbsp;свет. Если что-то из&nbsp;этого вам и&nbsp;оставить к&nbsp;ней замечание, вопрос или предложение&nbsp;&mdash; автор текста получит
понадобится, пишите на&nbsp;почту{' '} совет на&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"> <a href="mailto:welcome@discours.io" target="_blank">
welcome@discours.io welcome@discours.io
</a> </a>
&nbsp;&mdash; поможем. .
</p> </p>
</li>
<li>
<p> <p>
<strong>Пресс-карты для корреспондентов</strong>. Три опубликованные статьи позволяют авторам Если у&nbsp;вас возникают трудности с&nbsp;тем, чтобы подобрать к&nbsp;своему материалу
Дискурса получить официальные удостоверения журналистов (пресс-карты) на&nbsp;следующий год. иллюстрации, тоже пишите на&nbsp;
Пресс-карты удостоверяют, что вы&nbsp;журналист и&nbsp;можете пользоваться всеми теми правами, <a href="mailto:welcome@discours.io" target="_blank">
которые гарантирует Закон о&nbsp;СМИ. Кроме того, многие культурные институции (музеи, галереи почту
и&nbsp;др.) предоставляют журналистам право свободного входа. </a>
&mdash; наши коллеги-художники могут вам помочь{' '}
<a href="/create?collab" target="_blank">
в&nbsp;режиме совместного редактирования
</a>
.
</p> </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> <h3 id="perks">Что сообщество дает авторам</h3>
<p> <ul>
За&nbsp;свежими публикациями Дискурса можно следить не&nbsp;только на&nbsp;сайте, <li>
но&nbsp;и&nbsp;на&nbsp;страницах в&nbsp; <p>
<a href="https://facebook.com/discoursio/" target="_blank"> <strong>Право определять, каким будет журнал</strong>. Дискурс&nbsp;&mdash; это общественная
Фейсбуке институция, созданная людьми и&nbsp;ради людей, функционирующая на&nbsp;условиях прямой
</a> демократии. Авторы публикуют статьи и&nbsp;художественные проекты, участвуют
,{' '} в&nbsp;обсуждениях, голосуют за&nbsp;работы коллег и&nbsp;таким образом вносят свой вклад
<a href="https://vk.com/discoursio" target="_blank"> в&nbsp;развитие проекта, определяя содержание и&nbsp;направление журнала.
ВКонтакте </p>
</a>{' '} </li>
и&nbsp; <li>
<a href="https://t.me/discoursio" target="_blank"> <p>
Телеграме <strong>Возможность обратиться к&nbsp;широкой аудитории</strong>. Дискурс читают десятки
</a> тысяч людей, и&nbsp;с&nbsp;каждым днем их&nbsp;становится больше.
. А&nbsp;ещё раз в&nbsp;месяц мы&nbsp;отправляем <a href="#subscribe">почтовую рассылку</a>{' '} </p>
с&nbsp;дайджестом лучших материалов. </li>
</p> <li>
<p> <p>
Если вы&nbsp;хотите сотрудничать, что-то обсудить или предложить &mdash; пожалуйста, пишите на&nbsp; <strong>Поддержка редакции</strong>. Дискурс предоставляет авторам аккредитацию
<a href="mailto:welcome@discours.io" target="_blank"> на&nbsp;мероприятия, базу контактов, юридическую поддержку, ознакомление с&nbsp;книжными,
welcome@discours.io кино- и&nbsp;музыкальными новинками до&nbsp;их&nbsp;выхода в&nbsp;свет. Если что-то
</a> из&nbsp;этого вам понадобится, пишите на&nbsp;почту{' '}
. Мы&nbsp;обязательно ответим. <a href="mailto:welcome@discours.io" target="_blank">
</p> 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> </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 { Donate } from '../../components/Discours/Donate'
import { StaticPage } from '../../components/Views/StaticPage' import { StaticPage } from '../../components/Views/StaticPage'
import { useLocalize } from '../../context/localize' import { useLocalize } from '../../context/localize'
import { getImageUrl } from '../../utils/getImageUrl'
export const HelpPage = () => { export const HelpPage = () => {
const { t } = useLocalize() const { t } = useLocalize()
// TODO: l10n const ogImage = getImageUrl('production/image/logo_image.png')
return ( const ogTitle = t('Support Discours')
<StaticPage const description = t(
title={t('Support us')} 'Contribute to free samizdat. Support Discours - an independent non-profit publication that works only for you. Become a pillar of the open newsroom',
layoutChildren={ )
<>
<Meta name="description" content="Здесь можно поддержать Дискурс материально." /> return (
<Meta name="keywords" content="Discours.io, помощь, благотворительность" /> <StaticPage title={ogTitle}>
</> <>
} <Meta name="descprition" content={description} />
> <Meta name="keywords" content={t('keywords')} />
<h1 id="help-us"> <Meta name="og:type" content="article" />
<span class="wrapped">Как вы&nbsp;можете поддержать Дискурс?</span> <Meta name="og:title" content={ogTitle} />
</h1> <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> <p>
Мы&nbsp;делаем открытый журнал для всех желающих, а&nbsp;также собираем искусство лучших авторов Дискурс&nbsp;&mdash; уникальное независимое издание с&nbsp;горизонтальной редакцией,
по&nbsp;всему миру. Ваша поддержка позволяет нам становиться лучше. существующее в&nbsp;интересах своих читателей. Ваша поддержка действительно много
значит&nbsp;&mdash; не&nbsp;только для редакции Дискурса, но&nbsp;и&nbsp;для сохранения
свободной мысли и&nbsp;некоммерческого искусства в&nbsp;нашем обществе.
</p> </p>
</li>
<li>
<h4>Создавать еще больше контента.</h4>
<p> <p>
Каждый день к&nbsp;нам присоединяются новые люди, и&nbsp;чем больше нас становится, тем больше Дискурс существует на&nbsp;добровольных началах. Никакой медиахолдинг, фонд или государственная
мы&nbsp;творим и&nbsp;строже оцениваем результаты творчества друг друга. В&nbsp;результате структура не&nbsp;финансирует нас&nbsp;&mdash; благодаря этому мы&nbsp;можем писать о&nbsp;том,
повышается и&nbsp;количество, и&nbsp;качество контента. Каждый день мы трудимся, чтобы открывать что важно, а&nbsp;не&nbsp;о&nbsp;том, что выгодно. Сообщество наших волонтеров ежедневно
нашим читателям новые грани окружающего мира. трудится, чтобы рассказывать вам интересные, не&nbsp;освещенные другими изданиями
истории&nbsp;&mdash; но&nbsp;мы&nbsp;не&nbsp;сможем делать это без вашей помощи. Пожертвования
читателей составляют основу нашего бюджета и&nbsp;позволяют нам существовать.
</p> </p>
</li>
<li>
<h4>Развивать форматы и&nbsp;расширять деятельность Дискурса.</h4>
<p> <p>
Мы&nbsp;создаем различные спецпроекты и&nbsp;регулярно проводим необычные мероприятия. Если вам нравится&nbsp;то, что мы&nbsp;делаем и&nbsp;вы&nbsp;хотите, чтобы Дискурс продолжался,
Мы&nbsp;хотим приносить пользу человечеству всеми возможными способами. пожалуйста, поддержите проект.
</p> </p>
</li> <div class="row">
<li> <div class="col-sm-22 col-md-24">
<h4>Модернизировать сайт.</h4> <Donate />
</div>
</div>
<h3 id="financial-report">На&nbsp;что пойдут деньги?</h3>
<p> <p>
Мы&nbsp;совершенствуем платформу и&nbsp;стараемся сделать проект максимально удобным для вас. Ваши пожертвования пойдут на&nbsp;оплату серверов, содержание офиса, зарплату редакции
Мы&nbsp;работаем над мобильной версией, новым дизайном, фукционалом, системой регистрации, и&nbsp;налоги, оплату юридического сопровождения и&nbsp;труда бухгалтера, совершенствование
навигации и&nbsp;рекомендаций, которые сделают наше общение еще увлекательней. сайта, аренду помещения для открытой редакции, на&nbsp;печать альманаха Дискурс с&nbsp;лучшими
текстами авторов за&nbsp;полгода, а&nbsp;также на&nbsp;другие редакционные и&nbsp;технические
расходы.
</p> </p>
</li> <h3>Ваша помощь позволит нам</h3>
<li> <ul>
<h4>Выпускать альманах.</h4> <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> <p>
Выпускать раз в&nbsp;полугодие печатный альманах Дискурс с&nbsp;33&nbsp;лучшими текстами сайта. Вы&nbsp;хотите сделать крупное пожертвование? Станьте попечителем Дискурса&nbsp;&mdash;{' '}
<a class="black-link" href="mailto:welcome@discours.io" target="_blank">
напишите нам
</a>
, мы&nbsp;будем рады единомышленникам.
</p> </p>
</li> <h3 id="other">Как ещё можно поддержать Дискурс?</h3>
<li> <p>
<h4>Захватить весь мир</h4> Есть много других способов поддержать Дискурс и&nbsp;труд наших авторов. Например,
<p>и&nbsp;принести &laquo;Дискурс&raquo; в&nbsp;каждый дом.</p> вы&nbsp;можете периодически рассказывать о&nbsp;проекте своим друзьям в&nbsp;соцсетях, делиться
</li> хорошими материалами или&nbsp;&mdash; что еще лучше&nbsp;&mdash; публиковать свои статьи
</ul> в&nbsp;&laquo;Дискурсе&raquo;. Но&nbsp;главное, что вы&nbsp;можете сделать для Дискурса, &mdash;
<h3 id="trustee">Войдите в&nbsp;попечительский совет Дискурса</h3> читать нас. Мы&nbsp;вкладываем в&nbsp;журнал душу, и&nbsp;внимание каждого читателя убеждает нас
<p> в&nbsp;правильности выбранного пути. Не&nbsp;переключайтесь.
Вы&nbsp;хотите сделать крупное пожертвование? Станьте попечителем Дискурса&nbsp;&mdash;{' '} </p>
<a class="black-link" href="mailto:welcome@discours.io" target="_blank"> <p>
напишите нам Если вы&nbsp;хотите помочь проекту, но&nbsp;у&nbsp;вас возникли вопросы, напишите нам письмо
</a> по&nbsp;адресу{' '}
, мы&nbsp;будем рады единомышленникам. <a class="black-link" href="mailto:welcome@discours.io" target="_blank">
</p> welcome@discours.io
<h3 id="other">Как ещё можно поддержать Дискурс?</h3> </a>
<p> .
Есть много других способов поддержать Дискурс и&nbsp;труд наших авторов. Например, вы&nbsp;можете </p>
периодически рассказывать о&nbsp;проекте своим друзьям в&nbsp;соцсетях, делиться хорошими </article>
материалами или&nbsp;&mdash; что еще лучше&nbsp;&mdash; публиковать свои статьи </>
в&nbsp;&laquo;Дискурсе&raquo;. Но&nbsp;главное, что вы&nbsp;можете сделать для Дискурса, &mdash;
читать нас. Мы&nbsp;вкладываем в&nbsp;журнал душу, и&nbsp;внимание каждого читателя убеждает нас
в&nbsp;правильности выбранного пути. Не&nbsp;переключайтесь.
</p>
<p>
Если вы&nbsp;хотите помочь проекту, но&nbsp;у&nbsp;вас возникли вопросы, напишите нам письмо
по&nbsp;адресу{' '}
<a class="black-link" href="mailto:welcome@discours.io" target="_blank">
welcome@discours.io
</a>
.
</p>
</StaticPage> </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 { Subscribe } from '../../components/_shared/Subscribe'
import { Feedback } from '../../components/Discours/Feedback' import { Feedback } from '../../components/Discours/Feedback'
import { Modal } from '../../components/Nav/Modal' import { Modal } from '../../components/Nav/Modal'
import Opener from '../../components/Nav/Modal/Opener' import Opener from '../../components/Nav/Modal/Opener'
import { StaticPage } from '../../components/Views/StaticPage' import { StaticPage } from '../../components/Views/StaticPage'
import { useLocalize } from '../../context/localize' import { useLocalize } from '../../context/localize'
import { getImageUrl } from '../../utils/getImageUrl'
export const ManifestPage = () => { export const ManifestPage = () => {
const { t } = useLocalize() 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 ( return (
<StaticPage <StaticPage title={ogTitle}>
title={t('Manifest')} <>
layoutChildren={ <Modal variant="wide" name="feedback">
<> <Feedback />
<Modal variant="wide" name="feedback"> </Modal>
<Feedback /> <Modal variant="wide" name="subscribe">
</Modal> <Subscribe />
<Modal variant="wide" name="subscribe"> </Modal>
<Subscribe /> <Meta name="descprition" content={description} />
</Modal> <Meta name="keywords" content={t('keywords')} />
</> <Meta name="og:type" content="article" />
} <Meta name="og:title" content={ogTitle} />
> <Meta name="og:image" content={ogImage} />
<h1 id="manifest"> <Meta name="twitter:image" content={ogImage} />
<span class="wrapped">Манифест</span> <Meta name="og:description" content={description} />
</h1> <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> <p>
Дискурс&nbsp;&mdash; независимый художественно-аналитический журнал с&nbsp;горизонтальной редакцией, Дискурс&nbsp;&mdash; независимый художественно-аналитический журнал с&nbsp;горизонтальной
основанный на&nbsp;принципах свободы слова, прямой демократии и&nbsp;совместного редактирования. редакцией, основанный на&nbsp;принципах свободы слова, прямой демократии и&nbsp;совместного
Дискурс создаётся открытым медиасообществом ученых, журналистов, музыкантов, писателей, редактирования. Дискурс создаётся открытым медиасообществом ученых, журналистов, музыкантов,
предпринимателей, философов, инженеров, художников и&nbsp;специалистов со&nbsp;всего мира, писателей, предпринимателей, философов, инженеров, художников и&nbsp;специалистов со&nbsp;всего
объединившихся, чтобы вместе делать общий журнал и&nbsp;объяснять с&nbsp;разных точек зрения мира, объединившихся, чтобы вместе делать общий журнал и&nbsp;объяснять с&nbsp;разных точек
мозаичную картину современности. зрения мозаичную картину современности.
</p> </p>
<p> <p>
Мы&nbsp;пишем о&nbsp;культуре, науке и&nbsp;обществе, рассказываем о&nbsp;новых идеях Мы&nbsp;пишем о&nbsp;культуре, науке и&nbsp;обществе, рассказываем о&nbsp;новых идеях
и&nbsp;современном искусстве, публикуем статьи, исследования, репортажи, интервью людей, чью прямую и&nbsp;современном искусстве, публикуем статьи, исследования, репортажи, интервью людей, чью
речь стоит услышать, и&nbsp;работы художников из&nbsp;разных стран&nbsp;&mdash; от&nbsp;фильмов прямую речь стоит услышать, и&nbsp;работы художников из&nbsp;разных стран&nbsp;&mdash;
и&nbsp;музыки до&nbsp;живописи и&nbsp;фотографии. Помогая друг другу делать публикации качественнее от&nbsp;фильмов и&nbsp;музыки до&nbsp;живописи и&nbsp;фотографии. Помогая друг другу делать
и&nbsp;общим голосованием выбирая лучшие материалы для журнала, мы&nbsp;создаём новую горизонтальную публикации качественнее и&nbsp;общим голосованием выбирая лучшие материалы для журнала,
журналистику, чтобы честно рассказывать о&nbsp;важном и&nbsp;интересном. мы&nbsp;создаём новую горизонтальную журналистику, чтобы честно рассказывать о&nbsp;важном
</p> и&nbsp;интересном.
<p> </p>
Редакция Дискурса открыта для всех: у&nbsp;нас нет цензуры, запретных тем и&nbsp;идеологических <p>
рамок. Каждый может <a href="/create">прислать материал</a> в&nbsp;журнал и&nbsp; Редакция Дискурса открыта для всех: у&nbsp;нас нет цензуры, запретных тем и&nbsp;идеологических
<a href="/about/guide">присоединиться к&nbsp;редакции</a>. Предоставляя трибуну для независимой рамок. Каждый может <a href="/create">прислать материал</a> в&nbsp;журнал и&nbsp;
журналистики и&nbsp;художественных проектов, мы&nbsp;помогаем людям рассказывать свои истории так, <a href="/about/guide">присоединиться к&nbsp;редакции</a>. Предоставляя трибуну для независимой
чтобы они были услышаны. Мы&nbsp;убеждены: чем больше голосов будет звучать на&nbsp;Дискурсе, тем журналистики и&nbsp;художественных проектов, мы&nbsp;помогаем людям рассказывать свои истории
громче в&nbsp;полифонии мнений будет слышна истина. так, чтобы они были услышаны. Мы&nbsp;убеждены: чем больше голосов будет звучать
</p> на&nbsp;Дискурсе, тем громче в&nbsp;полифонии мнений будет слышна истина.
</p>
<h2 class="h2" id="participation"> <h2 class="h2" id="participation">
<span class="wrapped">Как участвовать в&nbsp;самиздате</span> <span class="wrapped">Как участвовать в&nbsp;самиздате</span>
</h2> </h2>
<p> <p>
Дискурс создается <a href="/about/guide">открытым сообществом</a> энтузиастов новой независимой Дискурс создается <a href="/about/guide">открытым сообществом</a> энтузиастов новой независимой
журналистики. Участвовать в&nbsp;открытой редакции и&nbsp;помогать журналу можно следующими журналистики. Участвовать в&nbsp;открытой редакции и&nbsp;помогать журналу можно следующими
способами: способами:
</p> </p>
<details open> <details open>
<summary> <summary>
<h3 id="contribute">Предлагать материалы</h3> <h3 id="contribute">Предлагать материалы</h3>
</summary> </summary>
<p> <p>
<a href="/create">Создавайте</a> свои статьи и&nbsp;художественные работы&nbsp;&mdash; лучшие из <a href="/create">Создавайте</a> свои статьи и&nbsp;художественные работы&nbsp;&mdash; лучшие
них будут опубликованы в&nbsp;журнале. Дискурс&nbsp;&mdash; некоммерческое издание, авторы из них будут опубликованы в&nbsp;журнале. Дискурс&nbsp;&mdash; некоммерческое издание, авторы
публикуются в&nbsp;журнале на&nbsp;общественных началах, получая при этом{' '} публикуются в&nbsp;журнале на&nbsp;общественных началах, получая при этом{' '}
<a href="/create?collab=true">поддержку</a> редакции, право голоса, множество других возможностей <a href="/create?collab=true">поддержку</a> редакции, право голоса, множество других
и&nbsp;читателей по&nbsp;всему миру. возможностей и&nbsp;читателей по&nbsp;всему миру.
</p> </p>
</details> </details>
<details> <details>
<summary> <summary>
<h3 id="donate">Поддерживать проект</h3> <h3 id="donate">Поддерживать проект</h3>
</summary> </summary>
<p> <p>
Дискурс существует на&nbsp;пожертвования читателей. Если вам нравится журнал, пожалуйста,{' '} Дискурс существует на&nbsp;пожертвования читателей. Если вам нравится журнал, пожалуйста,{' '}
<a href="/about/help">поддержите</a> нашу работу. Ваши пожертвования пойдут на&nbsp;выпуск новых <a href="/about/help">поддержите</a> нашу работу. Ваши пожертвования пойдут на&nbsp;выпуск
материалов, оплату серверов, труда программистов, дизайнеров и&nbsp;редакторов. новых материалов, оплату серверов, труда программистов, дизайнеров и&nbsp;редакторов.
</p> </p>
</details> </details>
<details> <details>
<summary> <summary>
<h3 id="cooperation">Сотрудничать с&nbsp;журналом</h3> <h3 id="cooperation">Сотрудничать с&nbsp;журналом</h3>
</summary> </summary>
<p> <p>
Мы всегда открыты для сотрудничества и&nbsp;рады единомышленникам. Если вы хотите помогать журналу Мы всегда открыты для сотрудничества и&nbsp;рады единомышленникам. Если вы хотите помогать
с&nbsp;редактурой, корректурой, иллюстрациями, переводами, версткой, подкастами, мероприятиями, журналу с&nbsp;редактурой, корректурой, иллюстрациями, переводами, версткой, подкастами,
фандрайзингом или как-то ещё&nbsp;&mdash; скорее пишите нам на&nbsp; мероприятиями, фандрайзингом или как-то ещё&nbsp;&mdash; скорее пишите нам на&nbsp;
<a href="mailto:welcome@discours.io">welcome@discours.io</a>. <a href="mailto:welcome@discours.io">welcome@discours.io</a>.
</p> </p>
<p> <p>
Если вы представляете некоммерческую организацию и&nbsp;хотите сделать с&nbsp;нами совместный Если вы представляете некоммерческую организацию и&nbsp;хотите сделать с&nbsp;нами совместный
проект, получить информационную поддержку или предложить другую форму сотрудничества&nbsp;&mdash;{' '} проект, получить информационную поддержку или предложить другую форму
<a href="mailto:welcome@discours.io">пишите</a>. сотрудничества&nbsp;&mdash; <a href="mailto:welcome@discours.io">пишите</a>.
</p> </p>
<p> <p>
Если вы разработчик и&nbsp;хотите помогать с&nbsp;развитием сайта Дискурса,{' '} Если вы разработчик и&nbsp;хотите помогать с&nbsp;развитием сайта Дискурса,{' '}
<a href="mailto:services@discours.io">присоединяйтесь к&nbsp;IT-команде самиздата</a>. Открытый <a href="mailto:services@discours.io">присоединяйтесь к&nbsp;IT-команде самиздата</a>.
код платформы для независимой журналистики, а&nbsp;также всех наших спецпроектов Открытый код платформы для независимой журналистики, а&nbsp;также всех наших спецпроектов
и&nbsp;медиаинструментов находится{' '} и&nbsp;медиаинструментов находится{' '}
<a href="https://github.com/Discours">в&nbsp;свободном доступе на&nbsp;GitHub</a>. <a href="https://github.com/Discours">в&nbsp;свободном доступе на&nbsp;GitHub</a>.
</p> </p>
</details> </details>
<details> <details>
<summary> <summary>
<h3 id="follow">Как еще можно помочь</h3> <h3 id="follow">Как еще можно помочь</h3>
</summary> </summary>
<p> <p>
Советуйте Дискурс друзьям и&nbsp;знакомым. Обсуждайте и&nbsp;распространяйте наши Советуйте Дискурс друзьям и&nbsp;знакомым. Обсуждайте и&nbsp;распространяйте наши
публикации&nbsp;&mdash; все материалы открытой редакции можно читать и&nbsp;перепечатывать публикации&nbsp;&mdash; все материалы открытой редакции можно читать и&nbsp;перепечатывать
бесплатно. Подпишитесь на&nbsp;самиздат <a href="https://vk.com/discoursio">ВКонтакте</a>, в&nbsp; бесплатно. Подпишитесь на&nbsp;самиздат <a href="https://vk.com/discoursio">ВКонтакте</a>,
<a href="https://facebook.com/discoursio">Фейсбуке</a> и&nbsp;в&nbsp; в&nbsp;
<a href="https://t.me/discoursio">Телеграме</a>, а&nbsp;также на&nbsp; <a href="https://facebook.com/discoursio">Фейсбуке</a> и&nbsp;в&nbsp;
<Opener name="subscribe">рассылку лучших материалов</Opener>, чтобы не&nbsp;пропустить ничего <a href="https://t.me/discoursio">Телеграме</a>, а&nbsp;также на&nbsp;
интересного. <Opener name="subscribe">рассылку лучших материалов</Opener>, чтобы не&nbsp;пропустить ничего
</p> интересного.
<p> </p>
<a href="https://forms.gle/9UnHBAz9Q3tjH5dAA">Рассказывайте о&nbsp;впечатлениях</a>{' '} <p>
от&nbsp;материалов открытой редакции, <Opener name="feedback">делитесь идеями</Opener>, <a href="https://forms.gle/9UnHBAz9Q3tjH5dAA">Рассказывайте о&nbsp;впечатлениях</a>{' '}
интересными темами, о&nbsp;которых хотели бы узнать больше, и&nbsp;историями, которые нужно от&nbsp;материалов открытой редакции, <Opener name="feedback">делитесь идеями</Opener>,
рассказать. интересными темами, о&nbsp;которых хотели бы узнать больше, и&nbsp;историями, которые нужно
</p> рассказать.
</details> </p>
</details>
<h2 class="h2" id="connection"> <h2 class="h2" id="connection">
<span class="wrapped">Будем на&nbsp;связи</span> <span class="wrapped">Будем на&nbsp;связи</span>
</h2> </h2>
<p> <p>
Если вы хотите предложить материал, сотрудничать, рассказать о&nbsp;проблеме, которую нужно Если вы хотите предложить материал, сотрудничать, рассказать о&nbsp;проблеме, которую нужно
осветить, сообщить об&nbsp;ошибке или баге, что-то обсудить, уточнить или посоветовать, пожалуйста,{' '} осветить, сообщить об&nbsp;ошибке или баге, что-то обсудить, уточнить или посоветовать,
<Opener name="feedback">напишите нам здесь</Opener> или на&nbsp;почту{' '} пожалуйста, <Opener name="feedback">напишите нам здесь</Opener> или на&nbsp;почту{' '}
<a href="mailto:welcome@discours.io">welcome@discours.io</a>. Мы обязательно ответим <a href="mailto:welcome@discours.io">welcome@discours.io</a>. Мы обязательно ответим
и&nbsp;постараемся реализовать все хорошие задумки. и&nbsp;постараемся реализовать все хорошие задумки.
</p> </p>
</article>
</>
</StaticPage> </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 { useLocalize } from '../../context/localize'
import { getImageUrl } from '../../utils/getImageUrl'
export const PartnersPage = () => { export const PartnersPage = () => {
const { t } = useLocalize() const { t } = useLocalize()
const ogTitle = t('Partners')
const ogImage = getImageUrl('production/image/logo_image.png')
const description = t('Discours Partners')
return ( return (
<PageLayout title={t('Partners')}> <StaticPage title={ogTitle}>
<article class="wide-container container--static-page"> <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="row">
<div class="col-md-12 col-xl-14 offset-md-5 order-md-first"> <div class="col-md-12 col-xl-14 offset-md-5 order-md-first">
<h1>{t('Partners')}</h1> <h1>{t('Partners')}</h1>
</div> </div>
</div> </div>
</article> </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 { useLocalize } from '../../context/localize'
import { getImageUrl } from '../../utils/getImageUrl'
export const PrinciplesPage = () => { export const PrinciplesPage = () => {
const { t } = useLocalize() 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 ( return (
<PageLayout title={t('Principles')}> <StaticPage title={ogTitle}>
<article class="wide-container container--static-page"> <article class="wide-container container--static-page">
<div class="row"> <Meta name="descprition" content={description} />
<div class="col-md-12 col-xl-14 offset-md-5 order-md-first"> <Meta name="keywords" content={t('principles keywords')} />
<h1> <Meta name="og:type" content="article" />
<span class="wrapped">{t('Principles')}</span> <Meta name="og:title" content={ogTitle} />
</h1> <Meta name="og:image" content={ogImage} />
<Meta name="twitter:image" content={ogImage} />
<ol> <Meta name="og:description" content={description} />
<li> <Meta name="twitter:card" content="summary_large_image" />
<p> <Meta name="twitter:title" content={ogTitle} />
<strong>Горизонтальность</strong>. Мы&nbsp;все разные, и&nbsp;это классно. Вертикалей <Meta name="twitter:description" content={description} />
в&nbsp;мире достаточно, мы&nbsp;&mdash; горизонтальное сообщество и&nbsp;ценим наши <h1>
различия, потому что знаем&nbsp;&mdash; в&nbsp;них наша сила. Благодаря разнообразию сотен <span class="wrapped">{ogTitle}</span>
голосов, усиливающих друг друга, в&nbsp;сообществе складывается неповторимая синергия, </h1>
которая помогает вместе достигать большего.
</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>
<ol>
<li>
<p> <p>
Открытая редакция объединяет сотни потрясающих людей со&nbsp;всего мира, которые делают <strong>Горизонтальность</strong>. Мы&nbsp;все разные, и&nbsp;это классно. Вертикалей
крутейшие вещи. Это пространство, где доверяют, вдохновляют, исследуют и&nbsp;создают новое в&nbsp;мире достаточно, мы&nbsp;&mdash; горизонтальное сообщество и&nbsp;ценим наши различия,
вместе. Поскольку все в&nbsp;сообществе очень разные, как-то мы&nbsp;собрались и&nbsp;решили потому что знаем&nbsp;&mdash; в&nbsp;них наша сила. Благодаря разнообразию сотен голосов,
зафиксировать базовые ценности открытой редакции, а&nbsp;заодно придумали универсальные усиливающих друг друга, в&nbsp;сообществе складывается неповторимая синергия, которая помогает
правила взаимодействия, чтобы общение было не&nbsp;только плодотворным, вместе достигать большего.
но&nbsp;и&nbsp;приятным для всех участников сообщества.
</p> </p>
<ol> </li>
<li> <li>
<p> <p>
<strong>Действуем, помогаем и&nbsp;делимся</strong>. В&nbsp;редакции мы&nbsp;создаем свои <strong>Многоголосие</strong>. Мы&nbsp;ценим свободу слова и&nbsp;аргументированные мнения.
проекты и&nbsp;помогаем другим создавать свои&nbsp;&mdash; советами, делом, участием, Предоставляя трибуну каждому, кому есть что сказать, самиздат отражает полифонию позиций,
вовлеченностью. Мы&nbsp;открыто делимся опытом, мнениями и&nbsp;идеями, потому что ценим знаний и&nbsp;опыта, которые открывают более полную картину реальности.
силу сотрудничества и&nbsp;знаем, что идеи реализуются скорее, лучше и&nbsp;веселее, если </p>
над ними трудиться сообща. </li>
</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> <h2 class="h2" id="participation">
<p> <span class="wrapped">Как у&nbsp;нас принято себя вести</span>
<strong>Общаемся дружелюбно</strong>. Помните, по&nbsp;ту&nbsp;сторону монитора находятся </h2>
реальные люди. Неуважение ранит других так&nbsp;же, как ранило&nbsp;бы вас самих. Поэтому
не&nbsp;стоит кричать (даже капслоком), заполнять эфир желчью и&nbsp;бросаться
грубостями&nbsp;&mdash; так вы&nbsp;рискуете не&nbsp;только растерять доверие окружающих,
но&nbsp;и&nbsp;остаться непонятым.
</p>
</li>
<li> <p>
<p> Открытая редакция объединяет сотни потрясающих людей со&nbsp;всего мира, которые делают крутейшие
<strong>Критикуем и&nbsp;реагируем конструктивно</strong>. Самиздат про&nbsp;то, чтобы вещи. Это пространство, где доверяют, вдохновляют, исследуют и&nbsp;создают новое вместе.
разбираться в&nbsp;сложных вещах всем сообществом, поэтому мы&nbsp;тактично и&nbsp;без Поскольку все в&nbsp;сообществе очень разные, как-то мы&nbsp;собрались и&nbsp;решили зафиксировать
агрессии делимся мнениями, стараясь убедительно аргументировать позиции. базовые ценности открытой редакции, а&nbsp;заодно придумали универсальные правила взаимодействия,
И&nbsp;с&nbsp;благодарностью принимаем критику, используя ее&nbsp;для улучшения наших чтобы общение было не&nbsp;только плодотворным, но&nbsp;и&nbsp;приятным для всех участников
проектов. Мы&nbsp;верим, что каждый участник сообщества имеет добрые намерения, сообщества.
и&nbsp;придерживаемся принципов доброжелательной критики, стараемся делиться </p>
советами&nbsp;&mdash; лучшим средством для самосовершенствования. Обоснованная критика <ol>
помогает и&nbsp;адресату, и&nbsp;всем участникам сообщества досконально изучить тему <li>
и&nbsp;глубже разобраться в&nbsp;проблеме. <p>
</p> <strong>Действуем, помогаем и&nbsp;делимся</strong>. В&nbsp;редакции мы&nbsp;создаем свои
</li> проекты и&nbsp;помогаем другим создавать свои&nbsp;&mdash; советами, делом, участием,
вовлеченностью. Мы&nbsp;открыто делимся опытом, мнениями и&nbsp;идеями, потому что ценим силу
сотрудничества и&nbsp;знаем, что идеи реализуются скорее, лучше и&nbsp;веселее, если над ними
трудиться сообща.
</p>
</li>
<li> <li>
<p> <p>
<strong>Решаем трудности не&nbsp;агрессией, а&nbsp;диалогом</strong>. Обесценивать мнения <strong>Общаемся дружелюбно</strong>. Помните, по&nbsp;ту&nbsp;сторону монитора находятся
и&nbsp;оскорблять других людей только потому, что вы&nbsp;с&nbsp;ними реальные люди. Неуважение ранит других так&nbsp;же, как ранило&nbsp;бы вас самих. Поэтому
не&nbsp;согласны,&nbsp;&mdash; не&nbsp;лучший способ донести свою точку зрения. Конечно, не&nbsp;стоит кричать (даже капслоком), заполнять эфир желчью и&nbsp;бросаться
важно высказаться, если вас что-то не&nbsp;устраивает и&nbsp;откровенно бесит. грубостями&nbsp;&mdash; так вы&nbsp;рискуете не&nbsp;только растерять доверие окружающих,
Но&nbsp;прежде чем сжигать оппонента гневом, попробуйте понять, почему этот но&nbsp;и&nbsp;остаться непонятым.
&laquo;нехороший человек&raquo; так поступает. Возможно, аргументы собеседника окажутся </p>
убедительными или вам удастся изменить его мнение. В&nbsp;любом случае конфликты решаются </li>
в&nbsp;диалогах и&nbsp;проходят, а&nbsp;налаженное взаимопонимание останется надолго.
</p>
</li>
<li> <li>
<p> <p>
<strong>Не&nbsp;переходим на&nbsp;личности&nbsp;&mdash; это признак токсичности</strong>. <strong>Критикуем и&nbsp;реагируем конструктивно</strong>. Самиздат про&nbsp;то, чтобы
Всегда мудрее обсуждать точку зрения человека, а&nbsp;не&nbsp;его самого, даже если разбираться в&nbsp;сложных вещах всем сообществом, поэтому мы&nbsp;тактично и&nbsp;без
он&nbsp;вам не&nbsp;импонирует. Предвзятое отношение ограничивает кругозор, добавляет агрессии делимся мнениями, стараясь убедительно аргументировать позиции.
преждевременные морщины и&nbsp;не&nbsp;помогает окружающим стать лучше. Вежливость И&nbsp;с&nbsp;благодарностью принимаем критику, используя ее&nbsp;для улучшения наших
и&nbsp;взаимоуважение&nbsp;&mdash; краеугольная основа вдумчивых и&nbsp;осмысленных проектов. Мы&nbsp;верим, что каждый участник сообщества имеет добрые намерения,
дискуссий. и&nbsp;придерживаемся принципов доброжелательной критики, стараемся делиться
</p> советами&nbsp;&mdash; лучшим средством для самосовершенствования. Обоснованная критика
</li> помогает и&nbsp;адресату, и&nbsp;всем участникам сообщества досконально изучить тему
и&nbsp;глубже разобраться в&nbsp;проблеме.
</p>
</li>
<li> <li>
<p> <p>
<strong>Благодарим за&nbsp;помощь</strong>. Благодарите коллег даже за&nbsp;самые, <strong>Решаем трудности не&nbsp;агрессией, а&nbsp;диалогом</strong>. Обесценивать мнения
казалось&nbsp;бы, простые вещи. &laquo;Спасибо&raquo; не&nbsp;зря называют волшебным и&nbsp;оскорблять других людей только потому, что вы&nbsp;с&nbsp;ними
словом&nbsp;&mdash; на&nbsp;искренней благодарности держится любое подлинное не&nbsp;согласны,&nbsp;&mdash; не&nbsp;лучший способ донести свою точку зрения. Конечно, важно
сотрудничество. Поддержка воодушевляет на&nbsp;новые подвиги и&nbsp;напоминает, что мир высказаться, если вас что-то не&nbsp;устраивает и&nbsp;откровенно бесит. Но&nbsp;прежде чем
делают прекрасным не&nbsp;машины, а&nbsp;живые люди. сжигать оппонента гневом, попробуйте понять, почему этот &laquo;нехороший человек&raquo; так
</p> поступает. Возможно, аргументы собеседника окажутся убедительными или вам удастся изменить его
</li> мнение. В&nbsp;любом случае конфликты решаются в&nbsp;диалогах и&nbsp;проходят,
а&nbsp;налаженное взаимопонимание останется надолго.
</p>
</li>
<li> <li>
<p> <p>
<strong>Даем еще один шанс</strong>. Все совершают ошибки, и&nbsp;за&nbsp;один проступок <strong>Не&nbsp;переходим на&nbsp;личности&nbsp;&mdash; это признак токсичности</strong>.
не&nbsp;стоит вычеркивать людей из&nbsp;жизни. Ошибки нужны, чтобы на&nbsp;них учиться Всегда мудрее обсуждать точку зрения человека, а&nbsp;не&nbsp;его самого, даже если
и&nbsp;делать выводы. Однако если многократно и&nbsp;систематически нарушать правила он&nbsp;вам не&nbsp;импонирует. Предвзятое отношение ограничивает кругозор, добавляет
сообщества, наверняка можно заслужить минусы в&nbsp;карму от&nbsp;других участников преждевременные морщины и&nbsp;не&nbsp;помогает окружающим стать лучше. Вежливость
и&nbsp;потерять доступ к&nbsp;сообществу. и&nbsp;взаимоуважение&nbsp;&mdash; краеугольная основа вдумчивых и&nbsp;осмысленных дискуссий.
</p> </p>
</li> </li>
<li> <li>
<p> <p>
<strong>Вместе создаем идеальную среду общения</strong>. Открытая редакция&nbsp;&mdash; <strong>Благодарим за&nbsp;помощь</strong>. Благодарите коллег даже за&nbsp;самые,
это утопическое пространство обогащающей и&nbsp;осмысленной коммуникации. Атмосфера казалось&nbsp;бы, простые вещи. &laquo;Спасибо&raquo; не&nbsp;зря называют волшебным
горизонтального сообщества складывается из&nbsp;действий каждого, поэтому словом&nbsp;&mdash; на&nbsp;искренней благодарности держится любое подлинное сотрудничество.
мы&nbsp;действуем так, чтобы способствовать сотворчеству, коллективному познанию Поддержка воодушевляет на&nbsp;новые подвиги и&nbsp;напоминает, что мир делают прекрасным
и&nbsp;развитию самиздата и&nbsp;нашей альтернативной интеллектуальной медиасреды. не&nbsp;машины, а&nbsp;живые люди.
</p> </p>
</li> </li>
<li> <li>
<p> <p>
<strong>Помним, что всё в&nbsp;сообществе зависит от&nbsp;нас</strong>. Если нам чего-то <strong>Даем еще один шанс</strong>. Все совершают ошибки, и&nbsp;за&nbsp;один проступок
не&nbsp;хватает, мы&nbsp;начинаем действовать&nbsp;&mdash; рассказываем об&nbsp;идее, не&nbsp;стоит вычеркивать людей из&nbsp;жизни. Ошибки нужны, чтобы на&nbsp;них учиться
находим единомышленников, готовим и&nbsp;запускаем проект. Так в&nbsp;сообществе и&nbsp;делать выводы. Однако если многократно и&nbsp;систематически нарушать правила
становится на&nbsp;одну крутую активность больше. Так появилось наше сообщество. Так сообщества, наверняка можно заслужить минусы в&nbsp;карму от&nbsp;других участников
появился самиздат и&nbsp;все проекты открытой редакции. Чтобы в&nbsp;сообществе случилось и&nbsp;потерять доступ к&nbsp;сообществу.
что-то прекрасное, достаточно просто положить этому начало. </p>
</p> </li>
</li>
</ol> <li>
</div> <p>
</div> <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> </article>
</PageLayout> </StaticPage>
) )
} }

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

@ -1,283 +1,243 @@
import { Meta } from '@solidjs/meta' import { Meta } from '@solidjs/meta'
import { createSignal, Show } from 'solid-js'
import { Icon } from '../../components/_shared/Icon' import { StaticPage } from '../../components/Views/StaticPage'
import { PageLayout } from '../../components/_shared/PageLayout'
import { useLocalize } from '../../context/localize' import { useLocalize } from '../../context/localize'
import { getImageUrl } from '../../utils/getImageUrl'
export const TermsOfUsePage = () => { export const TermsOfUsePage = () => {
const { t } = useLocalize() 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 ( return (
<PageLayout title={title}> <StaticPage title={ogTitle}>
<Meta name="description" content={title} /> <Meta name="descprition" content={description} />
<Meta name="keywords" content={`Discours.io, ${title}`} /> <Meta name="keywords" content={t('terms of use keywords')} />
<Meta property="og:title" content={title} /> <Meta name="og:type" content="article" />
<Meta property="og:description" content={title} /> <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"> <article class="wide-container container--static-page">
<div class="row"> <h1 id="terms-of-use">
<div class="col-md-6 col-lg-4 order-md-last"> <span class="wrapped">Пользовательское соглашение</span>
<button class="button button--content-index" onClick={toggleIndexExpanded}> </h1>
<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>
<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> <p>
Дискурс&nbsp;&mdash; это сообщество творческих людей, объединенных идеей делать интересный Вся информация на&nbsp;сайте (включая тексты, изображения, видеоматериалы, аудиозаписи,
журнал для всех желающих. Авторы Дискурса сообща посредством прямого голосования определяют программный код, дизайн сайта и&nbsp;т.д.) является объектом интеллектуальной собственности
содержание журнала. ее&nbsp;правообладателей и&nbsp;охраняется законодательством РФ.
</p> </p>
<p>Для того, чтобы Дискурс работал без помех, разработаны настоящие Правила.</p> </li>
<h3 id="definitions">Определения</h3> <li>
<p> <p>
<strong>Сайт</strong>&nbsp;&mdash; портал discours.io Публикуя контент на&nbsp;сайте, Пользователь на&nbsp;безвозмездной основе предоставляет
Издательству право на&nbsp;воспроизведение, распространение, перевод, редактирование контента.
Данное право предоставляется Издательству на&nbsp;весь срок действия авторских прав
Пользователя.
</p> </p>
</li>
<li>
<p> <p>
<strong>Пользователь</strong>&nbsp;&mdash; лицо, пользующееся Сайтом, либо юридическое лицо, Пользователь предоставляет Издательству право редактировать контент, в&nbsp;том числе вносить
обладающее правами на&nbsp;интеллектуальную собственность. в&nbsp;него изменения, сокращения и&nbsp;дополнения, снабжать его иллюстрациями
и&nbsp;пояснениями, исправлять ошибки и&nbsp;уточнять фактические сведения, при условии, что
этим не&nbsp;искажается авторский замысел.
</p> </p>
<p> </li>
<strong>Публикация контента</strong>&nbsp;&mdash; размещение Пользователем посредством Сайта <li>
объектов авторских прав и&nbsp;другой информации для других пользователей.
</p>
<p>
<strong>Издательство</strong>&nbsp;&mdash; администрация сайта, которая занимается технической
и&nbsp;издательской деятельностью для обеспечения функционирования Сайта и&nbsp;Альманаха.
Издательство не&nbsp;вмешивается в&nbsp;принятие редакционных решений авторским сообществом.
</p>
<p>
<strong>Альманах &laquo;Дискурс&raquo;</strong> (свидетельство о&nbsp;регистрации СМИ: ПИ
&#8470; ФС77-63947 от&nbsp;18.12.15)&nbsp;&mdash; печатное периодическое издание, которое
выходит раз в&nbsp;год и&nbsp;состоит из&nbsp;лучших публикаций на&nbsp;Сайте за&nbsp;это
время.
</p>
<h3 id="copyright">Авторские права</h3>
<ol>
<li>
<p>
Вся информация на&nbsp;сайте (включая тексты, изображения, видеоматериалы, аудиозаписи,
программный код, дизайн сайта и&nbsp;т.д.) является объектом интеллектуальной
собственности ее&nbsp;правообладателей и&nbsp;охраняется законодательством РФ.
</p>
</li>
<li>
<p>
Публикуя контент на&nbsp;сайте, Пользователь на&nbsp;безвозмездной основе предоставляет
Издательству право на&nbsp;воспроизведение, распространение, перевод, редактирование
контента. Данное право предоставляется Издательству на&nbsp;весь срок действия авторских
прав Пользователя.
</p>
</li>
<li>
<p>
Пользователь предоставляет Издательству право редактировать контент, в&nbsp;том числе
вносить в&nbsp;него изменения, сокращения и&nbsp;дополнения, снабжать его иллюстрациями
и&nbsp;пояснениями, исправлять ошибки и&nbsp;уточнять фактические сведения, при условии,
что этим не&nbsp;искажается авторский замысел.
</p>
</li>
<li>
<p class="ng-binding">
Обнародование контента осуществляется Издательством в&nbsp;соответствии с&nbsp;условиями
лицензии{' '}
<a href="https://creativecommons.org/licenses/by-nc-nd/4.0/deed.ru" target="_blank">
Creative Commons BY-NC-ND 4.0
</a>
. Все материалы сайта предназначены исключительно для личного некоммерческого
использования. Права на&nbsp;дизайн и&nbsp;программный код сайта принадлежат Издательству.
</p>
</li>
<li>
<p class="ng-binding">
Все аудиовизуальные произведения являются собственностью своих авторов
и&nbsp;правообладателей и&nbsp;используются только в&nbsp;образовательных
и&nbsp;информационных целях. Если вы&nbsp;являетесь собственником того или иного
произведения и&nbsp;не&nbsp;согласны с&nbsp;его размещением на&nbsp;сайте, пожалуйста,
напишите на&nbsp;
<a href="mailto:welcome@discours.io" target="_blank">
welcome@discours.io
</a>
.
</p>
</li>
<li>
<p>
Цитирование, распространение, доведение до&nbsp;всеобщего сведения материалов Cайта
приветствуется. При использовании материалов сайта необходимо указать имя автора
и&nbsp;активную ссылку на&nbsp;материал на&nbsp;Сайте.
</p>
</li>
</ol>
<h3 id="rules">Правила поведения</h3>
<ol>
<li>
<p>
Находясь на&nbsp;Сайте, Пользователь подтверждает свое совершеннолетие, правоспособность,
а&nbsp;также согласие с&nbsp;настоящими Правилами и&nbsp;политикой конфиденциальности
и&nbsp;готовность нести полную ответственность за&nbsp;их соблюдение.
</p>
</li>
<li>
<h4>На&nbsp;сайте запрещено:</h4>
<ul>
<li>
Публиковать контент, авторские права на&nbsp;который принадлежат третьим лицам, без
согласия этих лиц. Если авторские права на контент принадлежат нескольким лицам,
то&nbsp;его публикация предполагает согласие их&nbsp;всех.
</li>
<li>Размещать коммерческую и&nbsp;политическую рекламу.</li>
<li>
Целенаправленно препятствовать нормальному функционированию сообщества и&nbsp;сайта
discours.io
</li>
<li>Выдавать себя за&nbsp;другого человека и&nbsp;представляться его именем.</li>
<li>
Размещать информацию, которая не&nbsp;соответствует целям создания Сайта, ущемляет
интересы других пользователей или третьих лиц, нарушает законы Российской Федерации.
</li>
</ul>
</li>
<li>
<p>
Пользователь несет всю ответственность за&nbsp;содержание публикуемого контента
и&nbsp;свое взаимодействие с&nbsp;другими пользователями, и&nbsp;обязуется возместить все
расходы в&nbsp;случае предъявления каких-либо претензий третьими лицами. Издательство
не&nbsp;несет ответственности за&nbsp;содержание публикуемой пользователями информации,
в&nbsp;том числе за&nbsp;размещенные на&nbsp;сайте комментарии. Переписка между
Пользователем и&nbsp;Издательством считается юридически значимой. Настоящие Правила могут
быть изменены Издательством, изменения вступают в&nbsp;силу с&nbsp;момента публикации
на&nbsp;Сайте.
</p>
</li>
<li>
<p>
Если Пользователь очевидно и&nbsp;целенаправленно нарушает правила, Издательство может
и&nbsp;принять в&nbsp;отношении автора следующие меры: вынести предупреждение
и&nbsp;обязать автора устранить допущенное нарушение, удалить контент, нарушающий правила,
заблокировать или удалить аккаунт нарушителя.
</p>
</li>
</ol>
<h3 id="privacy-policy">Политика конфиденциальности</h3>
<ol>
<li>
<p>Сайт может собирать у&nbsp;пользователей следующие данные:</p>
<ul>
<li>
<p>
Данные, которые пользователи сообщают о&nbsp;себе сами при подаче заявки, регистрации,
авторизации или заполнения профиля, в&nbsp;том числе ФИО и&nbsp;контактную информацию.
Конфиденциальные данные, такие как идентификатор и&nbsp;электронный адрес,
используются для идентификации пользователя. Данные профиля, размещённые публично
по&nbsp;желанию пользователя, которое выражается фактом их&nbsp;предоставления,
используется для демонстрации другим пользователям той информации о&nbsp;себе, которую
пользователь готов предоставить.
</p>
</li>
<li>
<p>
Данные, собранные автоматическим путем, такие, как cookie-файлы. Эти
неперсонализированные данные могут использоваться для сбора статистики
и&nbsp;улучшения работы сайта.
</p>
</li>
</ul>
</li>
<li>
<p>
Издательство обеспечивает конфиденциальность персональных данных и&nbsp;применяет все
необходимые организационные и&nbsp;технические меры по&nbsp;их защите.
</p>
</li>
<li>
<p class="ng-binding">
По&nbsp;желанию пользователя Издательство готово удалить любую информацию о&nbsp;нем,
собранную автоматическим путем. Для этого следует написать на&nbsp;адрес электронной почты{' '}
<a href="mailto:welcome@discours.io" target="_blank">
welcome@discours.io
</a>
.
</p>
</li>
<li>
<p>
Если в&nbsp;информации, предоставляемой Издательству Пользователем, содержатся
персональные данные последнего, то&nbsp;фактом их&nbsp;предоставления он соглашается
на&nbsp;их&nbsp;обработку любым способом, не&nbsp;запрещенным законодательством РФ.
</p>
<p class="ng-binding">
Общедоступные видео на&nbsp;сайте могут транслироваться с&nbsp;YouTube и&nbsp;регулируются{' '}
<a href="https://policies.google.com/privacy" target="_blank">
политикой конфиденциальности Google
</a>
. Загрузка видео на&nbsp;сайт также означает согласие с&nbsp;
<a href="https://www.youtube.com/t/terms" target="_blank">
Условиями использования YouTube
</a>
.
</p>
</li>
<li>
<p>
Данные, которые мы&nbsp;получаем от&nbsp;вас, мы&nbsp;используем только
в&nbsp;соответствии с&nbsp;принципами обработки данных, указанными в&nbsp;этом документе.
</p>
</li>
</ol>
<h3 id="feedback">Обратная связь</h3>
<p class="ng-binding"> <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"> <a href="mailto:welcome@discours.io" target="_blank">
welcome@discours.io welcome@discours.io
</a>{' '} </a>
или через форму <a href="/connect">&laquo;предложить идею&raquo;</a>. .
</p> </p>
</div> </li>
</div> <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> </article>
</PageLayout> </StaticPage>
) )
} }

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

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

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

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

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

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

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

@ -1,4 +1,5 @@
import { redirectPage } from '@nanostores/router' import { redirectPage } from '@nanostores/router'
import { Meta } from '@solidjs/meta'
import { clsx } from 'clsx' import { clsx } from 'clsx'
import { Button } from '../components/_shared/Button' import { Button } from '../components/_shared/Button'
@ -8,6 +9,7 @@ import { AuthGuard } from '../components/AuthGuard'
import { useLocalize } from '../context/localize' import { useLocalize } from '../context/localize'
import { apiClient } from '../graphql/client/core' import { apiClient } from '../graphql/client/core'
import { router } from '../stores/router' import { router } from '../stores/router'
import { getImageUrl } from '../utils/getImageUrl'
import { LayoutType } from './types' import { LayoutType } from './types'
@ -22,9 +24,22 @@ const handleCreate = async (layout: LayoutType) => {
export const CreatePage = () => { export const CreatePage = () => {
const { t } = useLocalize() 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 ( 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> <AuthGuard>
<article class={clsx('wide-container', 'container--static-page', styles.Create)}> <article class={clsx('wide-container', 'container--static-page', styles.Create)}>
<h1>{t('Choose a post type')}</h1> <h1>{t('Choose a post type')}</h1>

3
src/pages/expo/expo.page.route.ts
View File

@ -1,4 +1,5 @@
import { ROUTES } from '../../stores/router' import { ROUTES } from '../../stores/router'
import { getServerRoute } from '../../utils/getServerRoute' import { getServerRoute } from '../../utils/getServerRoute'
export default getServerRoute(ROUTES.expo) // yes, it's a hack
export default getServerRoute(ROUTES.expo.replace(':layout?', '*'))

6
src/pages/expo/expo.page.server.ts
View File

@ -4,12 +4,16 @@ import type { PageProps } from '../types'
import { PRERENDERED_ARTICLES_COUNT } from '../../components/Views/Expo/Expo' import { PRERENDERED_ARTICLES_COUNT } from '../../components/Views/Expo/Expo'
import { apiClient } from '../../graphql/client/core' import { apiClient } from '../../graphql/client/core'
export const onBeforeRender = async (_pageContext: PageContext) => { export const onBeforeRender = async (pageContext: PageContext) => {
const { layout } = pageContext.routeParams
const expoShouts = await apiClient.getShouts({ const expoShouts = await apiClient.getShouts({
filters: { layouts: ['audio', 'video', 'literature', 'image'] }, filters: { layouts: ['audio', 'video', 'literature', 'image'] },
limit: PRERENDERED_ARTICLES_COUNT, limit: PRERENDERED_ARTICLES_COUNT,
}) })
const pageProps: PageProps = { expoShouts, seo: { title: '' } } const pageProps: PageProps = { expoShouts, seo: { title: '' } }
return { return {
pageContext: { pageContext: {
pageProps, pageProps,

20
src/pages/expo/expo.page.tsx
View File

@ -1,6 +1,6 @@
import type { PageProps } from '../types' import type { PageProps } from '../types'
import { createMemo } from 'solid-js' import { createEffect, createMemo, on } from 'solid-js'
import { PageLayout } from '../../components/_shared/PageLayout' import { PageLayout } from '../../components/_shared/PageLayout'
import { Topics } from '../../components/Nav/Topics' import { Topics } from '../../components/Nav/Topics'
@ -14,7 +14,7 @@ export const ExpoPage = (props: PageProps) => {
const { page } = useRouter() const { page } = useRouter()
const getLayout = createMemo<LayoutType>(() => page().params['layout'] as LayoutType) const getLayout = createMemo<LayoutType>(() => page().params['layout'] as LayoutType)
const title = createMemo(() => { const getTitle = () => {
switch (getLayout()) { switch (getLayout()) {
case 'audio': { case 'audio': {
return t('Audio') return t('Audio')
@ -32,12 +32,22 @@ export const ExpoPage = (props: PageProps) => {
return t('Art') return t('Art')
} }
} }
}) }
createEffect(
on(
() => getLayout(),
() => {
document.title = getTitle()
},
{ defer: true },
),
)
return ( return (
<PageLayout withPadding={true} zeroBottomPadding={true} title={title()}> <PageLayout withPadding={true} zeroBottomPadding={true} title={getTitle()}>
<Topics /> <Topics />
<Expo shouts={props.expoShouts} /> <Expo shouts={props.expoShouts} layout={getLayout()} />
</PageLayout> </PageLayout>
) )
} }

4
src/pages/expo/expoLayout.page.route.ts
View File

@ -1,4 +0,0 @@
import { ROUTES } from '../../stores/router'
import { getServerRoute } from '../../utils/getServerRoute'
export default getServerRoute(ROUTES.expoLayout)

21
src/pages/expo/expoLayout.page.server.ts
View File

@ -1,21 +0,0 @@
import type { PageContext } from '../../renderer/types'
import type { PageProps } from '../types'
import { PRERENDERED_ARTICLES_COUNT } from '../../components/Views/Expo/Expo'
import { apiClient } from '../../graphql/client/core'
export const onBeforeRender = async (pageContext: PageContext) => {
const { layout } = pageContext.routeParams
const options = {
filters: { layouts: [layout] },
limit: PRERENDERED_ARTICLES_COUNT,
}
const expoShouts = await apiClient.getShouts(options)
const pageProps: PageProps = { expoShouts, seo: { title: '' } }
return {
pageContext: {
pageProps,
},
}
}

8
src/pages/feed.page.tsx
View File

@ -2,7 +2,7 @@ import { createEffect, Match, on, onCleanup, Switch } from 'solid-js'
import { PageLayout } from '../components/_shared/PageLayout' import { PageLayout } from '../components/_shared/PageLayout'
import { AuthGuard } from '../components/AuthGuard' import { AuthGuard } from '../components/AuthGuard'
import { FeedView } from '../components/Views/Feed' import { Feed } from '../components/Views/Feed'
import { useLocalize } from '../context/localize' import { useLocalize } from '../context/localize'
import { ReactionsProvider } from '../context/reactions' import { ReactionsProvider } from '../context/reactions'
import { LoadShoutsOptions } from '../graphql/schema/core.gen' import { LoadShoutsOptions } from '../graphql/schema/core.gen'
@ -40,13 +40,13 @@ export const FeedPage = () => {
return ( return (
<PageLayout title={t('Feed')}> <PageLayout title={t('Feed')}>
<ReactionsProvider> <ReactionsProvider>
<Switch fallback={<FeedView loadShouts={handleFeedLoadShouts} />}> <Switch fallback={<Feed loadShouts={handleFeedLoadShouts} />}>
<Match when={page().route === 'feed'}> <Match when={page().route === 'feed'}>
<FeedView loadShouts={handleFeedLoadShouts} /> <Feed loadShouts={handleFeedLoadShouts} />
</Match> </Match>
<Match when={page().route === 'feedMy'}> <Match when={page().route === 'feedMy'}>
<AuthGuard> <AuthGuard>
<FeedView loadShouts={handleMyFeedLoadShouts} /> <Feed loadShouts={handleMyFeedLoadShouts} />
</AuthGuard> </AuthGuard>
</Match> </Match>
</Switch> </Switch>

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

@ -1,8 +1,7 @@
import type { PageProps } from './types' 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 { PageLayout } from '../components/_shared/PageLayout'
import { PRERENDERED_ARTICLES_COUNT, TopicView } from '../components/Views/Topic' import { PRERENDERED_ARTICLES_COUNT, TopicView } from '../components/Views/Topic'
import { ReactionsProvider } from '../context/reactions' import { ReactionsProvider } from '../context/reactions'
@ -12,13 +11,12 @@ import { loadTopic } from '../stores/zine/topics'
export const TopicPage = (props: PageProps) => { export const TopicPage = (props: PageProps) => {
const { page } = useRouter() const { page } = useRouter()
const slug = createMemo(() => page().params['slug'] as string) const slug = createMemo(() => page().params['slug'] as string)
const [isLoaded, setIsLoaded] = createSignal( const [isLoaded, setIsLoaded] = createSignal(
Boolean(props.topicShouts) && Boolean(props.topic) && props.topic.slug === slug(), Boolean(props.topicShouts) && Boolean(props.topic) && props.topic.slug === slug(),
) )
const [pageTitle, setPageTitle] = createSignal<string>()
const preload = () => const preload = () =>
Promise.all([ Promise.all([
loadShouts({ filters: { topic: slug() }, limit: PRERENDERED_ARTICLES_COUNT, offset: 0 }), loadShouts({ filters: { topic: slug() }, limit: PRERENDERED_ARTICLES_COUNT, offset: 0 }),
@ -53,15 +51,15 @@ export const TopicPage = (props: PageProps) => {
const usePrerenderedData = props.topic?.slug === slug() const usePrerenderedData = props.topic?.slug === slug()
return ( return (
<PageLayout title={props.seo?.title}> <PageLayout title={pageTitle()}>
<ReactionsProvider> <ReactionsProvider>
<Show when={isLoaded()} fallback={<Loading />}> <TopicView
<TopicView title={(title) => setPageTitle(title)}
topic={usePrerenderedData ? props.topic : null} isLoaded={isLoaded()}
shouts={usePrerenderedData ? props.topicShouts : null} topic={usePrerenderedData ? props.topic : null}
topicSlug={slug()} shouts={usePrerenderedData ? props.topicShouts : null}
/> topicSlug={slug()}
</Show> />
</ReactionsProvider> </ReactionsProvider>
</PageLayout> </PageLayout>
) )

3
src/stores/router.ts
View File

@ -37,8 +37,7 @@ export const ROUTES = {
projects: '/about/projects', projects: '/about/projects',
termsOfUse: '/about/terms-of-use', termsOfUse: '/about/terms-of-use',
thanks: '/about/thanks', thanks: '/about/thanks',
expo: '/expo', expo: '/expo/:layout?',
expoLayout: '/expo/:layout',
profileSettings: '/profile/settings', profileSettings: '/profile/settings',
profileSecurity: '/profile/security', profileSecurity: '/profile/security',
profileSubscriptions: '/profile/subscriptions', profileSubscriptions: '/profile/subscriptions',

8
src/stores/zine/articles.ts
View File

@ -195,14 +195,6 @@ export const resetSortedArticles = () => {
setSortedArticles([]) setSortedArticles([])
} }
export const createArticle = async ({ article }: { article: ShoutInput }) => {
try {
await apiClient.createArticle({ article })
} catch (error) {
console.error(error)
}
}
type InitialState = { type InitialState = {
shouts?: Shout[] shouts?: Shout[]
} }

0
src/utils/apiClient.ts Normal file
View File

4
src/utils/getServerDate.ts Normal file
View File

@ -0,0 +1,4 @@
export const getServerDate = (date: Date): string => {
// 2023-12-31
return date.toISOString().slice(0, 10)
}

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 => { export const getDescription = (body: string): string => {
if (!body) { if (!body) {
return '' return ''
} }
const descriptionWordsArray = body const descriptionWordsArray = body
.slice(0, 150) // meta description is roughly 155 characters long .replaceAll(/<[^>]*>/g, ' ')
.replaceAll(/<[^>]*>/g, '') .replaceAll(/\s+/g, ' ')
.split(' ') .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(', ')
} }