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 {
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 {
src/components/directory-modal/directory-modal.tsx
+33 -52
View File
@@ -32,89 +32,70 @@ const DirectoryModal = () => {
{isPlaceholderContext && (
<div className={styles.section}>
<h3>What is a directory board vs a regular board?</h3>
<h3>Directory vs Regular Board</h3>
<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
specific directory category (like &quot;Anime & Manga&quot; or &quot;Video Games&quot;) in the boards list on the homepage. This assignment is temporary
and handpicked by the devs until DAO curation is implemented.
</p>
<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.
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
are temporary and handpicked by 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
&quot;[Subscribe]&quot; button to access boards regardless of directory assignment.
</p>
</div>
)}
<div className={styles.section}>
<h3>How to create your own board</h3>
<h3>Creating Your Board</h3>
<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'>
Seedit GUI client
</a>{' '}
or the{' '}
or{' '}
<a href='https://github.com/plebbit/plebbit-cli' target='_blank' rel='noopener noreferrer'>
plebbit-cli command line interface
plebbit-cli
</a>
. Once created, anyone can connect to your board using its address, regardless of whether it&apos;s assigned to a directory or not.
</p>
<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.
. <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
subscribers through direct links, word of mouth, or search—no directory assignment or dev approval needed.
</p>
</div>
{isPlaceholderContext && (
<div className={styles.section}>
<h3>Requirements for directory assignment</h3>
<h3>Directory Requirements</h3>
<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
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
based on these criteria.
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
these criteria.
</p>
</div>
)}
<div className={styles.section}>
<h3>How to submit your board</h3>
<h3>Submitting to a Directory</h3>
<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'>
5chan-multisub.json file
</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
5chan-multisub.json
</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>
</div>
<div className={styles.section}>
<h3>Dev veto power</h3>
<h3>Future: DAO Voting</h3>
<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
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. <strong>Voting pages = discovery:</strong> Each
directory&apos;s voting page lists all competing boards (even low-voted ones), giving visibility without winning or dev approval. See{' '}
<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>
</div>
</div>