OASIS-PROJECT/index.html
CAPITANSITO c1d3904f51 translate screen-2 to English, add Special Elite font for FAQ answers
- all FAQ questions and answers translated to English
- subtitle updated to "your gateway to oasis"
- Special Forces replaced with Special Elite (typewriter/classified docs style)
- Special Elite served locally, no external dependencies

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-04-04 03:26:19 +02:00

414 lines
21 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="robots" content="noindex">
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>OASIS</title>
<link rel="stylesheet" href="styles.css" />
<link rel="icon" href="images/oasis_logo_simple.png" type="image/png" />
</head>
<body>
<!-- Pantalla inicial -->
<section class="screen screen-1">
<div class="header">
<img src="images/oasis-logo.webp" alt="OASIS Logo" class="logo">
<h1 class="main-title">OASIS</h1>
</div>
<div class="hero-video-wrap">
<video class="hero-video" autoplay muted loop playsinline>
<source src="oasis_web.mp4" type="video/mp4">
</video>
</div>
<div class="buttons">
<a href="https://oasis-project.pub/#about" class="btn_main">Overview</a>
<a href="https://oasis-project.pub/#technologies" class="btn_main">Technologies</a>
<a href="https://oasis-project.pub/#community" class="btn_main">Community</a>
<a href="https://code.03c8.net/KrakensLab/oasis/src/master/install.sh" class="btn_main">Download</a>
<a href="https://solarnethub.com" class="btn_main">Solarnethub</a>
</div>
</section>
<!-- About -->
<section class="screen screen-2" id="about">
<div class="content">
<h2 class="screen2-title">0asis.net <span class="screen2-subtitle">→ your gateway to oasis</span></h2>
<div class="faq-section">
<div class="faq-item">
<button class="faq-q" onclick="toggleFaq(this)">
WHAT CAN I DO IN OASIS? <span class="faq-arrow"></span>
</button>
<div class="faq-a">OASIS is a complete platform with more than <strong>40 integrated apps</strong>: post to your feed, send messages, join forums and events, manage collective projects, vote on proposals, buy and sell in the marketplace, create and consume multimedia content. All in one place — no ads, no algorithms manipulating what you see, no one selling your data.
<div class="faq-link-row">
<a href="https://wiki.solarnethub.com/socialnet/overview" target="_blank">→ wiki: overview</a>
<a href="https://demo.oasis-project.pub" target="_blank">→ live demo</a>
<a href="https://wiki.solarnethub.com/socialnet/ecosystem" target="_blank">→ ecosystem</a>
</div>
</div>
</div>
<div class="faq-item">
<button class="faq-q" onclick="toggleFaq(this)">
HOW DO I JOIN? WHAT IS A PUB? <span class="faq-arrow"></span>
</button>
<div class="faq-a">A <strong>PUB</strong> is your gateway into OASIS — an always-on community server, like a public square, that connects new users to the network. This server, <strong>0asis.net</strong>, is one of those PUBs. To join, install OASIS and accept an invite from this PUB. Within seconds you will be syncing feeds with the federated community. No account needed, no centralised registration.
<div class="faq-link-row">
<a href="https://wiki.solarnethub.com/socialnet/snh-pub" target="_blank">→ wiki: what is a pub</a>
<a href="https://pub.solarnethub.com" target="_blank">→ la plaza (public pub)</a>
<a href="https://laplaza.solarnethub.com" target="_blank">→ la plaza stats</a>
<a href="https://code.03c8.net/KrakensLab/oasis/src/master/install.sh" target="_blank">→ install oasis</a>
</div>
</div>
</div>
<div class="faq-item">
<button class="faq-q" onclick="toggleFaq(this)">
CAN I CREATE MY OWN COMMUNITY? <span class="faq-arrow"></span>
</button>
<div class="faq-a">Yes. Anyone can run their own <strong>PUB</strong> and turn it into the heart of their community. Inside OASIS you can create <strong>Tribes</strong> — collective spaces with their own governance, forums, projects and shared economy. You depend on no external platform: the rules, the members and the decisions belong to the community itself.
<div class="faq-link-row">
<a href="https://wiki.solarnethub.com/socialnet/snh-pub" target="_blank">→ run a pub</a>
<a href="https://wiki.solarnethub.com/community/contributing" target="_blank">→ how to contribute</a>
<a href="https://wiki.solarnethub.com/project/timeline" target="_blank">→ project timeline</a>
</div>
</div>
</div>
<div class="faq-item">
<button class="faq-q" onclick="toggleFaq(this)">
IS MY DATA REALLY MINE? <span class="faq-arrow"></span>
</button>
<div class="faq-a">Completely. Your identity and content are stored on your own device, <strong>encrypted</strong>. There is no central server controlling them. If a node goes down, the network keeps running. If you leave, you take everything with you. Nobody can delete you, silence you or sell you — not a company, not a government, not the OASIS developers themselves.
<div class="faq-link-row">
<a href="https://wiki.solarnethub.com/docs/research" target="_blank">→ research: data exploitation</a>
<a href="https://wiki.solarnethub.com/socialnet/engineering" target="_blank">→ technical architecture</a>
</div>
</div>
</div>
<div class="faq-item">
<button class="faq-q" onclick="toggleFaq(this)">
DOES IT HAVE ITS OWN ECONOMY? <span class="faq-arrow"></span>
</button>
<div class="faq-a">Yes. OASIS integrates <strong>ECOIN</strong>, its community token, which lets you participate in the marketplace, access services, reward contributions and co-govern the network. There are modules for <strong>banking</strong>, <strong>UBI</strong> (universal basic income), a job market and smart contracts — all inside the ecosystem, with no dependence on external financial intermediaries.
<div class="faq-link-row">
<a href="https://wiki.solarnethub.com/ecoin/overview" target="_blank">→ wiki: ecoin</a>
<a href="https://wiki.solarnethub.com/socialnet/ubi" target="_blank">→ wiki: ubi</a>
<a href="https://wiki.solarnethub.com/socialnet/parliament" target="_blank">→ wiki: parliament</a>
</div>
</div>
</div>
<div class="faq-item">
<button class="faq-q" onclick="toggleFaq(this)">
CAN I TRY IT BEFORE INSTALLING? <span class="faq-arrow"></span>
</button>
<div class="faq-a">Yes. There is a <strong>public demo</strong> where you can explore all modules — feeds, governance, economy, media — directly from your browser, no install required. It is the fastest way to see what OASIS can do for you and your community.
<div class="faq-link-row">
<a href="https://demo.oasis-project.pub" target="_blank">→ live demo</a>
<a href="https://code.03c8.net/KrakensLab/oasis/src/master/install.sh" target="_blank">→ install oasis</a>
<a href="https://wiki.solarnethub.com/kit/unboxing" target="_blank">→ getting started</a>
</div>
</div>
</div>
<div class="faq-item faq-item-parent">
<button class="faq-q" onclick="toggleFaq(this)">
WHAT ELSE CAN I DO? <span class="faq-arrow"></span>
</button>
<div class="faq-a faq-a-nested">
<div class="faq-section faq-nested">
<div class="faq-item faq-item-sub">
<button class="faq-q faq-q-sub" onclick="toggleFaqSub(this)">
HOW DO I CREATE A TRIBE? <span class="faq-arrow"></span>
</button>
<div class="faq-a">A Tribe is your community inside OASIS: it has its own forum, projects, economy and governance. To create one, go to the <strong>Tribes</strong> module, pick a name, describe its purpose and set access rules — open or invite-only. From that moment you can invite members, launch vote proposals, manage a shared fund with <strong>ECOIN</strong> and organise your own events.
<div class="faq-link-row">
<a href="https://wiki.solarnethub.com/socialnet/overview" target="_blank">→ wiki: tribes</a>
<a href="https://demo.oasis-project.pub" target="_blank">→ see in demo</a>
</div>
</div>
</div>
<div class="faq-item faq-item-sub">
<button class="faq-q faq-q-sub" onclick="toggleFaqSub(this)">
HOW CAN I FIND WORK? <span class="faq-arrow"></span>
</button>
<div class="faq-a">OASIS has a <strong>Jobs</strong> module. You can publish your professional profile, browse job offers posted by tribes and projects, offer services and hire other members. Payments are handled directly in <strong>ECOIN</strong>, no intermediaries. A horizontal job market where value flows between people.
<div class="faq-link-row">
<a href="https://wiki.solarnethub.com/socialnet/ecosystem" target="_blank">→ wiki: ecosystem</a>
<a href="https://demo.oasis-project.pub" target="_blank">→ see in demo</a>
</div>
</div>
</div>
<div class="faq-item faq-item-sub">
<button class="faq-q faq-q-sub" onclick="toggleFaqSub(this)">
HOW DO I POST A BLOG? <span class="faq-arrow"></span>
</button>
<div class="faq-a">From the <strong>Media</strong> module you can write blog posts with text, images and video, tag them and publish to your personal feed or any tribe you choose. Your content lives on your node — nobody can delete or censor it. If other nodes replicate you, your blog survives even if you switch off your device.
<div class="faq-link-row">
<a href="https://wiki.solarnethub.com/socialnet/overview" target="_blank">→ wiki: media</a>
<a href="https://demo.oasis-project.pub" target="_blank">→ see in demo</a>
</div>
</div>
</div>
<div class="faq-item faq-item-sub">
<button class="faq-q faq-q-sub" onclick="toggleFaqSub(this)">
HOW DO I CREATE MY OWN STORE? <span class="faq-arrow"></span>
</button>
<div class="faq-a">The <strong>Market</strong> module lets you open your store in minutes: upload products or services, set prices in <strong>ECOIN</strong>, manage orders and payments. No platform commissions, no algorithm deciding who sees you. You can also use <strong>smart contracts</strong> to guarantee transactions between parties who do not know each other.
<div class="faq-link-row">
<a href="https://wiki.solarnethub.com/ecoin/overview" target="_blank">→ wiki: ecoin</a>
<a href="https://demo.oasis-project.pub" target="_blank">→ see in demo</a>
</div>
</div>
</div>
<div class="faq-item faq-item-sub">
<button class="faq-q faq-q-sub" onclick="toggleFaqSub(this)">
WHAT OTHER MODULES ARE THERE? <span class="faq-arrow"></span>
</button>
<div class="faq-a">Vote in the <strong>Parliament</strong>, collect <strong>UBI</strong> (universal basic income), manage your <strong>CV</strong> and digital wallet, upload audio and video, organise events, resolve disputes in the <strong>Court</strong>, contribute to open source projects and earn ECOIN rewards... more than <strong>40 modules</strong> in total.
<div class="faq-link-row">
<a href="https://wiki.solarnethub.com/socialnet/parliament" target="_blank">→ parliament</a>
<a href="https://wiki.solarnethub.com/socialnet/courts" target="_blank">→ courts</a>
<a href="https://wiki.solarnethub.com/socialnet/ubi" target="_blank">→ ubi</a>
<a href="https://wiki.solarnethub.com/socialnet/ai" target="_blank">→ ai: module 42</a>
<a href="https://demo.oasis-project.pub" target="_blank">→ explore all</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="buttons" style="margin-top:2.5rem;">
<a href="subdirectorios/overview.html" class="btn-overview">OVERVIEW &amp; RESEARCH</a>
</div>
<div class="pub-terminal" style="margin-top:2.5rem;">
<div class="term-header">
<span class="term-prompt"></span> 0ASIS PUB :: N0DE STATUS M0NIT0R
</div>
<div class="term-grid">
<div class="term-card">
<div class="term-card-head">
<span class="term-svc">⟁ SSB PUB</span>
<div class="term-indicator">
<div class="term-dot checking" id="ssb-dot"></div>
<span class="term-status checking" id="ssb-status">CH3CKING...</span>
</div>
</div>
<div class="term-row">P0RT <span>8008</span></div>
<div class="term-row">N3TW0RK <span>0ASIS F3D</span></div>
<div class="term-row" id="ssb-feeds">F33DS <span>---</span></div>
<div class="term-row" id="ssb-peers">P33RS <span>---</span></div>
</div>
<div class="term-card">
<div class="term-card-head">
<span class="term-svc">₿ 3C0IND</span>
<div class="term-indicator">
<div class="term-dot checking" id="eco-dot"></div>
<span class="term-status checking" id="eco-status">CH3CKING...</span>
</div>
</div>
<div class="term-row">P0RT <span>7408</span></div>
<div class="term-row">N3TW0RK <span>3C0IN MAIN</span></div>
<div class="term-row" id="eco-blocks">BL0CKS <span>---</span></div>
<div class="term-row" id="eco-conns">C0NNS <span>---</span></div>
</div>
</div>
<div class="term-pubinfo">
<div class="term-pubinfo-line">
<span class="term-label">PUB KEY</span>
<span class="term-val">@Tpv8GV08SDKuYmlkNVw+wRK9AXDTS/mwxJ29qsL00rc=.ed25519</span>
</div>
<div class="term-pubinfo-line">
<span class="term-label">CONNECT</span>
<span class="term-val">net:0asis.net:8008~shs:zTmidAb7t+tKi7W93FIHbOvlbd936x6G/vm8e8Td//A=</span>
</div>
</div>
<div class="term-lastcheck" id="term-lastcheck">LAST CH3CK: ---</div>
</div>
</div>
</section>
<!-- Technologies -->
<section class="screen screen-3" id="technologies">
<div class="content">
<h2>TECHNOLOGIES</h2>
<div class="buttons">
<a href="subdirectorios/technologies.html" class="btn">DIVE IN</a>
<a href="https://code.03c8.net/KrakensLab/oasis/src/master/install.sh" class="btn">INSTALL</a>
</div>
<div class="card-group">
<!-- 1) SELF HOSTED & ENCRYPTED -->
<div class="card">
<h3>SELF HOSTED &amp; ENCRYPTED</h3>
<div class="extra-info">
<p>OASIS nodes are run by individuals, not corporations. Each one is autonomous, sovereign, and resilient — no cloud, no dependencies.</p>
<img src="images/imagotipo_selfhosted.png" alt="Self-hosted logo" class="code-image" />
<p>Communication is end-to-end encrypted using the scuttlebutt protocol. Every message is signed. Every feed is verified.</p>
<img src="images/encryption.png" alt="Encrypted logo" class="code-image" />
</div>
</div>
<!-- 2) DECENTRALIZED & FEDERATED -->
<div class="card">
<h3>DISTRIBUTED &amp; FEDERATED</h3>
<div class="extra-info">
<p>Data replication is social: it follows trust, not hierarchy.</p>
<img src="images/imagotipo_decentralization_simple.png" alt="Decentralized logo" class="code-image" />
<p>PUBs act as community mirrors with HTTPS frontends, making content accessible from the clearnet while preserving protocol integrity.</p>
<img src="images/imagotipo_decentralized.png" alt="Federated logo" class="code-image" />
</div>
</div>
<!-- 3) BLOCKCHAIN FOR THE PEOPLE -->
<div class="card">
<h3>BLOCKCHAIN FOR THE PEOPLE</h3>
<div class="extra-info">
<p><em>"What we do in this live, echoes in eternity"</em> — immutable content for all time.</p>
<img src="images/blockchain_for_the_people.webp" alt="blockchain_for_the_people" class="code-image" />
<p><strong>ECOIN</strong> — our community token for rewards, governance, and sustainable node hosting.</p>
<a href="https://code.03c8.net/epsylon/ecoin/src/master/ecoin/INSTALL" class="btn"><img src="images/0ASIS_WEB_PEN/ecoin.webp" alt="Federated logo" class="code-image" /><a/>
<div class="buttons">
<a href="https://code.03c8.net/epsylon/ecoin/src/master/ecoin/INSTALL" class="btn">INSTALL</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Community -->
<section class="screen screen-4" id="community">
<div class="content">
<h2>COMMUNITY</h2>
<div class="card-group">
<a href="https://wiki.solarnethub.com/community/talks" class="card-link">
<div class="card">
<h3>SHARING</h3>
<p>Multimedia talks, workshops & live events.</p>
</div>
</a>
<a href="subdirectorios/helpout.html" class="card-link">
<div class="card">
<h3>HELP OUT</h3>
<p>See current tasks, TO:DOs and how to collaborate with OASIS.</p>
</div>
</a>
<a href="subdirectorios/larp.html" class="card-link">
<div class="card">
<h3>Roleplay</h3>
<p>Live-action role play choose your house and shape your future.</p>
</div>
</a>
<a href="subdirectorios/maintainers.html" class="card-link">
<div class="card">
<h3>MAINTAINERS</h3>
<p>Discover the people and houses that sustain OASIS.</p>
</div>
</a>
</div>
</div>
</section>
<!-- Footer -->
<footer class="site-footer">
<div class="buttons">
<a href="https://copyleft.com" class="btn_main">Copyleft OASIS</a>
<a href="mailto:solarnethub@riseup.net" class="btn_main">solarnethub@riseup.net</a>
</div>
<div class="buttons">
<a href="https://oasis-project.pub/#about" class="btn_main">Overview</a>
<a href="https://oasis-project.pub/#technologies" class="btn_main">Technologies</a>
<a href="https://oasis-project.pub/#community" class="btn_main">Community</a>
</div>
<div class="buttons">
<a href="https://code.03c8.net/KrakensLab/oasis/src/master/install.sh" class="btn_main">Download</a>
<a href="https://solarnethub.com" class="btn_main">Solarnethub</a>
</div>
</footer>
<script>
function toggleFaq(btn) {
const item = btn.closest('.faq-item');
const isOpen = item.classList.contains('open');
document.querySelectorAll('.faq-section > .faq-item.open').forEach(el => el.classList.remove('open'));
if (!isOpen) item.classList.add('open');
}
function toggleFaqSub(btn) {
const item = btn.closest('.faq-item-sub');
const isOpen = item.classList.contains('open');
item.closest('.faq-nested').querySelectorAll('.faq-item-sub.open').forEach(el => el.classList.remove('open'));
if (!isOpen) item.classList.add('open');
}
async function checkPubStatus() {
document.getElementById('term-lastcheck').textContent =
'LAST CH3CK: ' + new Date().toLocaleTimeString('en-US', {hour12: false});
try {
const r = await fetch('/api/status/ssb');
if (r.ok) {
const d = await r.json();
setTerm('ssb', d.status);
if (d.feeds !== undefined)
document.getElementById('ssb-feeds').innerHTML = 'F33DS <span>' + d.feeds + '</span>';
if (d.peers !== undefined)
document.getElementById('ssb-peers').innerHTML = 'P33RS <span>' + (d.peers ?? 'N/A') + '</span>';
} else { setTerm('ssb', 'offline'); }
} catch(e) { setTerm('ssb', 'offline'); }
try {
const r = await fetch('/api/status/ecoind');
if (r.ok) {
const d = await r.json();
setTerm('eco', d.status);
if (d.blocks !== undefined)
document.getElementById('eco-blocks').innerHTML = 'BL0CKS <span>' + d.blocks + '</span>';
if (d.connections !== undefined)
document.getElementById('eco-conns').innerHTML = 'C0NNS <span>' + d.connections + '</span>';
} else { setTerm('eco', 'offline'); }
} catch(e) { setTerm('eco', 'offline'); }
}
function setTerm(id, state) {
const dot = document.getElementById(id + '-dot');
const txt = document.getElementById(id + '-status');
dot.className = 'term-dot ' + state;
txt.className = 'term-status ' + state;
txt.textContent = state === 'online' ? '0NLIN3' : '0FFLIN3';
}
document.addEventListener('DOMContentLoaded', () => {
checkPubStatus();
setInterval(checkPubStatus, 30000);
});
</script>
</body>
</html>