Diferencias

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

--- otros:entrevistas [2026/05/07 15:37] – jesus
+++ otros:entrevistas [2026/05/07 15:55] (actual) – jesus
@@ Línea 2: / Línea 2: @@
 <html>
 <style>
-  /* --- CONTENEDOR MONITOR CRT --- */
+  /* --- MONITOR CRT --- */
   .pcw-monitor-interviews {
     background-color: #000b00;
@@ Línea 15: / Línea 15: @@
   }
-  .pcw-monitor-interviews::after {
+  /* FORZAR AJUSTE DE VIDEOS */
-    content: " ";
+  .video-slot-wrapper div,
-    position: absolute; top: 0; left: 0; bottom: 0; right: 0;
+  .video-slot-wrapper iframe,
-    background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.15) 50%),
+  .video-slot-wrapper object {
-                linear-gradient(90deg, rgba(255, 0, 0, 0.02), rgba(0, 255, 0, 0.01), rgba(0, 0, 255, 0.02));
+    width: 100% !important;
-    background-size: 100% 3px, 2px 100%;
+    max-width: 100% !important;
-    z-index: 10; pointer-events: none;
+    display: block;
-    animation: flickering 0.15s infinite;
-  }
-  @keyframes flickering { 0% { opacity: 0.95; } 100% { opacity: 1; } }
-  .retro-text {
-    color: #00ff00 !important;
-    text-shadow: 0 0 8px rgba(0, 255, 0, 0.6);
   }
   .pcw-header {
-    font-size: 1.8em;
+    color: #00ff00; font-size: 1.8em; font-weight: bold;
-    font-weight: bold;
+    margin-bottom: 30px; border-bottom: 2px solid #004400; padding-bottom: 10px;
-    margin-bottom: 30px;
-    border-bottom: 2px solid #004400;
-    padding-bottom: 10px;
-    letter-spacing: 2px;
   }
-  /* --- SECCIÓN VIDEO PRINCIPAL (DESTACADO) --- */
+  /* CONTENEDOR PRINCIPAL */
-  .main-video-container {
+  .main-video-box {
-    margin-bottom: 40px;
+    margin-bottom: 40px; border: 3px solid #00ff00; padding: 15px;
-    border: 2px solid #004400;
-    padding: 20px;
     background: rgba(0, 20, 0, 0.4);
   }
-  .video-wrapper {
+  /* REJILLA SECUNDARIA */
-    position: relative;
-    padding-bottom: 56.25%;
-    height: 0;
-    overflow: hidden;
-    border: 3px solid #00ff00;
-  }
-  .video-wrapper iframe {
-    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
-    filter: brightness(0.9) contrast(1.1) grayscale(0.2);
-  }
-  .video-info-box {
-    margin-top: 15px;
-    padding: 10px;
-    border-left: 4px solid #00ff00;
-    background: rgba(0, 255, 0, 0.05);
-  }
-  /* --- GRID VIDEOS SECUNDARIOS --- */
   .interview-grid {
     display: grid;
-    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
+    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
-    gap: 30px;
+    gap: 20px;
   }
   .interview-card {
-    border: 1px solid #004400;
+    background: rgba(0, 40, 0, 0.1);
-    padding: 15px;
+    border: 1px solid #00ff00;
-    background: rgba(0, 10, 0, 0.5);
+    padding: 10px;
-    transition: 0.3s;
+    overflow: hidden;
   }
-  .interview-card:hover {
+  .desc-box { margin-top: 15px; color: #00ff00; font-size: 0.9em; line-height: 1.4; }
-    border-color: #00ff00;
+  .status { font-size: 0.7em; color: #00ff00; margin-bottom: 5px; display: block; font-weight: bold; }
-    box-shadow: 0 0 15px rgba(0, 255, 0, 0.1);
+  .blink { animation: c 1s infinite; }
-  }
+  @keyframes c { 50% { opacity: 0; } }
-  .status-line {
-    font-size: 0.75em;
-    color: #00ff00;
-    margin-bottom: 8px;
-    display: block;
-    font-weight: bold;
-  }
-  .blink-cursor { animation: cursor-blink 1s infinite; }
-  @keyframes cursor-blink { 0%, 100% { opacity: 0; } 50% { opacity: 1; } }
 </style>
 <div class="pcw-monitor-interviews">
-  <div class="pcw-header retro-text"> A:\> ENTREVISTAS_HABISOFT<span class="blink-cursor">_</span> </div>
+  <div class="pcw-header">A:\> ENTREVISTAS<span class="blink">_</span></div>
-  <!-- VIDEO 1: EL MÁS RECIENTE (PRINCIPAL) -->
+  <!-- VIDEO 1: JUNIO 2018 (GRANDE) -->
-  <div class="main-video-container">
+  <div class="main-video-box">
-    <span class="status-line"> [ LATEST_ENTRY: 07-SEP-2019 ] </span>
+    <span class="status">17 de Junio 2018</span>
-    <div class="video-wrapper">
+    <div class="video-slot-wrapper">
-      <iframe src="https://youtube.com" frameborder="0" allowfullscreen></iframe>
+</html>
+{{youtube>NyXftUzH8F0?large}}
+<html>
     </div>
-    <div class="video-info-box">
+    <div class="desc-box" style="font-weight:bold; border-top: 1px solid #004400; padding-top: 10px;">
-      <div class="retro-text" style="font-size: 1.2em; font-weight: bold;">JAVI ORTÍZ A HABISOFT: NUEVO JUEGO "SPIRITS"</div>
+      Entrevista de Amiga Wave a HabiSoft - Emitido el 17 de Junio 2018 - Habi sobre PCW y desarrollo FPGA
-      <div style="color: #00cc00; font-size: 0.9em; margin-top: 5px;">
-        Análisis y charla técnica sobre el desarrollo del nuevo título para Amstrad PCW.
-      </div>
     </div>
   </div>
-  <!-- GRID PARA LOS OTROS DOS VIDEOS -->
+  <!-- GRID SECUNDARIO -->
   <div class="interview-grid">
-    <!-- VIDEO 2 -->
+    <!-- VIDEO 2: ENERO 2019 -->
     <div class="interview-card">
-      <span class="status-line"> [ RECORD_ENTRY: 02-JAN-2019 ] </span>
+      <span class="status">2 de Enero 2019</span>
-      <div class="video-wrapper" style="padding-bottom: 56.25%;">
+      <div class="video-slot-wrapper">
-        <iframe src="https://youtube.com" frameborder="0" allowfullscreen></iframe>
+</html>
+{{youtube>t6a4FolrAXU?medium}}
+<html>
       </div>
-      <div style="margin-top: 15px;">
+      <div class="desc-box">
-        <strong class="retro-text">JAVI ORTÍZ A HABISOFT</strong>
+        Entrevista de Javi Ortíz a HabiSoft - Emitido el 2 de Enero 2019 - Hoy charlamos con HabiSoft
-        <p style="color: #00cc00; font-size: 0.85em; margin-top: 5px;">"Hoy charlamos con HabiSoft". Repaso general a su trayectoria y aportes a la escena.</p>
       </div>
     </div>
-    <!-- VIDEO 3 -->
+    <!-- VIDEO 3: SEPTIEMBRE 2019 -->
     <div class="interview-card">
-      <span class="status-line"> [ RECORD_ENTRY: 17-JUN-2018 ] </span>
+      <span class="status">7 de Septiembre 2019</span>
-      <div class="video-wrapper" style="padding-bottom: 56.25%;">
+      <div class="video-slot-wrapper">
-        <iframe src="https://youtube.com" frameborder="0" allowfullscreen></iframe>
+</html>
+{{youtube>VWV23BIII9s?medium}}
+<html>
       </div>
-      <div style="margin-top: 15px;">
+      <div class="desc-box">
-        <strong class="retro-text">AMIGA WAVE A HABISOFT</strong>
+        Entrevista de Javi Ortíz a HabiSoft - Emitido el 7 de Septiembre 2019 - Nuevo juego Amstrad PCW "Spirits"
-        <p style="color: #00cc00; font-size: 0.85em; margin-top: 5px;">Habi sobre PCW y desarrollo en FPGA. Una charla técnica fundamental para entender el hardware.</p>
       </div>
     </div>