Diferencias

Muestra las diferencias entre dos versiones de la página.

--- otros:agradecimientos [2026/05/06 17:09] – jesus
+++ otros:agradecimientos [2026/05/06 17:28] (actual) – jesus
@@ Línea 2: / Línea 2: @@
 <html>
 <style>
-  #pcw_theater_core {
+  #pcw_theater_system {
     background-color: #000 !important; font-family: 'Courier New', monospace !important;
     height: 600px; width: 100%; overflow: hidden; position: relative;
-    border: 4px solid #1a1a1a; color: #00ff00 !important; margin: 20px 0;
+    border: 4px solid #1a1a1a; margin: 20px 0;
-    cursor: pointer;
   }
-  /* --- LÍDER ACADEMY --- */
+  /* --- LÍDER DE CINE TÉCNICO (VINTAGE) --- */
   #pcw_leader {
     position: absolute; inset: 0; background: #1a1a1a; z-index: 200;
     display: flex; flex-direction: column; align-items: center; justify-content: center;
   }
-  .pcw_disc {
-    width: 320px; height: 320px; border-radius: 50%; border: 6px solid #fff;
+  .pcw_brand_main { color: #0f0; font-size: 3.2em; font-weight: 900; letter-spacing: 5px; text-shadow: 0 0 12px #0f0; margin-bottom: 20px; }
+  .pcw_academy_frame {
+    width: 340px; height: 340px; border-radius: 50%; border: 6px solid #fff;
     position: relative; display: flex; align-items: center; justify-content: center;
-    background: #000; overflow: hidden;
+    background: #000; overflow: hidden; box-shadow: 0 0 30px rgba(255,255,255,0.1);
   }
-  .pcw_wipe {
+  /* Anillos concéntricos técnicos */
+  .pcw_ring_outer { position: absolute; width: 300px; height: 300px; border: 1px solid rgba(255,255,255,0.3); border-radius: 50%; }
+  .pcw_ring_inner { position: absolute; width: 240px; height: 240px; border: 2px solid rgba(255,255,255,0.5); border-radius: 50%; }
+  /* Cruceta de mira telescópica */
+  .pcw_axis_v { position: absolute; width: 2px; height: 100%; background: #fff; left: 50%; opacity: 0.4; }
+  .pcw_axis_h { position: absolute; height: 2px; width: 100%; background: #fff; top: 50%; opacity: 0.4; }
+  /* Aguja de reloj (Barrido de luz) */
+  .pcw_clock_hand {
     position: absolute; width: 100%; height: 100%;
-    background: conic-gradient(rgba(0,0,0,0.95) 0deg, rgba(0,0,0,0.95) 355deg, transparent 360deg);
+    background: conic-gradient(rgba(255,255,255,0.3) 0deg, transparent 90deg);
-    animation: pcw_spin 1s linear infinite; z-index: 5;
+    border-radius: 50%; animation: pcw_clock_spin 1s linear infinite; z-index: 205;
   }
-  @keyframes pcw_spin { from { transform: rotate(-90deg); } to { transform: rotate(270deg); } }
+  @keyframes pcw_clock_spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
-  #pcw_num { color: #fff; font-size: 160px; font-weight: 900; z-index: 10; position: relative; font-family: Arial; }
+  #pcw_num { color: #fff; font-size: 160px; font-weight: 900; z-index: 210; font-family: Arial, sans-serif; }
   /* --- MOTOR DE SCROLL --- */
@@ Línea 36: / Línea 49: @@
   .pcw_name { color: #fff !important; font-size: 2.2em; font-weight: 900; text-transform: uppercase; }
   .pcw_desc { color: #0f0; font-size: 1.2em; display: block; margin: 15px auto; font-style: italic; max-width: 80%; line-height: 1.5; }
-  #audio_msg { position: absolute; top: 10px; right: 10px; z-index: 500; background: #0f0; color: #000; padding: 4px; font-size: 10px; font-weight: bold; }
 </style>
-<div id="pcw_theater_core" onclick="pcw_activate()">
+<div id="pcw_theater_system">
-  <div id="audio_msg">🔈 CLICK PARA AUDIO</div>
+  <!-- LÍDER ACADEMY -->
   <div id="pcw_leader">
-    <div style="color:#0f0; font-size:3.2em; font-weight:900; margin-bottom:15px; letter-spacing:5px;">PCWWiki</div>
+    <div class="pcw_brand_main">PCWWiki</div>
-    <div class="pcw_disc">
+    <div class="pcw_academy_frame">
-      <div class="pcw_wipe"></div>
+        <div class="pcw_ring_outer"></div>
-      <div id="pcw_num">3</div>
+        <div class="pcw_ring_inner"></div>
+        <div class="pcw_axis_v"></div>
+        <div class="pcw_axis_h"></div>
+        <div class="pcw_clock_hand"></div>
+        <div id="pcw_num">3</div>
     </div>
-    <div style="color:#0f0; font-size:1.8em; margin-top:15px; letter-spacing:10px;">PRESENTA</div>
+    <div class="pcw_brand_main" style="font-size: 1.8em; margin-top: 20px; letter-spacing: 12px;">PRESENTA</div>
   </div>
+  <!-- CONTENIDO SCROLL -->
   <div id="pcw_canvas">
-    <div style="height: 450px; padding-top: 120px;">
+    <div style="height: 500px; padding-top: 120px;">
-        <h1 style="color: #ff8c00; font-size: 3em; letter-spacing:10px;">CUADRO DE HONOR</h1>
+        <h1 style="color: #ff8c00; font-size: 3em; letter-spacing: 10px;">CUADRO DE HONOR</h1>
-        <p style="color: #0f0; font-style: italic; margin-top:30px; font-size:1.3em;">"Agradecimientos por su colaboración a:"</p>
+        <p style="color: #0f0; font-style: italic; margin-top:30px; font-size:1.3em;">"PCW Wiki quiere agradecer por su colaboración a:"</p>
     </div>
-    <div id="pcw_list"></div>
-    <div style="color: #fff; font-size: 9em; font-weight: 900; margin-top: 500px; padding-bottom: 100px;">FIN</div>
+    <div id="pcw_list">
+        <div class="pcw_entry"><span class="pcw_stars">(*</span><span class="pcw_name">Litos</span><span class="pcw_stars">*)</span><span class="pcw_desc">Alojamiento en servidor y confianza fundacional.</span></div>
+        <div class="pcw_entry"><span class="pcw_stars">(*</span><span class="pcw_name">Sean Brannigan</span><span class="pcw_stars">*)</span><span class="pcw_desc">Gran ayuda con las compras desde Reino Unido.</span></div>
+        <div class="pcw_entry"><span class="pcw_stars">(*</span><span class="pcw_name">Sean Riddle</span><span class="pcw_stars">*)</span><span class="pcw_desc">Increíble labor de 'decapado' de chips.</span></div>
+        <div class="pcw_entry"><span class="pcw_stars">(*</span><span class="pcw_name">Gryzor (Themistocles)</span><span class="pcw_stars">*)</span><span class="pcw_desc">Apoyo y donación masiva de software.</span></div>
+        <div class="pcw_entry"><span class="pcw_stars">(*</span><span class="pcw_name">Greatwolf1283</span><span class="pcw_stars">*)</span><span class="pcw_desc">Donación de software dBase II original.</span></div>
+        <div class="pcw_entry"><span class="pcw_stars">(*</span><span class="pcw_name">Tony Jewell</span><span class="pcw_stars">*)</span><span class="pcw_desc">Compras internacionales y logística UK.</span></div>
+        <div class="pcw_entry"><span class="pcw_stars">(*</span><span class="pcw_name">David (P5ychoFox)</span><span class="pcw_stars">*)</span><span class="pcw_desc">Arnhem y carátulas originales.</span></div>
+        <div class="pcw_entry"><span class="pcw_stars">(*</span><span class="pcw_name">Mike Thomas</span><span class="pcw_stars">*)</span><span class="pcw_desc">Gestión y envíos desde Reino Unido.</span></div>
+        <div class="pcw_entry"><span class="pcw_stars">(*</span><span class="pcw_name">UnCePeCero</span><span class="pcw_stars">*)</span><span class="pcw_desc">Donación de los juegos Iris Show y Demoler.</span></div>
+        <div class="pcw_entry"><span class="pcw_stars">(*</span><span class="pcw_name">ComSoft6128</span><span class="pcw_stars">*)</span><span class="pcw_desc">Donación de revistas PCW Today 3 y 4.</span></div>
+        <div class="pcw_entry"><span class="pcw_stars">(*</span><span class="pcw_name">Jose Antonio Guirao Fernández</span><span class="pcw_stars">*)</span><span class="pcw_desc">Donación masiva de 165 discos PCW.</span></div>
+    </div>
+    <div style="color: #fff; font-size: 9em; font-weight: 900; margin-top: 500px; padding-bottom: 50px;">FIN</div>
   </div>
 </div>
 <script>
-const donors = [
+let posY = 600, engineOn = false, firstRun = true;
-    ["Litos", "Alojamiento en servidor y confianza fundacional."],
-    ["Sean Brannigan", "Gran ayuda con las compras desde UK."],
-    ["Sean Riddle", "Increíble labor de 'decapado' de chips."],
-    ["Gryzor (Themistocles)", "Apoyo y donación masiva de software."],
-    ["Greatwolf1283", "Donación de software dBase II original."],
-    ["Tony Jewell", "Compras internacionales y logística UK."],
-    ["David (P5ychoFox)", "Arnhem y carátulas originales."],
-    ["Mike Thomas", "Gestión y logística en Reino Unido."],
-    ["UnCePeCero", "Donación de los juegos Iris Show y Demoler."],
-    ["ComSoft6128", "Donación de revistas PCW Today 3 y 4."],
-    ["Jose Antonio Guirao Fernández", "Donación masiva de 165 discos PCW."]
-];
-let a = null, g = null, loop = null, posY = 600, active = false, engineOn = false;
+function start() {
+    const leader = document.getElementById('pcw_leader');
-const box = document.getElementById('pcw_list');
+    const canvas = document.getElementById('pcw_canvas');
-donors.forEach(d => {
+    const num = document.getElementById('pcw_num');
-    box.innerHTML += `<div class="pcw_entry"><span class="pcw_stars">(*</span><span class="pcw_name">${d[0]}</span><span class="pcw_stars">*)</span><span class="pcw_desc">${d[1]}</span></div>`;
-});
-function pcw_activate() {
-    document.getElementById('audio_msg').style.display = 'none';
-    if (!a) {
-        a = new (window.AudioContext || window.webkitAudioContext)();
-    }
-    active = true; a.resume();
-}
-function pPop() {
-    if (!a || a.state !== 'running') return;
-    let o = a.createOscillator(), v = a.createGain();
-    o.type = 'triangle'; o.frequency.value = 160;
-    v.gain.setValueAtTime(0.3, a.currentTime); v.gain.linearRampToValueAtTime(0, a.currentTime + 0.1);
-    o.connect(v); v.connect(a.destination); o.start(); o.stop(a.currentTime + 0.1);
-}
-function bMusic() {
-    if (!engineOn || !active) return;
-    const nt = [{f:146,d:150},{f:155,d:150},{f:164,d:150},{f:155,d:150},{f:293,d:300},{f:261,d:150},{f:233,d:300},{f:220,d:300}];
-    let i = 0;
-    // El cable de audio se conecta AQUÍ
+    engineOn = false;
-    g = a.createGain(); g.connect(a.destination);
+    posY = 600;
-    g.gain.setValueAtTime(0.08, a.currentTime);
-    function step() {
+    if (firstRun) {
-        if (!engineOn || !active || !g) return;
+        canvas.style.display = 'none';
-        let o = a.createOscillator(), v = a.createGain();
+        leader.style.display = 'flex';
-        o.type='square'; o.frequency.value = nt[i].f;
+        let c = 3; num.innerText = c;
-        v.gain.setValueAtTime(1, a.currentTime); v.gain.exponentialRampToValueAtTime(0.001, a.currentTime + nt[i].d/1000);
+        let timer = setInterval(() => {
-        o.connect(v); v.connect(g); o.start(); o.stop(a.currentTime + nt[i].d/1000);
+            c--;
-        i = (i + 1) % nt.length;
+            if (c > 0) num.innerText = c;
-        loop = setTimeout(step, nt[i===0?nt.length-1:i-1].d + 20);
+            else {
+                clearInterval(timer);
+                leader.style.display = 'none';
+                canvas.style.display = 'block';
+                engineOn = true;
+                firstRun = false;
+                tick();
+            }
+        }, 1000);
+    } else {
+        leader.style.display = 'none';
+        canvas.style.display = 'block';
+        engineOn = true;
+        tick();
     }
-    step();
-}
-function start() {
-    const leader = document.getElementById('pcw_leader'), canvas = document.getElementById('pcw_canvas'), num = document.getElementById('pcw_num');
-    engineOn = false; posY = 600;
-    canvas.style.display = 'none'; leader.style.display = 'flex';
-    let c = 3; num.innerText = c;
-    let timer = setInterval(() => {
-        c--; if (active) pPop();
-        if (c > 0) num.innerText = c;
-        else {
-            clearInterval(timer);
-            leader.style.display = 'none'; canvas.style.display = 'block';
-            engineOn = true;
-            if (active) bMusic();
-            tick();
-        }
-    }, 1000);
 }
 function tick() {
     if (!engineOn) return;
-    posY -= 0.8; // VELOCIDAD REDUCIDA (Lectura cómoda)
+    posY -= 0.55; // VELOCIDAD ULTRA LENTA DE LECTURA
-    document.getElementById('pcw_canvas').style.top = posY + 'px';
+    const canvas = document.getElementById('pcw_canvas');
+    canvas.style.top = posY + 'px';
-    // PUNTO DE CORTE FÍSICO (Cuando el FIN desaparece)
+    if (Math.abs(posY) > (canvas.offsetHeight)) {
-    if (posY < -5400) {
         engineOn = false;
-        clearTimeout(loop);
+        start();
-        if (g) {
-            g.disconnect(); // ARRANQUE DE CABLES
-            g = null;
-        }
-        setTimeout(start, 2000); // REINICIO TRAS 2 SEGUNDOS
     } else {
         requestAnimationFrame(tick);
@@ Línea 161: / Línea 143: @@
 </script>
 </html>