Herramientas de usuario

Herramientas del sitio

Traza: • preserves • 8000_plus • andropcw • amstrad_pcw • trucos
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:24] – jesusotros:agradecimientos [2026/05/06 17:28] (actual) – jesus
Línea 8: Línea 8:
   }   }
  
-  /* --- BOTÓN DE CARGA (BYPASS NAVEGADOR) --- */ +  /* --- LÍDER DE CINE TÉCNICO (VINTAGE) --- */
-  #pcw_boot { +
-    position: absolute; inset: 0; background: #000; z-index: 300; +
-    display: flex; flex-direction: column; align-items: center; justify-content: center; +
-  } +
-  .pcw_btn { +
-    background: transparent; border: 2px solid #0f0; color: #0f0; padding: 15px 30px; +
-    font-family: inherit; font-size: 1.2em; cursor: pointer; box-shadow: 0 0 15px #0f0; +
-  } +
-  .pcw_btn:hover { background: #0f0; color: #000; } +
- +
-  /* --- LÍDER ACADEMY --- */+
   #pcw_leader {   #pcw_leader {
     position: absolute; inset: 0; background: #1a1a1a; z-index: 200;     position: absolute; inset: 0; background: #1a1a1a; z-index: 200;
-    display: none; flex-direction: column; align-items: center; justify-content: center;+    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 {   .pcw_academy_frame {
     width: 340px; height: 340px; border-radius: 50%; border: 6px solid #fff;     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);
   }   }
 +
 +  /* 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%; }   .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_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; }   .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 {   .pcw_clock_hand {
     position: absolute; width: 100%; height: 100%;     position: absolute; width: 100%; height: 100%;
Línea 40: Línea 37:
   }   }
   @keyframes pcw_clock_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; } 
  
-  /* --- SCROLL --- */+  #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;
Línea 54: Línea 52:
  
 <div id="pcw_theater_system"> <div id="pcw_theater_system">
-  <!-- PANTALLA DE CARGA --> +  <!-- LÍDER ACADEMY -->
-  <div id="pcw_boot"> +
-    <div style="color:#0f0; margin-bottom: 20px; letter-spacing: 2px;">SISTEMA LISTO</div> +
-    <button class="pcw_btn" onclick="ignite()">CARGAR PROYECTOR</button> +
-  </div> +
   <div id="pcw_leader">   <div id="pcw_leader">
     <div class="pcw_brand_main">PCWWiki</div>     <div class="pcw_brand_main">PCWWiki</div>
     <div class="pcw_academy_frame">     <div class="pcw_academy_frame">
 +        <div class="pcw_ring_outer"></div>
         <div class="pcw_ring_inner"></div>         <div class="pcw_ring_inner"></div>
-        <div class="pcw_axis_v"></div><div class="pcw_axis_h"></div>+        <div class="pcw_axis_v"></div> 
 +        <div class="pcw_axis_h"></div>
         <div class="pcw_clock_hand"></div>         <div class="pcw_clock_hand"></div>
         <div id="pcw_num">3</div>         <div id="pcw_num">3</div>
Línea 71: Línea 66:
   </div>   </div>
  
 +  <!-- CONTENIDO SCROLL -->
   <div id="pcw_canvas">   <div id="pcw_canvas">
     <div style="height: 500px; padding-top: 120px;">     <div style="height: 500px; padding-top: 120px;">
Línea 76: 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>         <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_content"></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 style="color: #fff; font-size: 9em; font-weight: 900; margin-top: 500px; padding-bottom: 50px;">FIN</div>
   </div>   </div>
Línea 82: Línea 92:
  
 <script> <script>
-let posY = 600, engineOn = false, firstRun = true, aCtx = null; +let posY = 600, engineOn = false, firstRun = true;
- +
-const donors = [ +
-    ["Litos", "Alojamiento en servidor y confianza fundacional."], +
-    ["Sean Brannigan", "Gran ayuda con las compras desde Reino Unido."], +
-    ["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 envíos desde 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."] +
-]; +
- +
-// Cargar nombres +
-const box = document.getElementById('pcw_list_content'); +
-donors.forEach(d => { +
-    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 beep(freq, duration) { +
-    if (!aCtx) return; +
-    const osc = aCtx.createOscillator(); +
-    const gain = aCtx.createGain(); +
-    osc.type = "square"; +
-    osc.frequency.value = freq; +
-    gain.gain.setValueAtTime(0.1, aCtx.currentTime); +
-    gain.gain.exponentialRampToValueAtTime(0.01, aCtx.currentTime + duration/1000); +
-    osc.connect(gain); +
-    gain.connect(aCtx.destination); +
-    osc.start(); +
-    osc.stop(aCtx.currentTime + duration/1000); +
-} +
- +
-function ignite() { +
-    document.getElementById('pcw_boot').style.display = 'none'; +
-    aCtx = new (window.AudioContext || window.webkitAudioContext)(); +
-    start(); +
-}+
  
 function start() { function start() {
Línea 133: Línea 103:
  
     if (firstRun) {     if (firstRun) {
-        leader.style.display = 'flex'; 
         canvas.style.display = 'none';         canvas.style.display = 'none';
 +        leader.style.display = 'flex';
         let c = 3; num.innerText = c;         let c = 3; num.innerText = c;
-        beep(880, 150); // Primer Beep del 3 
-         
         let timer = setInterval(() => {         let timer = setInterval(() => {
             c--;             c--;
-            if (c > 0) { +            if (c > 0) num.innerText = c; 
-                num.innerText = c; +            else {
-                beep(880, 150); // Beep para 2 y 1 +
-            } else {+
                 clearInterval(timer);                 clearInterval(timer);
-                beep(1760, 300); // Beep agudo final 
                 leader.style.display = 'none';                 leader.style.display = 'none';
                 canvas.style.display = 'block';                 canvas.style.display = 'block';
Línea 163: Línea 128:
 function tick() { function tick() {
     if (!engineOn) return;     if (!engineOn) return;
-    posY -= 0.55; +    posY -= 0.55; // VELOCIDAD ULTRA LENTA DE LECTURA
     const canvas = document.getElementById('pcw_canvas');     const canvas = document.getElementById('pcw_canvas');
     canvas.style.top = posY + 'px';     canvas.style.top = posY + 'px';
 +    
     if (Math.abs(posY) > (canvas.offsetHeight)) {     if (Math.abs(posY) > (canvas.offsetHeight)) {
         engineOn = false;         engineOn = false;
Línea 173: Línea 139:
     }     }
 } }
 +
 +window.onload = start;
 </script> </script>
 </html> </html>
- 
otros/agradecimientos.1778088294.txt.gz · Última modificación: por jesus