117 lines
5 KiB
HTML
117 lines
5 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
|
<title>Help Out - OASIS</title>
|
|
<link rel="stylesheet" href="helpout.css" />
|
|
</head>
|
|
<body>
|
|
|
|
<section class="screen help">
|
|
<div class="content">
|
|
<h2>HELP OUT</h2>
|
|
<p>We are building OASIS together. Choose where your energy flows best:</p>
|
|
|
|
<h3>TO:DO LIST</h3>
|
|
<table class="house-table">
|
|
<thead>
|
|
<tr><th>Category</th><th>Description</th></tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr><td>[PLUGIN]</td><td>Multicuenta</td></tr>
|
|
<tr><td>[CORE]</td><td>Refactorizar GUI (actual)</td></tr>
|
|
<tr><td>[PLUGIN]</td><td>SHOP: genera tu propia tienda y ofrece productos</td></tr>
|
|
<tr><td>[PLUGIN]</td><td>PODCAST: streaming WebRTC o Jitsi, archivalo vía PeerTube</td></tr>
|
|
<tr><td>[PLUGIN]</td><td>JOBS: ofertas y búsqueda de trabajo</td></tr>
|
|
<tr><td>[PLUGIN]</td><td>START-UP: presenta ideas, recibe apoyo financiero</td></tr>
|
|
<tr><td>[PLUGIN]</td><td>STEALTH: navegación encubierta</td></tr>
|
|
<tr><td>[PLUGIN]</td><td>IA ASSISTANT: acompañamiento con IA local</td></tr>
|
|
<tr><td>[PLUGIN]</td><td>VoIP dialup: realizar llamadas telefónicas</td></tr>
|
|
<tr><td>[PLUGIN]</td><td>Legacy: exportar/importar tu clave secreta cifrada</td></tr>
|
|
<tr><td>[CORE]</td><td>Modularizar código: plugins, estilos, rutas</td></tr>
|
|
<tr><td>[CORE]</td><td>Añadir idiomas al selector (i18n.js)</td></tr>
|
|
<tr><td>[PLUGIN]</td><td>Sistema de cifrado simétrico cliente</td></tr>
|
|
<tr><td>[PLUGIN]</td><td>PAD colaborativo para escritura distribuida</td></tr>
|
|
</tbody>
|
|
</table>
|
|
|
|
<h3>HOUSE TASK MATRIX</h3>
|
|
<div class="house-buttons">
|
|
<button class="toggle-button" data-target="academia">🌀 ACADEMIA</button>
|
|
<button class="toggle-button" data-target="solaris">🔆 SolarIS</button>
|
|
<button class="toggle-button" data-target="arrakis">🔧 ARRakis</button>
|
|
<button class="toggle-button" data-target="terra">🌱 TERRA.VErDE</button>
|
|
<button class="toggle-button" data-target="unsystem">🌀 UNSYSTem</button>
|
|
<button class="toggle-button" data-target="dogma">📖 DogmA</button>
|
|
<button class="toggle-button" data-target="helix">🎭 HeliX</button>
|
|
<button class="toggle-button" data-target="quark">🛡 QuarK</button>
|
|
</div>
|
|
|
|
<div id="academia" class="toggle-section">
|
|
<table class="house-table">
|
|
<thead><tr><th>Role</th><th>Task</th></tr></thead>
|
|
<tbody><tr><td>Educator</td><td>Write guides, prepare onboarding</td></tr></tbody>
|
|
</table>
|
|
</div>
|
|
<div id="solaris" class="toggle-section">
|
|
<table class="house-table">
|
|
<thead><tr><th>Role</th><th>Task</th></tr></thead>
|
|
<tbody><tr><td>Moderator</td><td>Forum curation, language facilitation</td></tr></tbody>
|
|
</table>
|
|
</div>
|
|
<div id="arrakis" class="toggle-section">
|
|
<table class="house-table">
|
|
<thead><tr><th>Role</th><th>Task</th></tr></thead>
|
|
<tbody><tr><td>Developer</td><td>Fix bugs, host services</td></tr></tbody>
|
|
</table>
|
|
</div>
|
|
<div id="terra" class="toggle-section">
|
|
<table class="house-table">
|
|
<thead><tr><th>Role</th><th>Task</th></tr></thead>
|
|
<tbody><tr><td>Eco-Engineer</td><td>Solar servers, minimal protocols</td></tr></tbody>
|
|
</table>
|
|
</div>
|
|
<div id="unsystem" class="toggle-section">
|
|
<table class="house-table">
|
|
<thead><tr><th>Role</th><th>Task</th></tr></thead>
|
|
<tbody><tr><td>Strategist</td><td>Disruption, secure routing</td></tr></tbody>
|
|
</table>
|
|
</div>
|
|
<div id="dogma" class="toggle-section">
|
|
<table class="house-table">
|
|
<thead><tr><th>Role</th><th>Task</th></tr></thead>
|
|
<tbody><tr><td>Thinker</td><td>Write criticism, compare alternatives</td></tr></tbody>
|
|
</table>
|
|
</div>
|
|
<div id="helix" class="toggle-section">
|
|
<table class="house-table">
|
|
<thead><tr><th>Role</th><th>Task</th></tr></thead>
|
|
<tbody><tr><td>Artist</td><td>Create memes, sounds, vibes</td></tr></tbody>
|
|
</table>
|
|
</div>
|
|
<div id="quark" class="toggle-section">
|
|
<table class="house-table">
|
|
<thead><tr><th>Role</th><th>Task</th></tr></thead>
|
|
<tbody><tr><td>Guardian</td><td>Manage backups, rotate keys</td></tr></tbody>
|
|
</table>
|
|
</div>
|
|
|
|
<p>Want to join a house or propose your own project? Write to <a href="mailto:solarnethub@riseup.net">solarnethub@riseup.net</a></p>
|
|
</div>
|
|
</section>
|
|
|
|
<script>
|
|
document.addEventListener('DOMContentLoaded', function () {
|
|
document.querySelectorAll('.toggle-button').forEach(btn => {
|
|
btn.addEventListener('click', () => {
|
|
const id = btn.dataset.target;
|
|
document.querySelectorAll('.toggle-section').forEach(sec => sec.classList.remove('visible'));
|
|
document.getElementById(id).classList.add('visible');
|
|
});
|
|
});
|
|
});
|
|
</script>
|
|
|
|
</body>
|
|
</html>
|