update the home page to clarify project goals

This commit is contained in:
d
2026-06-09 23:03:17 +03:00
parent 484d87d82a
commit 6e1751fcd1
+60 -58
View File
@@ -1,71 +1,73 @@
{{template "base/head" .}}
<div role="main" aria-label="M8SH Project" class="page-content home">
<div class="tw-mb-8 tw-px-8">
<div class="center">
<div class="hero">
<h1 class="ui icon header title tw-text-balance"
style="font-size: 3.5rem; letter-spacing: -1px; margin-bottom: 0.3rem;">
M8SH
</h1>
<h2 class="tw-text-balance"
style="color: var(--color-primary); font-style: italic; margin-bottom: 0.5rem;">
What web should have have received years ago.
</h2>
<p class="large tw-text-balance" style="opacity: 0.7; margin-bottom: 2rem;">
Heavily extended fork of Gitea with integrated VPN, email, messenger, media streaming, gpg-auth and
more...
</p>
<div class="ui message tw-text-left" style="max-width: 800px; margin: 0 auto;">
<p><strong>M8SH</strong> is a decentralized network using the well-known paradigm of email addresses
for user identification — but offering much more. All powered by a decentralized network, with
the goal of replacing monopolized data markets and restoring our freedom to own, distribute, and
sell different forms of data. Rules of distribution and monetization should be decided by the
community - not a hegemon.</p>
</div>
</div>
</div>
</div>
<div class="tw-max-w-3xl tw-mx-auto tw-px-6 tw-py-16">
<div class="ui stackable middle very relaxed page grid">
<div class="eight wide center column">
<h1 class="hero ui icon header">
🔍 Search
<div class="tw-mb-12">
<h1 style="font-size: 3rem; font-weight: 700; letter-spacing: -2px; margin: 0 0 0.25rem;">
M8SH
</h1>
<p class="large tw-text-balance">
Each server has an integrated search engine that can search across other instances. Public content
accessible via regular websites.
<p style="color: var(--color-primary); font-size: 0.9rem; text-transform: uppercase; letter-spacing: 2px; margin: 0 0 1rem;">
Work in progress
</p>
<p style="font-size: 1.15rem; color: var(--color-text-secondary); margin: 0;">
A heavily extended Gitea fork - integrated VPN, email, messenger, media streaming, GPG-based auth, and more.
</p>
</div>
<div class="eight wide center column">
<h1 class="hero ui icon header">
🔐 Pure Cryptography
</h1>
<p class="large tw-text-balance">
No passwords. No sessions. No KYC. Keypair authentication with signature verification against your home
server.
</p>
</div>
</div>
<div class="ui stackable middle very relaxed page grid">
<div class="eight wide center column">
<h1 class="hero ui icon header">
💬 Messenger & Cloud
</h1>
<p class="large tw-text-balance">
Built-in messenger with end-to-end cryptographic guarantees. Content over 50 MB redistributed via
BitTorrent.
<div style="border-top: 1px solid var(--color-border-primary); padding-top: 2rem; margin-bottom: 2rem;">
<p style="line-height: 1.8; margin-bottom: 1rem;">
M8SH is what email should have evolved into, but didn't.
</p>
<p style="line-height: 1.8; margin-bottom: 1rem; color: var(--color-text-secondary);">
The naming convention stays - <code>name@example.com</code> - because that part was always right.
What email got right was federation: anyone could run a server and communicate freely, without depending on proprietary software.
What it got catastrophically wrong was everything else - cryptography, security, protocols, user experience.
Ray Tomlinson's invention served its purpose in the 70s. Then corporations arrived, offered convenience in exchange for privacy,
and the protocol was effectively abandoned. GPG extensions were proposed and ignored, because they were inconvenient for the corps.
</p>
<p style="line-height: 1.8; color: var(--color-text-secondary);">
M8SH turns Gitea from a development platform into a complete content exchange and distribution system —
decentralized, no dozen separate accounts, no walled gardens. The one thing email got right —
<code>user@domain</code> — stays as the identity primitive, rebuilt on modern protocols and cryptography.
</p>
</div>
<div class="eight wide center column">
<h1 class="hero ui icon header">
🎵 Multimedia
</h1>
<p class="large tw-text-balance">
Full multimedia support: music, reels, videos, streams. Content is fingerprinted — copies are detected
and never shown.
</p>
<div>
<h3 style="font-size: 0.75rem; text-transform: uppercase; letter-spacing: 2px; color: var(--color-text-secondary); margin-bottom: 1rem;">
Roadmap
</h3>
<ol style="list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 0.75rem;">
<li style="display: flex; gap: 1rem; align-items: baseline;">
<span style="font-size: 0.75rem; color: var(--color-text-secondary); min-width: 1.5rem; font-variant-numeric: tabular-nums;">01</span>
<span>GPG-based registration, auth and authentication - decentralized by design</span>
</li>
<li style="display: flex; gap: 1rem; align-items: baseline;">
<span style="font-size: 0.75rem; color: var(--color-text-secondary); min-width: 1.5rem; font-variant-numeric: tabular-nums;">02</span>
<span>Integrated email server - for compatibility with legacy systems</span>
</li>
<li style="display: flex; gap: 1rem; align-items: baseline;">
<span style="font-size: 0.75rem; color: var(--color-text-secondary); min-width: 1.5rem; font-variant-numeric: tabular-nums;">03</span>
<span>Integrated messenger - end-to-end encrypted via GPG public keys</span>
</li>
<li style="display: flex; gap: 1rem; align-items: baseline;">
<span style="font-size: 0.75rem; color: var(--color-text-secondary); min-width: 1.5rem; font-variant-numeric: tabular-nums;">04</span>
<span>Federated search - indexed across M8SH nodes, accessible via API</span>
</li>
<li style="display: flex; gap: 1rem; align-items: baseline;">
<span style="font-size: 0.75rem; color: var(--color-text-secondary); min-width: 1.5rem; font-variant-numeric: tabular-nums;">05</span>
<span>Posts, articles, videos, reels, music</span>
</li>
<li style="display: flex; gap: 1rem; align-items: baseline;">
<span style="font-size: 0.75rem; color: var(--color-text-secondary); min-width: 1.5rem; font-variant-numeric: tabular-nums;">06</span>
<span>Integrated VPN</span>
</li>
<li style="display: flex; gap: 1rem; align-items: baseline;">
<span style="font-size: 0.75rem; color: var(--color-text-secondary); min-width: 1.5rem; font-variant-numeric: tabular-nums;">07</span>
<span>Encrypted cloud storage</span>
</li>
</ol>
</div>
</div>
</div>
{{template "base/footer" .}}