From 77d5fac5daa6567f5849ba1a47d2e0aa01169d17 Mon Sep 17 00:00:00 2001 From: plebeius Date: Thu, 6 Nov 2025 17:15:13 +0100 Subject: [PATCH] refactor(ui): make directory modal more concise and improve heading styling --- .../directory-modal.module.css | 3 +- .../directory-modal/directory-modal.tsx | 85 +++++++------------ 2 files changed, 35 insertions(+), 53 deletions(-) diff --git a/src/components/directory-modal/directory-modal.module.css b/src/components/directory-modal/directory-modal.module.css index c98312e8..c220b20f 100644 --- a/src/components/directory-modal/directory-modal.module.css +++ b/src/components/directory-modal/directory-modal.module.css @@ -89,9 +89,10 @@ .section h3 { margin: 0 0 8px 0; padding: 0; - font-size: 13px; + font-size: 14px; font-weight: bold; color: rgb(136, 0, 0); + letter-spacing: 0.3px; } .section p { diff --git a/src/components/directory-modal/directory-modal.tsx b/src/components/directory-modal/directory-modal.tsx index 1e8ac149..2239877f 100644 --- a/src/components/directory-modal/directory-modal.tsx +++ b/src/components/directory-modal/directory-modal.tsx @@ -32,89 +32,70 @@ const DirectoryModal = () => { {isPlaceholderContext && (
-

What is a directory board vs a regular board?

+

Directory vs Regular Board

- On 5chan, anyone can create and connect to any board using its address. A "directory board" is simply a board that has been assigned to a - specific directory category (like "Anime & Manga" or "Video Games") in the boards list on the homepage. This assignment is temporary - and handpicked by the devs until DAO curation is implemented. -

-

- Important: Anyone can create a board and users can access it at any time, regardless of whether it's assigned to a directory or not. - You can use the search bar on the homepage to connect to any board address peer-to-peer, even if it's not added as a directory. Additionally, every - board has a "[Subscribe]" button—when you subscribe to a board, it will appear in the top bar on the boards page, making it easy to access your - favorite boards regardless of directory assignment. + A "directory board" is assigned to a category on the homepage (like "Anime & Manga" or "Video Games"). Directory assignments + are temporary and handpicked by devs until DAO curation is implemented.{' '} + Anyone can create a board and users can access it anytime using its address—use the search bar, direct links, or the + "[Subscribe]" button to access boards regardless of directory assignment.

)}
-

How to create your own board

+

Creating Your Board

- You can create a board using either the{' '} + Create a board using the{' '} Seedit GUI client {' '} - or the{' '} + or{' '} - plebbit-cli command line interface + plebbit-cli - . Once created, anyone can connect to your board using its address, regardless of whether it's assigned to a directory or not. -

-

- Building a following: Every board has a "[Subscribe]" button that users can click to subscribe to your board. When users - subscribe, your board will appear in the top bar on the boards page, making it easy for them to access it. This means you can build a following and have - active users even if your board isn't assigned to a directory or known by the devs. Users can discover your board through direct links, word of mouth, - or by searching for your board address. + . Build a following: Users can subscribe to your board via the "[Subscribe]" button, which adds it to their top bar. You can gain + subscribers through direct links, word of mouth, or search—no directory assignment or dev approval needed.

{isPlaceholderContext && (
-

Requirements for directory assignment

+

Directory Requirements

- To have your board assigned to a directory, it should be active, well-moderated, and relevant to the directory category. Most importantly, it should have - 99% uptime, since a board acts like its own server (it's a P2P node). The devs review submissions and reserve the right to approve or reject them - based on these criteria. + Boards need 99% uptime (they're P2P nodes), plus be active, well-moderated, and relevant to the category. Devs review and approve/reject based on + these criteria.

)}
-

How to submit your board

+

Submitting to a Directory

- To request your board be added to a directory, open a pull request on GitHub by editing the{' '} + Open a PR editing{' '} - 5chan-multisub.json file - - . Add your board's entry with its title, address, and NSFW status (if applicable). The devs will review your PR and merge it if approved. -

-
- -
-

Future roadmap

-

- In the future, directory board assignments will be determined through gasless voting using pubsub. Community members will vote on which board should be - assigned to each directory, and the highest voted board will automatically become the directory board. This will make the process fully decentralized and - community-driven. -

-

- Discovery through voting pages: Each directory will have its own pubsub voting page that will serve as a discovery page for boards in that - category. Even low-voted or low-quality boards will appear in these voting lists, giving them visibility and helping them find users. This means boards - don't need to win the directory slot or be approved by devs to gain exposure—they can still be discovered and grow their subscriber base through the - voting pages. See the{' '} - - pubsub voting design draft + 5chan-multisub.json {' '} - for more details. + with your board's title, address, and NSFW status. Devs will review and merge if approved. 99% uptime is required.

-

Dev veto power

+

Future: DAO Voting

- While the devs reserve the right to change directory resolutions, this is done through commits in the fully open-source repository. There is no centralized - or server-side action required—anyone can change the directory resolution by modifying the code and redeploying to their own domain. 5chan is adminless, and - the app itself has no owner or central authority. + Directory assignments will use gasless pubsub voting—communities vote, highest-voted board wins the slot. Voting pages = discovery: Each + directory's voting page lists all competing boards (even low-voted ones), giving visibility without winning or dev approval. See{' '} + + design draft + + . +

+
+ +
+

Decentralization

+

+ Devs can change directories via commits in the open-source repo. No centralized servers—anyone can fork, modify, and redeploy to their own domain. 5chan is + adminless with no central authority.