Diferencias

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

--- otros:agradecimientos [2026/05/06 17:26] – jesus
+++ otros:agradecimientos [2026/05/06 17:28] (actual) – jesus
@@ Línea 8: / Línea 8: @@
   }
-  /* --- LÍDER ACADEMY VINTAGE --- */
+  /* --- 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_brand_main { color: #0f0; font-size: 3.2em; font-weight: 900; letter-spacing: 5px; text-shadow: 0 0 12px #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_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);
   }
+  /* 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(255,255,255,0.3) 0deg, transparent 90deg);
-    border-radius: 50%; 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(0deg); } to { transform: rotate(360deg); } }
+  @keyframes pcw_clock_spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
-  #pcw_num { color: #fff; font-size: 160px; font-weight: 900; z-index: 210; font-family: Arial; }
+  #pcw_num { color: #fff; font-size: 160px; font-weight: 900; z-index: 210; font-family: Arial, sans-serif; }
-  /* --- MOTOR DE SCROLL ULTRA-LENTO --- */
+  /* --- MOTOR DE SCROLL --- */
   #pcw_canvas {
     position: absolute; width: 100%; text-align: center;
@@ Línea 42: / Línea 52: @@
 <div id="pcw_theater_system">
+  <!-- LÍDER ACADEMY -->
   <div id="pcw_leader">
     <div class="pcw_brand_main">PCWWiki</div>
     <div class="pcw_academy_frame">
-        <div class="pcw_axis_v"></div><div class="pcw_axis_h"></div>
+        <div class="pcw_ring_outer"></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>
@@ Línea 52: / Línea 66: @@
   </div>
+  <!-- CONTENIDO SCROLL -->
   <div id="pcw_canvas">
     <div style="height: 500px; padding-top: 120px;">
@@ Línea 57: / Línea 72: @@
         <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>
@@ Línea 70: / Línea 86: @@
         <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>
@@ Línea 75: / Línea 92: @@
 <script>
-let posY = 600, engineOn = false, firstRun = true, aCtx = null;
+let posY = 600, engineOn = false, firstRun = true;
-function beep(freq, duration) {
-    if (!aCtx || aCtx.state !== 'running') return;
-    const o = aCtx.createOscillator(), g = aCtx.createGain();
-    o.type = "square"; o.frequency.value = freq;
-    g.gain.setValueAtTime(0.1, aCtx.currentTime);
-    g.gain.exponentialRampToValueAtTime(0.01, aCtx.currentTime + duration/1000);
-    o.connect(g); g.connect(aCtx.destination);
-    o.start(); o.stop(aCtx.currentTime + duration/1000);
-}
-function initAudio() {
-    if (!aCtx) {
-        aCtx = new (window.AudioContext || window.webkitAudioContext)();
-    }
-    if (aCtx.state === 'suspended') aCtx.resume();
-}
 function start() {
@@ Línea 98: / Línea 98: @@
     const canvas = document.getElementById('pcw_canvas');
     const num = document.getElementById('pcw_num');
-    engineOn = false; posY = 600;
+    engineOn = false;
+    posY = 600;
     if (firstRun) {
-        canvas.style.display = 'none'; leader.style.display = 'flex';
+        canvas.style.display = 'none';
+        leader.style.display = 'flex';
         let c = 3; num.innerText = c;
-        beep(880, 150);
         let timer = setInterval(() => {
             c--;
-            if (c > 0) { num.innerText = c; beep(880, 150); }
+            if (c > 0) num.innerText = c;
             else {
-                clearInterval(timer); beep(1760, 300);
+                clearInterval(timer);
-                leader.style.display = 'none'; canvas.style.display = 'block';
+                leader.style.display = 'none';
-                engineOn = true; firstRun = false; tick();
+                canvas.style.display = 'block';
+                engineOn = true;
+                firstRun = false;
+                tick();
             }
         }, 1000);
     } else {
-        leader.style.display = 'none'; canvas.style.display = 'block';
+        leader.style.display = 'none';
-        engineOn = true; tick();
+        canvas.style.display = 'block';
+        engineOn = true;
+        tick();
     }
 }
@@ Línea 121: / Línea 128: @@
 function tick() {
     if (!engineOn) return;
-    posY -= 0.55;
+    posY -= 0.55; // VELOCIDAD ULTRA LENTA DE LECTURA
     const canvas = document.getElementById('pcw_canvas');
     canvas.style.top = posY + 'px';
-    if (Math.abs(posY) > (canvas.offsetHeight)) { engineOn = false; start(); }
-    else { requestAnimationFrame(tick); }
+    if (Math.abs(posY) > (canvas.offsetHeight)) {
+        engineOn = false;
+        start();
+    } else {
+        requestAnimationFrame(tick);
+    }
 }
-// ARRANQUE AUTOMÁTICO VISUAL
 window.onload = start;
-// CAPTURADOR DE INTERACCIÓN PASIVA PARA DESBLOQUEAR AUDIO
-['mousemove', 'scroll', 'touchstart', 'mousedown'].forEach(ev => {
-    window.addEventListener(ev, initAudio, {once: true});
-});
 </script>
 </html>