Herramientas de usuario

Herramientas del sitio

Traza: • kempston_mouse • schneider • informacion_tecnica • digital_research • companies • no_preservados
otros:agradecimientos

Diferencias

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

Enlace a la vista de comparación

Ambos lados, revisión anteriorRevisión previa
Próxima revisión		Revisión previa
otros:agradecimientos [2026/05/06 17:06] – jesusotros:agradecimientos [2026/05/06 17:28] (actual) – jesus
Línea 2: Línea 2:
 <html> <html>
 <style> <style>
-  #pcw_theater_core {+  #pcw_theater_system {
     background-color: #000 !important; font-family: 'Courier New', monospace !important;     background-color: #000 !important; font-family: 'Courier New', monospace !important;
     height: 600px; width: 100%; overflow: hidden; position: relative;     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 {   #pcw_leader {
     position: absolute; inset: 0; background: #1a1a1a; z-index: 200;     position: absolute; inset: 0; background: #1a1a1a; z-index: 200;
     display: flex; flex-direction: column; align-items: center; justify-content: center;     display: flex; flex-direction: column; align-items: center; justify-content: center;
   }   }
-  .pcw_disc { +   
-    width: 300px; height: 300px; 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;     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%;     position: absolute; width: 100%; height: 100%;
-    background: conic-gradient(rgba(0,0,0,0.9) 0deg, rgba(0,0,0,0.9) 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: 150px; font-weight: 900; z-index: 10; position: relative; font-family: Arial; }+
  
-  /* SCROLL CONTROLADO POR MOTOR JS */+  #pcw_num { color: #fff; font-size: 160px; font-weight: 900; z-index: 210; font-family: Arial, sans-serif; } 
 + 
 +  /* --- MOTOR DE SCROLL --- */
   #pcw_canvas {   #pcw_canvas {
     position: absolute; width: 100%; text-align: center;     position: absolute; width: 100%; text-align: center;
     top: 600px; display: none; z-index: 100;     top: 600px; display: none; z-index: 100;
   }   }
-  .pcw_entry { margin-bottom: 80px; display: block; }+  .pcw_entry { margin-bottom: 95px; display: block; }
   .pcw_stars { color: #ff8c00; font-size: 1.8em; font-weight: bold; padding: 0 10px; }   .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_name { color: #fff !important; font-size: 2.2em; font-weight: 900; text-transform: uppercase; }
-  .pcw_desc { color: #0f0; font-size: 1.1em; display: block; margin: 10px auto; font-style: italic; max-width: 80%; } +  .pcw_desc { color: #0f0; font-size: 1.2em; display: block; margin: 15px auto; font-style: italic; max-width: 80%; line-height: 1.5; }
-  #audio_btn { position: absolute; top: 10px; right: 10px; z-index: 500; background: #0f0; color: #000; padding: 5px; font-size: 10px; font-weight: bold; }+
 </style> </style>
  
-<div id="pcw_theater_core" onclick="pcw_ignite()"> +<div id="pcw_theater_system"> 
-  <div id="audio_btn">🔈 CLICK PARA AUDIO</div>+  <!-- LÍDER ACADEMY -->
   <div id="pcw_leader">   <div id="pcw_leader">
-    <div style="color:#0f0; font-size:3em; font-weight:900; margin-bottom:10px;">PCWWiki</div> +    <div class="pcw_brand_main">PCWWiki</div> 
-    <div class="pcw_disc"><div class="pcw_wipe"></div><div id="pcw_num">3</div></div> +    <div class="pcw_academy_frame"> 
-    <div style="color:#0f0; font-size:1.8em; margin-top:10px;">PRESENTA</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> 
 +    </div> 
 +    <div class="pcw_brand_main" style="font-size: 1.8em; margin-top: 20px; letter-spacing: 12px;">PRESENTA</div>
   </div>   </div>
  
 +  <!-- CONTENIDO SCROLL -->
   <div id="pcw_canvas">   <div id="pcw_canvas">
-    <div style="height: 400px; padding-top: 100px;"> +    <div style="height: 500px; padding-top: 120px;"> 
-        <h1 style="color: #ff8c00; font-size: 2.8em;">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-bottom: 100px;">"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>
-    <div id="pcw_list"></div> +     
-    <div id="pcw_fin" style="color: #fff; font-size: 8em; font-weight: 900; margin-top: 400px; 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>
 </div> </div>
  
 <script> <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", "Donación masiva de software (Themistocles)."], +
-    ["Greatwolf1283", "Donación de software dBase II original."], +
-    ["Tony Jewell", "Compras internacionales desde UK."], +
-    ["David (P5ychoFox)", "Arnhem y carátulas originales."], +
-    ["Mike Thomas", "Gestión y logística en Reino Unido."], +
-    ["UnCePeCero", "Donación de 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 aCtx = null, mGain = null, hohT = null, scrollPos = 600; +function start() {
-let isAudio = false, isRunning = false; +
- +
-// Cargar lista +
-const listDiv = document.getElementById('pcw_list'); +
-donors.forEach(d => { +
-    listDiv.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_ignite() { +
-    document.getElementById('audio_btn').style.display = 'none'; +
-    if (!aCtx) { +
-        aCtx = new (window.AudioContext || window.webkitAudioContext)(); +
-        mGain = aCtx.createGain(); mGain.connect(aCtx.destination); +
-    } +
-    isAudio = true; aCtx.resume(); +
-} +
- +
-function pPop() { +
-    if (!aCtx || aCtx.state !== 'running') return; +
-    let o = aCtx.createOscillator(), g = aCtx.createGain(); +
-    o.type = 'triangle'; o.frequency.value = 150; +
-    g.gain.setValueAtTime(0.2, aCtx.currentTime); g.gain.linearRampToValueAtTime(0, aCtx.currentTime + 0.1); +
-    o.connect(g); g.connect(aCtx.destination); o.start(); o.stop(aCtx.currentTime + 0.1); +
-} +
- +
-function playBatman() { +
-    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; +
-    function loop() { +
-        if (!isRunning || !aCtx) return; +
-        let o = aCtx.createOscillator(), g = aCtx.createGain(); +
-        o.type='square'; o.frequency.value = nt[i].f; +
-        g.gain.setValueAtTime(0.06, aCtx.currentTime); g.gain.exponentialRampToValueAtTime(0.001, aCtx.currentTime + nt[i].d/1000); +
-        o.connect(g); g.connect(mGain); o.start(); o.stop(aCtx.currentTime + nt[i].d/1000); +
-        i = (i + 1) % nt.length; +
-        hohT = setTimeout(loop, nt[i===0?nt.length-1:i-1].d + 20); +
-    } +
-    loop(); +
-} +
- +
-function run_engine() {+
     const leader = document.getElementById('pcw_leader');     const leader = document.getElementById('pcw_leader');
     const canvas = document.getElementById('pcw_canvas');     const canvas = document.getElementById('pcw_canvas');
     const num = document.getElementById('pcw_num');     const num = document.getElementById('pcw_num');
          
-    isRunning = false; +    engineOn = false; 
-    scrollPos = 600; +    posY = 600; 
-    canvas.style.display = 'none'; + 
-    canvas.style.top = '600px'; +    if (firstRun) { 
-    leader.style.display = 'flex'; +        canvas.style.display = 'none'; 
-     +        leader.style.display = 'flex'; 
-    let c = 3; num.innerText = c; +        let c = 3; num.innerText = c; 
-    let timer = setInterval(() => { +        let timer = setInterval(() => { 
-        c--; if (isAudio) pPop(); +            c--; 
-        if (c > 0) num.innerText = c; +            if (c > 0) num.innerText = c; 
-        else { +            else { 
-            clearInterval(timer); +                clearInterval(timer); 
-            leader.style.display = 'none'; +                leader.style.display = 'none'; 
-            canvas.style.display = 'block'; +                canvas.style.display = 'block'; 
-            isRunning = true; +                engineOn = true; 
-            if (isAudio) { mGain.gain.value = 1; playBatman(); } +                firstRun = false; 
-            animate_scroll(); +                tick(); 
-        } +            } 
-    }, 1000);+        }, 1000); 
 +    } else { 
 +        leader.style.display = 'none'; 
 +        canvas.style.display = 'block'; 
 +        engineOn = true; 
 +        tick(); 
 +    }
 } }
  
-function animate_scroll() { +function tick() { 
-    if (!isRunning) return; +    if (!engineOn) return; 
-    scrollPos -= 2; // Velocidad del motor +    posY -= 0.55; // VELOCIDAD ULTRA LENTA DE LECTURA 
-    document.getElementById('pcw_canvas').style.top = scrollPos + 'px';+    const canvas = document.getElementById('pcw_canvas'); 
 +    canvas.style.top = posY + 'px';
          
-    // DETECTOR DE LÍMITE: Si el FIN ha salido de la pantalla (altura total aprox -3800) +    if (Math.abs(posY) > (canvas.offsetHeight)) { 
-    if (scrollPos < -3800) { +        engineOn = false; 
-        isRunning = false; +        start(); 
-        clearTimeout(hohT); +
-        if (mGain) mGain.gain.value = 0; // CORTE FÍSICO +
-        setTimeout(run_engine, 1000); // REINICIO TRAS 1 SEGUNDO+
     } else {     } else {
-        requestAnimationFrame(animate_scroll);+        requestAnimationFrame(tick);
     }     }
 } }
  
-window.onload = run_engine;+window.onload = start;
 </script> </script>
 </html> </html>
- 
otros/agradecimientos.1778087190.txt.gz · Última modificación: por jesus