External/5chan
1
0
Fork 0
mirror of https://github.com/bitsocialnet/5chan.git synced 2026-08-03 07:41:04 +02:00
Code Issues Packages Projects Releases Wiki Activity

refactor(ui): make directory modal more concise and improve heading styling

Browse Source
This commit is contained in:
plebeius
2025-11-06 17:15:13 +01:00
parent 5f06fdf461
commit 77d5fac5da
2 changed files with 35 additions and 53 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/directory-modal/directory-modal.module.css
+2 -1
View File
@@ -89,9 +89,10 @@
.section h3 { .section h3 {
margin: 0 0 8px 0; margin: 0 0 8px 0;
padding: 0; padding: 0;
font-size: 13px; font-size: 14px;
font-weight: bold; font-weight: bold;
color: rgb(136, 0, 0); color: rgb(136, 0, 0);
letter-spacing: 0.3px;
} }
.section p { .section p {
src/components/directory-modal/directory-modal.tsx
+33 -52
View File
@@ -32,89 +32,70 @@ const DirectoryModal = () => {
{isPlaceholderContext && ( {isPlaceholderContext && (
<div className={styles.section}> <div className={styles.section}>
<h3>What is a directory board vs a regular board?</h3> <h3>Directory vs Regular Board</h3>
<p> <p>
On 5chan, anyone can create and connect to any board using its address. A &quot;directory board&quot; is simply a board that has been assigned to a A &quot;directory board&quot; is assigned to a category on the homepage (like &quot;Anime & Manga&quot; or &quot;Video Games&quot;). Directory assignments
specific directory category (like &quot;Anime & Manga&quot; or &quot;Video Games&quot;) in the boards list on the homepage. This assignment is temporary are temporary and handpicked by devs until DAO curation is implemented.{' '}
and handpicked by the devs until DAO curation is implemented. <strong>Anyone can create a board and users can access it anytime using its address</strong>—use the search bar, direct links, or the
</p> &quot;[Subscribe]&quot; button to access boards regardless of directory assignment.
<p>
<strong>Important:</strong> Anyone can create a board and users can access it at any time, regardless of whether it&apos;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&apos;s not added as a directory. Additionally, every
board has a &quot;[Subscribe]&quot; 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.
</p> </p>
</div> </div>
)} )}
<div className={styles.section}> <div className={styles.section}>
<h3>How to create your own board</h3> <h3>Creating Your Board</h3>
<p> <p>
You can create a board using either the{' '} Create a board using the{' '}
<a href='https://plebbit.github.io/docs/learn/clients/5chan/create-a-board' target='_blank' rel='noopener noreferrer'> <a href='https://plebbit.github.io/docs/learn/clients/5chan/create-a-board' target='_blank' rel='noopener noreferrer'>
Seedit GUI client Seedit GUI client
</a>{' '} </a>{' '}
or the{' '} or{' '}
<a href='https://github.com/plebbit/plebbit-cli' target='_blank' rel='noopener noreferrer'> <a href='https://github.com/plebbit/plebbit-cli' target='_blank' rel='noopener noreferrer'>
plebbit-cli command line interface plebbit-cli
</a> </a>
. Once created, anyone can connect to your board using its address, regardless of whether it&apos;s assigned to a directory or not. . <strong>Build a following:</strong> Users can subscribe to your board via the &quot;[Subscribe]&quot; button, which adds it to their top bar. You can gain
</p> subscribers through direct links, word of mouth, or search—no directory assignment or dev approval needed.
<p>
<strong>Building a following:</strong> Every board has a &quot;[Subscribe]&quot; 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&apos;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.
</p> </p>
</div> </div>
{isPlaceholderContext && ( {isPlaceholderContext && (
<div className={styles.section}> <div className={styles.section}>
<h3>Requirements for directory assignment</h3> <h3>Directory Requirements</h3>
<p> <p>
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 Boards need 99% uptime (they&apos;re P2P nodes), plus be active, well-moderated, and relevant to the category. Devs review and approve/reject based on
99% uptime, since a board acts like its own server (it&apos;s a P2P node). The devs review submissions and reserve the right to approve or reject them these criteria.
based on these criteria.
</p> </p>
</div> </div>
)} )}
<div className={styles.section}> <div className={styles.section}>
<h3>How to submit your board</h3> <h3>Submitting to a Directory</h3>
<p> <p>
To request your board be added to a directory, open a pull request on GitHub by editing the{' '} Open a PR editing{' '}
<a href='https://github.com/plebbit/lists/blob/master/5chan-multisub.json' target='_blank' rel='noopener noreferrer'> <a href='https://github.com/plebbit/lists/blob/master/5chan-multisub.json' target='_blank' rel='noopener noreferrer'>
5chan-multisub.json file 5chan-multisub.json
</a>
. Add your board&apos;s entry with its title, address, and NSFW status (if applicable). The devs will review your PR and merge it if approved.
</p>
</div>
<div className={styles.section}>
<h3>Future roadmap</h3>
<p>
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.
</p>
<p>
<strong>Discovery through voting pages:</strong> 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&apos;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{' '}
<a href='https://github.com/plebbit/plebbit-js/issues/25' target='_blank' rel='noopener noreferrer'>
pubsub voting design draft
</a>{' '} </a>{' '}
for more details. with your board&apos;s title, address, and NSFW status. Devs will review and merge if approved. 99% uptime is required.
</p> </p>
</div> </div>
<div className={styles.section}> <div className={styles.section}>
<h3>Dev veto power</h3> <h3>Future: DAO Voting</h3>
<p> <p>
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 Directory assignments will use gasless pubsub voting—communities vote, highest-voted board wins the slot. <strong>Voting pages = discovery:</strong> Each
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 directory&apos;s voting page lists all competing boards (even low-voted ones), giving visibility without winning or dev approval. See{' '}
the app itself has no owner or central authority. <a href='https://github.com/plebbit/plebbit-js/issues/25' target='_blank' rel='noopener noreferrer'>
design draft
</a>
.
</p>
</div>
<div className={styles.section}>
<h3>Decentralization</h3>
<p>
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.
</p> </p>
</div> </div>
</div> </div>