actualizacion_subdirectorios

This commit is contained in:
root 2025-11-10 19:17:31 +00:00
parent 8ce4c5765a
commit 4f1e8654cb
14 changed files with 2932 additions and 165 deletions

View file

@ -0,0 +1,185 @@
<!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>&lt;model-viewer&gt;</code> (si hay JS).</li>
<li><strong>Gossip SSB:</strong> puerto TCP <code>7724</code> hacia el contenedor PUB.</li>
<li><strong>Certificados:</strong> Lets 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>