Diferencias

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

--- otros:agradecimientos [2026/05/06 17:01] – jesus
+++ otros:agradecimientos [2026/05/06 17:28] (actual) – jesus
@@ Línea 2: / Línea 2: @@
 <html>
 <style>
-  #pcw_theater_v19 {
+  #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 PROFESIONAL --- */
+  /* --- 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);
   }
-  /* Barrido mecánico de precisión */
+  /* Anillos concéntricos técnicos */
-  .pcw_shutter_hand {
+  .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); } }
-  /* Cruceta técnica y anillos */
+  #pcw_num { color: #fff; font-size: 160px; font-weight: 900; z-index: 210; font-family: Arial, sans-serif; }
-  .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_ring_v { position: absolute; width: 260px; height: 260px; border: 1px solid #000; border-radius: 50%; z-index: 206; opacity: 0.3; }
-  #pcw_countdown_num { color: #000; font-size: 160px; font-weight: 900; z-index: 210; font-family: 'Arial Black', sans-serif; position: relative; }
+  /* --- MOTOR DE SCROLL --- */
+  #pcw_canvas {
-  /* --- SCROLL DE HONOR --- */
-  #pcw_scroll_box {
     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 50s 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_v19" onclick="pcw_master_ignite()">
+<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_ring_v"></div>
+        <div class="pcw_axis_v"></div>
-      <div class="pcw_target_v"></div><div class="pcw_target_h"></div>
+        <div class="pcw_axis_h"></div>
-      <div id="pcw_countdown_num">3</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_emergency_clean()">
+  <!-- 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 quiere agradecer 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 -->
+    <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">Por creer en nosotros y darnos alojamiento en su servidor.</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">Por su 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">Por su increíble labor de 'decapado' de chips.</span></div>
-    <div class="pcw_entry"><span class="pcw_orange">(*</span><span class="pcw_name_text">Gryzor (Themistocles)</span><span class="pcw_orange">*)</span><span class="pcw_desc_text">Por su 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">Por su gran ayuda con las compras desde 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 sus 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_stars">(*</span><span class="pcw_name_text">UnCePeCero</span><span class="pcw_stars">*)</span><span class="pcw_desc_text">Donación de Iris Show y Demoler.</span></div>
-    <div class="pcw_entry"><span class="pcw_stars">(*</span><span class="pcw_name_text">ComSoft6128</span><span class="pcw_stars">*)</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 histórica de 165 discos con material PCW.</span></div>
-    <div class="pcw_fin_tag">FIN</div>
   </div>
 </div>
 <script>
-let pcwA = null, pcwLoop = null, audioReady = false;
+let posY = 600, engineOn = false, firstRun = true;
-function pcw_master_ignite() {
+function start() {
-  document.getElementById('audio_alert').style.display = 'none';
+    const leader = document.getElementById('pcw_leader');
-  audioReady = true;
+    const canvas = document.getElementById('pcw_canvas');
-  if (!pcwA) pcw_start_engine();
+    const num = document.getElementById('pcw_num');
-}
+    engineOn = false;
+    posY = 600;
-function pPop() {
+    if (firstRun) {
-  if (!pcwA || pcwA.state !== 'running') return;
+        canvas.style.display = 'none';
-  let o = pcwA.createOscillator(), g = pcwA.createGain();
+        leader.style.display = 'flex';
-  o.type = 'triangle'; o.frequency.setValueAtTime(150, pcwA.currentTime);
+        let c = 3; num.innerText = c;
-  g.gain.setValueAtTime(0.3, pcwA.currentTime); g.gain.linearRampToValueAtTime(0, pcwA.currentTime + 0.1);
+        let timer = setInterval(() => {
-  o.connect(g); g.connect(pcwA.destination); o.start(); o.stop(pcwA.currentTime + 0.1);
+            c--;
+            if (c > 0) num.innerText = c;
+            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();
+    }
 }
-function bMusic() {
+function tick() {
-  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}];
+    if (!engineOn) return;
-  let i = 0;
+    posY -= 0.55; // VELOCIDAD ULTRA LENTA DE LECTURA
-  function p() {
+    const canvas = document.getElementById('pcw_canvas');
-    if (!pcwA || pcwA.state !== 'running') return;
+    canvas.style.top = posY + 'px';
-    let o = pcwA.createOscillator(), g = pcwA.createGain();
-    o.type='square'; o.frequency.setValueAtTime(nt[i].f, pcwA.currentTime);
+    if (Math.abs(posY) > (canvas.offsetHeight)) {
-    g.gain.setValueAtTime(0.06, pcwA.currentTime); g.gain.exponentialRampToValueAtTime(0.001, pcwA.currentTime+nt[i].d/1000);
+        engineOn = false;
-    o.connect(g); g.connect(pcwA.destination); o.start(); o.stop(pcwA.currentTime+nt[i].d/1000);
+        start();
-    i = (i + 1) % nt.length;
+    } else {
-    pcwLoop = setTimeout(p, nt[i===0?nt.length-1:i-1].d + 20);
+        requestAnimationFrame(tick);
-  }
+    }
-  p();
 }
-function pcw_emergency_clean() {
+window.onload = start;
-  // MATAR TODO ANTES DE REINICIAR
-  clearTimeout(pcwLoop);
-  pcwLoop = null;
-  if (pcwA) {
-    pcwA.close().then(() => {
-      pcwA = null;
-      setTimeout(pcw_start_engine, 1500);
-    });
-  } else { setTimeout(pcw_start_engine, 1500); }
-}
-function pcw_start_engine() {
-  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 c = 3; n.innerText = c;
-  if (audioReady) pcwA = new (window.AudioContext || window.webkitAudioContext)();
-  const timer = setInterval(() => {
-    c--; if (pcwA) pPop();
-    if (c > 0) { n.innerText = c; }
-    else {
-      clearInterval(timer); w.style.display = 'none'; s.style.display = 'block';
-      setTimeout(() => {
-        s.classList.add('pcw_run_scroll');
-        if (pcwA) bMusic();
-      }, 50);
-    }
-  }, 1000);
-}
-window.onload = pcw_start_engine;
 </script>
 </html>