185 lines
8.1 KiB
HTML
185 lines
8.1 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="es">
|
||
<head>
|
||
<meta charset="UTF-8" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
||
<title>About — 3DCOMMUNITY.NET</title>
|
||
<link rel="stylesheet" href="about.css" />
|
||
</head>
|
||
<body>
|
||
<!-- HEADER -->
|
||
<header class="site-header">
|
||
<h1 class="site-title">3Dcomunity</h1>
|
||
<nav class="nav-menu">
|
||
<button onclick="location.href='code.html'">Code</button>
|
||
<button onclick="location.href='gallery.html'">Gallery</button>
|
||
<button onclick="location.href='tutorials.html'">Tutorials</button>
|
||
<button class="active" onclick="location.href='about.html'">About</button>
|
||
</nav>
|
||
</header>
|
||
|
||
<!-- CONTENIDO -->
|
||
<main class="about-page">
|
||
<section class="doc-card">
|
||
|
||
<!-- HERO / INTRO 3DCOMMUNITY.NET -->
|
||
<header class="hero-head">
|
||
<h2 class="hero-title">¿Qué es <span>3DCOMMUNITY.NET</span>?</h2>
|
||
<p class="hero-subtitle">
|
||
Un portal abierto para <strong>descargar</strong> y <strong>visualizar</strong> modelos
|
||
<code>.stl</code> (y más formatos 3D) listos para imprimir. Defendemos el
|
||
<strong>software libre</strong>, el conocimiento compartido y la cultura maker.
|
||
</p>
|
||
|
||
<!-- CTA PRINCIPALES -->
|
||
<div class="btn-row">
|
||
<a class="btn btn-orange" href="../index.html#viewer3d">Explorar visor 3D</a>
|
||
<a class="btn btn-green" href="gallery.html">Ver galería</a>
|
||
<a class="btn btn-outline" href="#valores">Licencias & ética</a>
|
||
</div>
|
||
|
||
<!-- PILLS / QUICK TAGS -->
|
||
<ul class="pills">
|
||
<li class="pill">STL / OBJ / GLB</li>
|
||
<li class="pill">Modelos curados</li>
|
||
<li class="pill">Open Source ♥</li>
|
||
<li class="pill">Comunidad maker</li>
|
||
</ul>
|
||
</header>
|
||
|
||
<!-- BLOQUE: QUÉ ENCONTRARÁS -->
|
||
<section class="block">
|
||
<h3 class="block-title">¿Qué encontrarás aquí?</h3>
|
||
<div class="grid-2">
|
||
<div class="card">
|
||
<h4>Modelos listos para imprimir</h4>
|
||
<p>
|
||
Miniaturas, utilidades, piezas técnicas y prototipos. Cada entrada incluye
|
||
previsualización, notas de impresión (<em>layer height</em>, relleno, soportes) y enlaces.
|
||
</p>
|
||
<div class="btn-row">
|
||
<a class="btn btn-green" href="gallery.html">Abrir galería</a>
|
||
<a class="btn btn-outline" href="../index.html#viewer3d">Abrir visor</a>
|
||
</div>
|
||
</div>
|
||
<div class="card">
|
||
<h4>Tutoriales y buenas prácticas</h4>
|
||
<p>
|
||
Guías de calibración, perfiles para slicers, materiales y seguridad.
|
||
Recomendaciones para FDM y resina, y trucos para evitar <em>warping</em>.
|
||
</p>
|
||
<div class="btn-row">
|
||
<a class="btn btn-orange" href="tutorials.html">Ver tutoriales</a>
|
||
<a class="btn btn-outline" href="#faq">FAQ</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- BLOQUE: ÍNDICE RÁPIDO -->
|
||
<nav class="index-row">
|
||
<a class="btn btn-outline" href="#oasis">Infraestructura Oasis/SSB</a>
|
||
<a class="btn btn-outline" href="#valores">Valores y licencias</a>
|
||
<a class="btn btn-outline" href="#contribuir">Cómo contribuir</a>
|
||
<a class="btn btn-outline" href="#faq">Preguntas frecuentes</a>
|
||
</nav>
|
||
|
||
<!-- SECCIÓN: VALORES Y LICENCIAS -->
|
||
<section id="valores" class="block">
|
||
<h3 class="block-title">Valores y licencias</h3>
|
||
<p>
|
||
3DCOMMUNITY.NET apoya el <strong>software libre</strong>, la
|
||
<strong>documentación abierta</strong> y los modelos con licencias claras.
|
||
Siempre que sea posible promovemos <em>Creative Commons</em> (p.ej. CC BY-SA)
|
||
y respetamos la atribución a autoras/es.
|
||
</p>
|
||
<ul class="check-list">
|
||
<li>Preferimos licencias abiertas: CC BY, CC BY-SA, CERN-OHL, GPL…</li>
|
||
<li>Indicamos la <strong>autoría</strong> y los <strong>términos</strong> de uso cuando se aportan.</li>
|
||
<li>Fomentamos la <strong>remixabilidad</strong> y el aprendizaje colectivo.</li>
|
||
</ul>
|
||
<div class="btn-row">
|
||
<a class="btn btn-green" href="code.html">Ver repos & código</a>
|
||
<a class="btn btn-orange" href="tutorials.html#licencias">Guía rápida de licencias</a>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- SECCIÓN: CÓMO CONTRIBUIR -->
|
||
<section id="contribuir" class="block">
|
||
<h3 class="block-title">Cómo contribuir</h3>
|
||
<ol class="steps">
|
||
<li><strong>Comparte</strong> tu STL/GLB y la información de impresión.</li>
|
||
<li><strong>Indica</strong> la licencia y la autoría claramente.</li>
|
||
<li><strong>Abre</strong> una propuesta en <em>Code</em> o manda el material por los canales indicados.</li>
|
||
<li><strong>Participa</strong> en la moderación y curación de modelos.</li>
|
||
</ol>
|
||
<div class="btn-row">
|
||
<a class="btn btn-orange" href="code.html">Proponer cambios</a>
|
||
<a class="btn btn-outline" href="tutorials.html#guia-envio">Guía de envío</a>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- SECCIÓN: OASIS / SSB (infraestructura) -->
|
||
<section id="oasis" class="block">
|
||
<h3 class="block-title">Oasis / SSB: nuestra infraestructura distribuida</h3>
|
||
<p>
|
||
La parte social y de replicación se apoya en <strong>Oasis</strong>, basado en
|
||
<em>Secure Scuttlebutt (SSB)</em>. Es decir, una red <strong>distribuida</strong> y
|
||
<strong>resiliente</strong>: cada persona mantiene su “diario” firmado y los mensajes
|
||
se replican entre pares y PUBs.
|
||
</p>
|
||
<div class="grid-2">
|
||
<div class="card">
|
||
<h4>Conceptos clave</h4>
|
||
<ul class="dash-list">
|
||
<li><strong>Identidad:</strong> par de claves ed25519, todo mensaje va firmado.</li>
|
||
<li><strong>Append-only:</strong> historial inmutable, verificable.</li>
|
||
<li><strong>Gossip:</strong> propagación entre nodos amigos.</li>
|
||
<li><strong>PUBs:</strong> nodos de Internet que facilitan descubrimiento/replicación.</li>
|
||
<li><strong>Offline-first:</strong> publica sin conexión y replica al volver.</li>
|
||
</ul>
|
||
</div>
|
||
<div class="card">
|
||
<h4>Arquitectura del sitio</h4>
|
||
<ul class="dash-list">
|
||
<li><strong>Web:</strong> Nginx (HTTPS) → contenido estático (HTML+CSS).</li>
|
||
<li><strong>Visor 3D:</strong> GLB con <code><model-viewer></code> (si hay JS).</li>
|
||
<li><strong>Gossip SSB:</strong> puerto TCP <code>7724</code> hacia el contenedor PUB.</li>
|
||
<li><strong>Certificados:</strong> Let’s Encrypt en el frontal.</li>
|
||
</ul>
|
||
<div class="btn-row">
|
||
<a class="btn btn-outline" href="#faq">Más detalles en FAQ</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- SECCIÓN: FAQ -->
|
||
<section id="faq" class="block">
|
||
<h3 class="block-title">Preguntas rápidas (FAQ)</h3>
|
||
|
||
<details class="faq">
|
||
<summary><strong>¿Qué pasa si un PUB cae?</strong></summary>
|
||
<p>La red sigue viva: tus pares conservan copias. Un PUB ayuda, pero no es un punto único de fallo.</p>
|
||
</details>
|
||
|
||
<details class="faq">
|
||
<summary><strong>¿Puedo usar solo HTML/CSS?</strong></summary>
|
||
<p>Sí. Con JS activamos visor GLB; sin JS mostramos previews e incluso enlaces directos a descarga.</p>
|
||
</details>
|
||
|
||
<details class="faq">
|
||
<summary><strong>¿Cómo pido invitación a un PUB?</strong></summary>
|
||
<p>Contacta con la administración del PUB para generar y validar la invitación.</p>
|
||
</details>
|
||
|
||
<div class="btn-row">
|
||
<a class="btn btn-green" href="../index.html#viewer3d">Probar visor 3D</a>
|
||
<a class="btn btn-orange" href="gallery.html">Ir a la galería</a>
|
||
</div>
|
||
</section>
|
||
|
||
</section>
|
||
</main>
|
||
</body>
|
||
</html>
|