Diferencias

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

--- otros:agradecimientos [2026/05/06 17:02] – jesus
+++ otros:agradecimientos [2026/05/06 17:28] (actual) – jesus
@@ Línea 2: / Línea 2: @@
 <html>
 <style>
-  #pcw_theater_v21 {
+  #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 SMPTE --- */
+  /* --- LÍDER DE CINE TÉCNICO (VINTAGE) --- */
-  #pcw_leader_layer {
+  #pcw_leader {
     position: absolute; inset: 0; background: #1a1a1a; z-index: 200;
     display: flex; flex-direction: column; align-items: center; justify-content: center;
   }
-  .pcw_brand_title { color: #0f0; font-size: 3.2em; font-weight: 900; letter-spacing: 5px; text-shadow: 0 0 10px #0f0; }
+  .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_smpte_disc {
+  .pcw_academy_frame {
-    width: 320px; height: 320px; border-radius: 50%; border: 8px solid #fff;
+    width: 340px; height: 340px; border-radius: 50%; border: 6px solid #fff;
     position: relative; display: flex; align-items: center; justify-content: center;
-    background: #fff; overflow: hidden; margin: 20px 0;
+    background: #000; overflow: hidden; box-shadow: 0 0 30px rgba(255,255,255,0.1);
   }
-  .pcw_shutter_hand {
+  /* 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.9) 0deg, rgba(0,0,0,0.9) 358deg, transparent 360deg);
+    background: conic-gradient(rgba(255,255,255,0.3) 0deg, transparent 90deg);
-    animation: pcw_spin 1s linear infinite; z-index: 205;
+    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_target_v { position: absolute; width: 2px; height: 100%; background: #000; left: 50%; z-index: 206; opacity: 0.7; }
-  .pcw_target_h { position: absolute; height: 2px; width: 100%; background: #000; top: 50%; z-index: 206; opacity: 0.7; }
-  #pcw_countdown_num { color: #000; font-size: 160px; font-weight: 900; z-index: 210; font-family: 'Arial Black', sans-serif; position: relative; }
+  #pcw_num { color: #fff; font-size: 160px; font-weight: 900; z-index: 210; font-family: Arial, sans-serif; }
-  /* --- SCROLL DE HONOR --- */
+  /* --- MOTOR DE SCROLL --- */
-  #pcw_scroll_box {
+  #pcw_canvas {
     position: absolute; width: 100%; text-align: center;
-    top: 100%; display: none; background: #000b00; z-index: 100;
+    top: 600px; display: none; z-index: 100;
   }
-  .pcw_run_scroll { display: block !important; animation: pcw_move_up 52s linear forwards; }
+  .pcw_entry { margin-bottom: 95px; display: block; }
-  @keyframes pcw_move_up { 0% { transform: translateY(0); } 100% { transform: translateY(-5750px); } }
+  .pcw_stars { color: #ff8c00; font-size: 1.8em; font-weight: bold; padding: 0 10px; }
+  .pcw_name { color: #fff !important; font-size: 2.2em; font-weight: 900; text-transform: uppercase; }
-  .pcw_entry { margin-bottom: 90px; display: block; }
+  .pcw_desc { color: #0f0; font-size: 1.2em; display: block; margin: 15px auto; font-style: italic; max-width: 80%; line-height: 1.5; }
-  .pcw_orange { color: #ff8c00; font-size: 1.8em; font-weight: bold; padding: 0 10px; }
-  .pcw_name_text { color: #fff !important; font-size: 2.2em; font-weight: 900; text-transform: uppercase; }
-  .pcw_desc_text { color: #0f0; font-size: 1.2em; display: block; margin-top: 15px; font-style: italic; max-width: 80%; margin-inline: auto; line-height: 1.5; }
-  .pcw_fin_tag { color: #fff !important; font-size: 9em; font-weight: 900; margin-top: 500px; padding-bottom: 100px; }
-  #audio_alert { position: absolute; top: 10px; right: 10px; z-index: 500; background: #0f0; color: #000; padding: 4px 8px; font-size: 10px; font-weight: bold; border-radius: 2px; }
 </style>
-<div id="pcw_theater_v21" onclick="pcw_init_user()">
+<div id="pcw_theater_system">
-  <div id="audio_alert">🔈 CLICK PARA AUDIO</div>
+  <!-- LÍDER ACADEMY -->
+  <div id="pcw_leader">
-  <div id="pcw_leader_layer">
+    <div class="pcw_brand_main">PCWWiki</div>
-    <div class="pcw_brand_title">PCWWiki</div>
+    <div class="pcw_academy_frame">
-    <div class="pcw_smpte_disc">
+        <div class="pcw_ring_outer"></div>
-      <div class="pcw_shutter_hand"></div>
+        <div class="pcw_ring_inner"></div>
-      <div class="pcw_target_v"></div><div class="pcw_target_h"></div>
+        <div class="pcw_axis_v"></div>
-      <div id="pcw_countdown_num">3</div>
+        <div class="pcw_axis_h"></div>
+        <div class="pcw_clock_hand"></div>
+        <div id="pcw_num">3</div>
     </div>
-    <div class="pcw_brand_title" style="font-size: 1.8em;">PRESENTA</div>
+    <div class="pcw_brand_main" style="font-size: 1.8em; margin-top: 20px; letter-spacing: 12px;">PRESENTA</div>
   </div>
-  <div id="pcw_scroll_box" onanimationend="pcw_total_purge()">
+  <!-- CONTENIDO SCROLL -->
-    <div style="margin-bottom: 450px; padding-top: 120px;">
+  <div id="pcw_canvas">
-      <h1 style="color: #ff8c00; font-size: 3em; letter-spacing: 10px;">CUADRO DE HONOR</h1>
+    <div style="height: 500px; padding-top: 120px;">
-      <p style="color: #00ff00; font-style: italic; margin: 25px 0; font-size: 1.3em;">"PCW Wiki agradece por su colaboración a:"</p>
+        <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;">"PCW Wiki quiere agradecer por su colaboración a:"</p>
+    </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>
-    <!-- LISTADO COMPLETO -->
+    <div style="color: #fff; font-size: 9em; font-weight: 900; margin-top: 500px; padding-bottom: 50px;">FIN</div>
-    <div class="pcw_entry"><span class="pcw_orange">(*</span><span class="pcw_name_text">Litos</span><span class="pcw_orange">*)</span><span class="pcw_desc_text">Alojamiento en servidor y confianza fundacional.</span></div>
-    <div class="pcw_entry"><span class="pcw_orange">(*</span><span class="pcw_name_text">Sean Brannigan</span><span class="pcw_orange">*)</span><span class="pcw_desc_text">Gran ayuda con las compras desde UK.</span></div>
-    <div class="pcw_entry"><span class="pcw_orange">(*</span><span class="pcw_name_text">Sean Riddle</span><span class="pcw_orange">*)</span><span class="pcw_desc_text">Increíble labor de 'decapado' de chips.</span></div>
-    <div class="pcw_entry"><span class="pcw_orange">(*</span><span class="pcw_name_text">Themistocles (Gryzor)</span><span class="pcw_orange">*)</span><span class="pcw_desc_text">Apoyo y donación masiva de software.</span></div>
-    <div class="pcw_entry"><span class="pcw_orange">(*</span><span class="pcw_name_text">Greatwolf1283</span><span class="pcw_orange">*)</span><span class="pcw_desc_text">Donación de software dBase II original.</span></div>
-    <div class="pcw_entry"><span class="pcw_orange">(*</span><span class="pcw_name_text">Tony Jewell</span><span class="pcw_orange">*)</span><span class="pcw_desc_text">Compras internacionales y logística UK.</span></div>
-    <div class="pcw_entry"><span class="pcw_orange">(*</span><span class="pcw_name_text">David (P5ychoFox)</span><span class="pcw_orange">*)</span><span class="pcw_desc_text">Suministro del juego Arnhem y carátulas.</span></div>
-    <div class="pcw_entry"><span class="pcw_orange">(*</span><span class="pcw_name_text">Mike Thomas</span><span class="pcw_orange">*)</span><span class="pcw_desc_text">Gran ayuda con las compras desde Reino Unido.</span></div>
-    <div class="pcw_entry"><span class="pcw_orange">(*</span><span class="pcw_name_text">UnCePeCero</span><span class="pcw_orange">*)</span><span class="pcw_desc_text">Donación de los juegos Iris Show y Demoler.</span></div>
-    <div class="pcw_entry"><span class="pcw_orange">(*</span><span class="pcw_name_text">ComSoft6128</span><span class="pcw_orange">*)</span><span class="pcw_desc_text">Donación de revistas PCW Today 3 y 4.</span></div>
-    <div class="pcw_entry"><span class="pcw_orange">(*</span><span class="pcw_name_text">Jose Antonio Guirao Fernández</span><span class="pcw_orange">*)</span><span class="pcw_desc_text">Donación de 165 discos con material PCW.</span></div>
-    <div class="pcw_fin_tag">FIN</div>
   </div>
 </div>
 <script>
-let a = null, g = null, loopId = null, isUser = false;
+let posY = 600, engineOn = false, firstRun = true;
-function pcw_init_user() {
+function start() {
-  document.getElementById('audio_alert').style.display = 'none';
+    const leader = document.getElementById('pcw_leader');
-  if (!isUser) { isUser = true; pcw_start_system(); }
+    const canvas = document.getElementById('pcw_canvas');
-}
+    const num = document.getElementById('pcw_num');
+    engineOn = false;
+    posY = 600;
-function pcw_total_purge() {
+    if (firstRun) {
-  // 1. DETENER HILO DE BATMAN
+        canvas.style.display = 'none';
-  clearTimeout(loopId);
+        leader.style.display = 'flex';
-  loopId = null;
+        let c = 3; num.innerText = c;
-  // 2. DESTRUIR MOTOR DE AUDIO
+        let timer = setInterval(() => {
-  if (a) {
+            c--;
-    a.close().then(() => {
+            if (c > 0) num.innerText = c;
-      a = null; g = null;
+            else {
-      // 3. PAUSA DE SEGURIDAD (3 seg) PARA LIMPIEZA DE BÚFER
+                clearInterval(timer);
-      setTimeout(pcw_start_system, 3000);
+                leader.style.display = 'none';
-    });
+                canvas.style.display = 'block';
-  } else {
+                engineOn = true;
-    setTimeout(pcw_start_system, 3000);
+                firstRun = false;
-  }
+                tick();
+            }
+        }, 1000);
+    } else {
+        leader.style.display = 'none';
+        canvas.style.display = 'block';
+        engineOn = true;
+        tick();
+    }
 }
-function playNote(f, d) {
+function tick() {
-  if (!a || a.state !== 'running') return;
+    if (!engineOn) return;
-  const o = a.createOscillator(), gn = a.createGain();
+    posY -= 0.55; // VELOCIDAD ULTRA LENTA DE LECTURA
-  o.type = 'square'; o.frequency.setValueAtTime(f, a.currentTime);
+    const canvas = document.getElementById('pcw_canvas');
-  gn.gain.setValueAtTime(0.06, a.currentTime);
+    canvas.style.top = posY + 'px';
-  gn.gain.exponentialRampToValueAtTime(0.001, a.currentTime + d/1000);
-  o.connect(gn); gn.connect(g);
+    if (Math.abs(posY) > (canvas.offsetHeight)) {
-  o.start(); o.stop(a.currentTime + d/1000);
+        engineOn = false;
-}
+        start();
+    } else {
-function batman_loop() {
+        requestAnimationFrame(tick);
-  if (!isUser || !a) return;
-  const m = [{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;
-  function step() {
-    if (!a || a.state !== 'running') return;
-    playNote(m[i].f, m[i].d);
-    i = (i + 1) % m.length;
-    loopId = setTimeout(step, m[i===0?m.length-1:i-1].d + 20);
-  }
-  step();
-}
-function pcw_start_system() {
-  const w = document.getElementById('pcw_leader_layer'), s = document.getElementById('pcw_scroll_box'), n = document.getElementById('pcw_countdown_num');
-  w.style.display = 'flex'; s.classList.remove('pcw_run_scroll'); s.style.display = 'none';
-  let count = 3; n.innerText = count;
-  if (isUser) {
-    a = new (window.AudioContext || window.webkitAudioContext)();
-    g = a.createGain(); g.connect(a.destination);
-  }
-  const timer = setInterval(() => {
-    count--;
-    if (a && a.state === 'running') {
-      let o = a.createOscillator(), gn = a.createGain();
-      o.type = 'triangle'; o.frequency.value = 150;
-      gn.gain.setValueAtTime(0.2, a.currentTime); gn.gain.linearRampToValueAtTime(0, a.currentTime + 0.1);
-      o.connect(gn); gn.connect(a.destination); o.start(); o.stop(a.currentTime + 0.1);
-    }
-    if (count > 0) { n.innerText = count; }
-    else {
-      clearInterval(timer); w.style.display = 'none'; s.style.display = 'block';
-      setTimeout(() => {
-        s.classList.add('pcw_run_scroll');
-        if (a) batman_loop();
-      }, 50);
     }
-  }, 1000);
 }
-window.onload = pcw_start_system;
+window.onload = start;
 </script>
 </html>