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>

index.html

@@ -35,92 +35,156 @@
   <!-- About -->
   <section class="screen screen-2" id="about">
     <div class="content">
-      <h2 class="screen2-title">0asis.net <span class="screen2-subtitle">→ oasis desde cero</span></h2>
+      <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)">
-            ¿QUE PUEDO HACER EN OASIS? <span class="faq-arrow">▼</span>
+            WHAT CAN I DO IN OASIS? <span class="faq-arrow">▼</span>
           </button>
-          <div class="faq-a">OASIS es una plataforma completa con mas de 40 aplicaciones integradas: publicas en tu feed, envias mensajes, participas en foros y eventos, gestionas proyectos colectivos, votas propuestas, compras y vendes en el marketplace, creas y consumes contenido multimedia. Todo desde un mismo lugar, sin publicidad, sin algoritmos que manipulen lo que ves y sin que nadie venda tus datos.</div>
+          <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)">
-            ¿COMO ENTRO? ¿QUE ES UN PUB? <span class="faq-arrow">▼</span>
+            HOW DO I JOIN? WHAT IS A PUB? <span class="faq-arrow">▼</span>
           </button>
-          <div class="faq-a">Un PUB es la puerta de entrada a OASIS. Es un servidor comunitario siempre encendido — como una plaza publica — que conecta a los nuevos usuarios con la red. Este servidor, 0asis.net, es uno de esos PUBs. Para unirte, instala OASIS y acepta un invite de este PUB. En segundos estaras sincronizando feeds con la comunidad federada. No necesitas cuenta, no hay registro centralizado.</div>
+          <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)">
-            ¿PUEDO CREAR MI PROPIA COMUNIDAD? <span class="faq-arrow">▼</span>
+            CAN I CREATE MY OWN COMMUNITY? <span class="faq-arrow">▼</span>
           </button>
-          <div class="faq-a">Si. Cualquiera puede levantar su propio PUB y convertirlo en el centro de su comunidad. Dentro de OASIS puedes crear Tribus — espacios colectivos con gobernanza propia, foros, proyectos y economia compartida. No dependes de ninguna plataforma externa para organizarte: las reglas, los miembros y las decisiones las pone la propia comunidad.</div>
+          <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)">
-            ¿LOS DATOS SON REALMENTE MIOS? <span class="faq-arrow">▼</span>
+            IS MY DATA REALLY MINE? <span class="faq-arrow">▼</span>
           </button>
-          <div class="faq-a">Completamente. Tu identidad y tu contenido se almacenan en tu propio dispositivo, cifrados. No existe un servidor central que los controle. Si un nodo cae, la red continua. Si decides irte, te llevas todo contigo. Nadie puede borrarte, silenciarte ni venderte: ni una empresa, ni un gobierno, ni los propios desarrolladores de OASIS.</div>
+          <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)">
-            ¿TIENE ECONOMIA PROPIA? <span class="faq-arrow">▼</span>
+            DOES IT HAVE ITS OWN ECONOMY? <span class="faq-arrow">▼</span>
           </button>
-          <div class="faq-a">Si. OASIS integra ECOIN, su token comunitario, con el que puedes participar en el marketplace, acceder a servicios, recompensar contribuciones y co-gobernar la red. Hay modulos de banca, UBI (renta basica universal), mercado de trabajo y contratos inteligentes — todo dentro del ecosistema, sin depender de intermediarios financieros externos.</div>
+          <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)">
-            ¿PUEDO VERLO ANTES DE INSTALAR NADA? <span class="faq-arrow">▼</span>
+            CAN I TRY IT BEFORE INSTALLING? <span class="faq-arrow">▼</span>
           </button>
-          <div class="faq-a">Si. Hay una demo publica en <a href="https://demo.oasis-project.pub" target="_blank" style="color:var(--orange-neon)">demo.oasis-project.pub</a> donde puedes explorar todos los modulos — feeds, gobernanza, economia, media — directamente desde el navegador, sin instalar nada. Es la forma mas rapida de hacerte una idea de lo que OASIS puede hacer por ti y tu comunidad.</div>
+          <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)">
-            ¿QUE MAS PUEDO HACER? <span class="faq-arrow">▼</span>
+            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)">
-                  ¿COMO CREO UNA TRIBU? <span class="faq-arrow">▼</span>
+                  HOW DO I CREATE A TRIBE? <span class="faq-arrow">▼</span>
                 </button>
-                <div class="faq-a">Una Tribu es tu comunidad dentro de OASIS: tiene su propio foro, proyectos, economia y gobernanza. Para crearla, entra en el modulo <strong>Tribes</strong>, elige nombre, describe su proposito y define las reglas de acceso — abierta o por invitacion. Desde ese momento puedes invitar miembros, lanzar propuestas de voto, gestionar un fondo comun con ECOIN y organizar eventos propios.</div>
+                <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)">
-                  ¿COMO PUEDO ENCONTRAR TRABAJO? <span class="faq-arrow">▼</span>
+                  HOW CAN I FIND WORK? <span class="faq-arrow">▼</span>
                 </button>
-                <div class="faq-a">OASIS tiene un modulo de <strong>Jobs</strong>. Puedes publicar tu perfil profesional, explorar ofertas de trabajo publicadas por tribus y proyectos, ofrecer servicios y contratar a otros miembros. Los pagos se gestionan en ECOIN directamente, sin intermediarios. Un mercado de trabajo horizontal donde el valor circula entre personas.</div>
+                <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)">
-                  ¿COMO PUBLICO UN BLOG? <span class="faq-arrow">▼</span>
+                  HOW DO I POST A BLOG? <span class="faq-arrow">▼</span>
                 </button>
-                <div class="faq-a">Desde el modulo <strong>Media</strong> puedes redactar entradas de blog con texto, imagenes y video, asignarles etiquetas y publicarlas en tu feed personal o en la tribu que elijas. Tu contenido queda en tu nodo — nadie puede borrarlo ni censurarlo. Si otros nodos te replican, tu blog vivira en la red aunque apagues tu dispositivo.</div>
+                <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)">
-                  ¿COMO CREO MI PROPIA TIENDA? <span class="faq-arrow">▼</span>
+                  HOW DO I CREATE MY OWN STORE? <span class="faq-arrow">▼</span>
                 </button>
-                <div class="faq-a">El modulo <strong>Market</strong> te permite abrir tu tienda en minutos: sube productos o servicios, fija precio en ECOIN, gestiona pedidos y cobros. Sin comisiones de plataforma, sin algoritmo que decida quien te ve. Tambien puedes usar contratos inteligentes para garantizar transacciones entre partes que no se conocen.</div>
+                <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)">
-                  ¿QUE OTROS MODULOS HAY? <span class="faq-arrow">▼</span>
+                  WHAT OTHER MODULES ARE THERE? <span class="faq-arrow">▼</span>
                 </button>
-                <div class="faq-a">Votar en el <strong>Parlamento</strong>, cobrar <strong>UBI</strong> (renta basica), gestionar tu <strong>CV</strong> y cartera digital, subir audio y video, organizar eventos, resolver conflictos en el <strong>Court</strong>, contribuir a proyectos open source con recompensas en ECOIN... mas de 40 modulos en total. Exploralos en <a href="https://demo.oasis-project.pub" target="_blank" style="color:var(--orange-neon)">demo.oasis-project.pub</a>.</div>
+                <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>

styles.css

@@ -442,6 +442,14 @@ body {
   transform: scale(1.04);
 }
 
+@font-face {
+  font-family: "Special Elite";
+  src: url("/fonts/SpecialElite.ttf") format("truetype");
+  font-weight: normal;
+  font-style: normal;
+  font-display: swap;
+}
+
 /* === FAQ Accordion (screen-2) === */
 .faq-section {
   margin-top: 2rem;
@@ -487,11 +495,66 @@ body {
   overflow: hidden;
   transition: max-height 0.4s ease, padding 0.3s ease;
   padding: 0 1.4rem;
-  color: rgba(255, 215, 0, 0.8);
-  font-family: var(--font-body);
-  font-size: 0.95rem;
-  line-height: 1.7;
-  background: rgba(0, 0, 0, 0.5);
+  color: rgba(255, 215, 0, 0.85);
+  font-family: "Special Elite", monospace;
+  font-size: 1.05rem;
+  line-height: 1.9;
+  background: rgba(0, 0, 0, 0.6);
+  border-top: 1px dashed rgba(255, 94, 0, 0.25);
+}
+.faq-a strong {
+  color: var(--orange-neon);
+  font-family: "Special Elite", monospace;
+  letter-spacing: 0.05em;
+}
+.faq-a a {
+  color: var(--orange-neon);
+  text-decoration: none;
+  border-bottom: 1px solid rgba(255, 94, 0, 0.4);
+  transition: color 0.2s, border-color 0.2s;
+}
+.faq-a a:hover {
+  color: var(--yellow);
+  border-bottom-color: var(--yellow);
+}
+.faq-a .faq-tag {
+  display: inline-block;
+  background: rgba(255, 94, 0, 0.15);
+  border: 1px solid rgba(255, 94, 0, 0.4);
+  color: var(--orange-neon);
+  font-size: 0.72rem;
+  padding: 0.1rem 0.5rem;
+  border-radius: 3px;
+  margin: 0 0.2rem;
+  vertical-align: middle;
+  font-family: "Special Elite", monospace;
+}
+.faq-a .faq-link-row {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: center;
+  gap: 0.7rem;
+  margin-top: 1rem;
+  padding-top: 0.8rem;
+  border-top: 1px dashed rgba(255, 215, 0, 0.2);
+}
+.faq-a .faq-link-row a {
+  font-family: "Dune Rise", sans-serif;
+  font-size: 0.82rem;
+  background: rgba(255, 215, 0, 0.08);
+  border: 1px solid var(--yellow);
+  border-bottom: 1px solid var(--yellow);
+  padding: 0.35rem 1rem;
+  border-radius: 4px;
+  color: var(--yellow);
+  letter-spacing: 0.05em;
+  transition: background 0.2s, box-shadow 0.2s;
+}
+.faq-a .faq-link-row a:hover {
+  background: rgba(255, 215, 0, 0.18);
+  box-shadow: 0 0 10px rgba(255, 215, 0, 0.3);
+  color: var(--yellow);
+  border-bottom: 1px solid var(--yellow);
 }
 .faq-item.open > .faq-a {
   max-height: 1200px;