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:44] – jesusotros:entrevistas [2026/05/07 15:55] (actual) – jesus
Línea 2: Línea 2:
 <html> <html>
 <style> <style>
 +  /* --- MONITOR CRT --- */
   .pcw-monitor-interviews {   .pcw-monitor-interviews {
     background-color: #000b00;      background-color: #000b00; 
-    border: 10px solid #2a2a2a;  +    border: 12px solid #2a2a2a;  
-    border-radius: 12px;+    border-radius: 15px;
     padding: 30px;     padding: 30px;
     margin: 25px 0;     margin: 25px 0;
     font-family: 'Courier New', Courier, monospace;     font-family: 'Courier New', Courier, monospace;
     position: relative;     position: relative;
-    box-shadow: inset 0 0 40px rgba(0,255,0,0.1);+    overflow: hidden; 
 +    box-shadow: inset 0 0 60px rgba(0,255,0,0.15), 0 10px 30px rgba(0,0,0,0.7);
   }   }
  
-  .pcw-header { +  /* FORZAR AJUSTE DE VIDEOS */ 
-    color: #00ff00; +  .video-slot-wrapper div,  
-    font-size: 1.8em; +  .video-slot-wrapper iframe,  
-    font-weight: bold; +  .video-slot-wrapper object { 
-    border-bottom: 2px solid #004400; +    width: 100% !important; 
-    padding-bottom: 10px; +    max-width: 100% !important;
-    margin-bottom: 30px; +
-  } +
- +
-  .interview-item {+
     display: block;     display: block;
-    text-decoration: none !important; 
-    margin-bottom: 40px; 
-    border: 1px solid #004400; 
-    padding: 20px; 
-    background: rgba(0, 40, 0, 0.1); 
-    transition: 0.3s; 
   }   }
  
-  .interview-item:hover { +  .pcw-header { 
-    border-color: #00ff00; +    color: #00ff00; font-size: 1.8em; font-weight: bold;  
-    background: rgba(0, 255, 0, 0.05);+    margin-bottom: 30px; border-bottom: 2px solid #004400; padding-bottom: 10px;
   }   }
  
-  /* El simulador de pantalla de video sin imagen externa */ +  /* CONTENEDOR PRINCIPAL */ 
-  .video-placeholder { +  .main-video-box { 
-    width: 100%; +    margin-bottom: 40px; border: 3px solid #00ff00; padding: 15px; 
-    max-width: 500px; +    background: rgba(0, 20, 0, 0.4);
-    height: 150px; +
-    margin: 0 auto 20px auto; +
-    border: 3px solid #00ff00; +
-    display: flex; +
-    flex-direction: column; +
-    align-items: center; +
-    justify-content: center; +
-    background: repeating-linear-gradient( +
-      0deg, +
-      #000, +
-      #000 2px, +
-      #020 4px +
-    );+
   }   }
  
-  .play-icon { +  /* REJILLA SECUNDARIA */ 
-    width: 0; height: 0;  +  .interview-grid { 
-    border-top: 20px solid transparent; +    display: grid;  
-    border-bottom: 20px solid transparent; +    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));  
-    border-left: 35px solid #00ff00; +    gap: 20px;
-    margin-bottom: 10px;+
   }   }
  
-  .btn-label { +  .interview-card { 
-    color: #00ff00; +    background: rgba(0, 40, 0, 0.1);  
-    font-weight: bold; +    border: 1px solid #00ff00;  
-    letter-spacing: 3px; +    padding: 10px; 
-    font-size: 0.9em;+    overflow: hidden;
   }   }
  
-  .description-box { +  .desc-box { margin-top: 15px; color: #00ff00; font-size: 0.9em; line-height: 1.4; } 
-    color: #00ff00; +  .status { font-size: 0.7em; color: #00ff00; margin-bottom: 5px; display: block; font-weight: bold; } 
-    text-align: center; +  .blink { animation: c 1s infinite; } 
-    line-height: 1.5; +  @keyframes c { 50% { opacity: 0; } }
-    border-top: 1px solid #004400; +
-    padding-top: 15px; +
-  } +
- +
-  .metadata { +
-    color: #008800; +
-    font-size: 0.8em; +
-    margin-bottom: 10px; +
-    display: block; +
-  } +
- +
-  .blink { animation: blinker 1s linear infinite; } +
-  @keyframes blinker { 50% { opacity: 0; } }+
 </style> </style>
  
 <div class="pcw-monitor-interviews"> <div class="pcw-monitor-interviews">
-  <div class="pcw-header">A:\> ENTREVISTAS.EXE<span class="blink">_</span></div>+  <div class="pcw-header">A:\> ENTREVISTAS<span class="blink">_</span></div>
  
-  <!-- ENTREVISTA 1 --> +  <!-- VIDEO 1: JUNIO 2018 (GRANDE) --> 
-  <a href="https://youtube.com" target="_blank" class="interview-item"> +  <div class="main-video-box"> 
-    <span class="metadata">SOURCE: AMIGA WAVE | FECHA: 17-06-2018</span> +    <span class="status">17 de Junio 2018</span> 
-    <div class="video-placeholder"> +    <div class="video-slot-wrapper"> 
-      <div class="play-icon"></div> +</html> 
-      <div class="btn-label">ACCEDER AL VÍDEO</div>+{{youtube>NyXftUzH8F0?large}} 
 +<html>
     </div>     </div>
-    <div class="description-box"> +    <div class="desc-box" style="font-weight:bold; border-top: 1px solid #004400; padding-top: 10px;"> 
-      Entrevista de Amiga Wave a HabiSoft - 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>
-  </a>+  </div>
  
-  <!-- ENTREVISTA 2 --> +  <!-- GRID SECUNDARIO --> 
-  <a href="https://youtube.com" target="_blank" class="interview-item"> +  <div class="interview-grid"> 
-    <span class="metadata">SOURCE: JAVI ORTÍZ | FECHA: 02-01-2019</span> +     
-    <div class="video-placeholder"> +    <!-- VIDEO 2: ENERO 2019 --> 
-      <div class="play-icon"></div> +    <div class="interview-card"> 
-      <div class="btn-label">ACCEDER AL VÍDEO</div>+      <span class="status">2 de Enero 2019</span> 
 +      <div class="video-slot-wrapper"> 
 +</html> 
 +{{youtube>t6a4FolrAXU?medium}} 
 +<html> 
 +      </div> 
 +      <div class="desc-box"> 
 +        Entrevista de Javi Ortíz a HabiSoft - Emitido el 2 de Enero 2019 - Hoy charlamos con HabiSoft 
 +      </div>
     </div>     </div>
-    <div class="description-box"> 
-      Entrevista de Javi Ortíz a HabiSoft - Hoy charlamos con HabiSoft 
-    </div> 
-  </a> 
  
-  <!-- ENTREVISTA 3 --> +    <!-- VIDEO 3: SEPTIEMBRE 2019 --> 
-  <a href="https://youtube.com" target="_blank" class="interview-item"> +    <div class="interview-card"> 
-    <span class="metadata">SOURCE: JAVI ORTÍZ | FECHA: 07-09-2019</span> +      <span class="status">7 de Septiembre 2019</span> 
-    <div class="video-placeholder"> +      <div class="video-slot-wrapper"> 
-      <div class="play-icon"></div> +</html> 
-      <div class="btn-label">ACCEDER AL VÍDEO</div> +{{youtube>VWV23BIII9s?medium}} 
-    </div> +<html> 
-    <div class="description-box"> +      </div> 
-      Entrevista de Javi Ortíz a HabiSoft - Nuevo juego Amstrad PCW "Spirits"+      <div class="desc-box"> 
 +        Entrevista de Javi Ortíz a HabiSoft - Emitido el 7 de Septiembre 2019 - Nuevo juego Amstrad PCW "Spirits" 
 +      </div>
     </div>     </div>
-  </a> 
  
 +  </div>
 </div> </div>
 </html> </html>
  
otros/entrevistas.1778168692.txt.gz · Última modificación: por jesus