Herramientas de usuario

Herramientas del sitio

Traza:
otros:entrevistas

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:entrevistas [2026/05/07 15:39] – jesusotros:entrevistas [2026/05/07 15:55] (actual) – jesus
Línea 2: Línea 2:
 <html> <html>
 <style> <style>
-  /* --- CONTENEDOR MONITOR CRT --- */+  /* --- MONITOR CRT --- */
   .pcw-monitor-interviews {   .pcw-monitor-interviews {
     background-color: #000b00;      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 {   .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 (PRIMERO CRONOLÓGICAMENTE) --- */ +  /* 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);     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%; +
-  } +
- +
-  .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 {   .interview-grid {
-    display: 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 {   .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; 
-    display: flex; +    overflow: hidden;
-    flex-direction: column;+
   }   }
  
-  .status-line { +  .desc-box { margin-top: 15px; color: #00ff00; font-size: 0.9em; line-height: 1.4; } 
-    font-size: 0.75em; +  .status { font-size: 0.7em; color: #00ff00; margin-bottom: 5px; display: block; font-weight: bold; } 
-    color: #00ff00; +  .blink { animation: c 1s infinite; } 
-    margin-bottom: 8px; +  @keyframes c { 50% { opacity: 0; } }
-    display: block; +
-    font-weight: bold; +
-  } +
- +
-  .blink-cursor { animation: cursor-blink 1s infinite; } +
-  @keyframes cursor-blink { 0%, 100% { opacity: 0; } 50% { opacity: 1; } }+
 </style> </style>
  
 <div class="pcw-monitor-interviews"> <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>
  
-  <!-- 1. JUNIO 2018 (PRINCIPAL) --> +  <!-- VIDEO 1: JUNIO 2018 (GRANDE) --> 
-  <div class="main-video-container"> +  <div class="main-video-box"> 
-    <span class="status-line"> [ ARCHIVE_ID: 17-JUN-2018 ] </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>
-    <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.1em; font-weight: bold;"> +      Entrevista de Amiga Wave a HabiSoft - Emitido el 17 de Junio 2018 - Habi sobre PCW y desarrollo FPGA
-        Entrevista de Amiga Wave a HabiSoft - Emitido el 17 de Junio 2018 - Habi sobre PCW y desarrollo FPGA +
-      </div>+
     </div>     </div>
   </div>   </div>
  
-  <!-- REJILLA PARA LOS SIGUIENTES -->+  <!-- GRID SECUNDARIO -->
   <div class="interview-grid">   <div class="interview-grid">
          
-    <!-- 2. ENERO 2019 -->+    <!-- VIDEO 2: ENERO 2019 -->
     <div class="interview-card">     <div class="interview-card">
-      <span class="status-line"> [ ARCHIVE_ID: 02-JAN-2019 ] </span> +      <span class="status">2 de Enero 2019</span> 
-      <div class="video-wrapper"> +      <div class="video-slot-wrapper"> 
-        <iframe src="https://youtube.com" frameborder="0" allowfullscreen></iframe>+</html> 
 +{{youtube>t6a4FolrAXU?medium}} 
 +<html>
       </div>       </div>
-      <div style="margin-top: 15px;" class="retro-text"> +      <div class="desc-box"> 
-        <div style="font-size: 0.9em; line-height: 1.3;"> +        Entrevista de Javi Ortíz a HabiSoft - Emitido el 2 de Enero 2019 - Hoy charlamos con HabiSoft
-          Entrevista de Javi Ortíz a HabiSoft - Emitido el 2 de Enero 2019 - Hoy charlamos con HabiSoft +
-        </div>+
       </div>       </div>
     </div>     </div>
  
-    <!-- 3. SEPTIEMBRE 2019 -->+    <!-- VIDEO 3: SEPTIEMBRE 2019 -->
     <div class="interview-card">     <div class="interview-card">
-      <span class="status-line"> [ ARCHIVE_ID: 07-SEP-2019 ] </span> +      <span class="status">7 de Septiembre 2019</span> 
-      <div class="video-wrapper"> +      <div class="video-slot-wrapper"> 
-        <iframe src="https://youtube.com" frameborder="0" allowfullscreen></iframe>+</html> 
 +{{youtube>VWV23BIII9s?medium}} 
 +<html>
       </div>       </div>
-      <div style="margin-top: 15px;" class="retro-text"> +      <div class="desc-box"> 
-        <div style="font-size: 0.9em; line-height: 1.3;"> +        Entrevista de Javi Ortíz a HabiSoft - Emitido el 7 de Septiembre 2019 - Nuevo juego Amstrad PCW "Spirits"
-          Entrevista de Javi Ortíz a HabiSoft - Emitido el 7 de Septiembre 2019 - Nuevo juego Amstrad PCW "Spirits" +
-        </div>+
       </div>       </div>
     </div>     </div>
otros/entrevistas.1778168340.txt.gz · Última modificación: por jesus