Diferencias

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

--- otros:entrevistas [2026/05/07 15:47] – jesus
+++ otros:entrevistas [2026/05/07 15:55] (actual) – jesus
@@ Línea 1: / Línea 1: @@
 ~~NOTOC~~
 <html>
-<div style="background-color: #000b00; border: 12px solid #2a2a2a; border-radius: 15px; padding: 30px; margin: 25px 0; font-family: 'Courier New', Courier, monospace; color: #00ff00; box-shadow: inset 0 0 60px rgba(0,255,0,0.15);">
+<style>
+  /* --- MONITOR CRT --- */
+  .pcw-monitor-interviews {
+    background-color: #000b00;
+    border: 12px solid #2a2a2a;
+    border-radius: 15px;
+    padding: 30px;
+    margin: 25px 0;
+    font-family: 'Courier New', Courier, monospace;
+    position: relative;
+    overflow: hidden;
+    box-shadow: inset 0 0 60px rgba(0,255,0,0.15), 0 10px 30px rgba(0,0,0,0.7);
+  }
-  <!-- CABECERA -->
+  /* FORZAR AJUSTE DE VIDEOS */
-  <div style="font-size: 1.8em; font-weight: bold; margin-bottom: 30px; border-bottom: 2px solid #004400; padding-bottom: 10px; text-shadow: 0 0 10px rgba(0, 255, 0, 0.7);">
+  .video-slot-wrapper div,
-    A:\> ENTREVISTAS_HABISOFT.EXE
+  .video-slot-wrapper iframe,
-  </div>
+  .video-slot-wrapper object {
+    width: 100% !important;
+    max-width: 100% !important;
+    display: block;
+  }
-  <!-- ENTREVISTA 1 -->
+  .pcw-header {
-  <div style="margin-bottom: 25px; border: 1px solid #004400; padding: 20px; background: rgba(0,20,0,0.3);">
+    color: #00ff00; font-size: 1.8em; font-weight: bold;
-    <div style="color: #008800; font-size: 0.8em; margin-bottom: 5px;">[ ARCHIVE_ID: 17-06-2018 ]</div>
+    margin-bottom: 30px; border-bottom: 2px solid #004400; padding-bottom: 10px;
-    <div style="margin-bottom: 15px; font-weight: bold;">
+  }
-      Entrevista de Amiga Wave a HabiSoft - Habi sobre PCW y desarrollo FPGA
+  /* CONTENEDOR PRINCIPAL */
+  .main-video-box {
+    margin-bottom: 40px; border: 3px solid #00ff00; padding: 15px;
+    background: rgba(0, 20, 0, 0.4);
+  }
+  /* REJILLA SECUNDARIA */
+  .interview-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
+    gap: 20px;
+  }
+  .interview-card {
+    background: rgba(0, 40, 0, 0.1);
+    border: 1px solid #00ff00;
+    padding: 10px;
+    overflow: hidden;
+  }
+  .desc-box { margin-top: 15px; color: #00ff00; font-size: 0.9em; line-height: 1.4; }
+  .status { font-size: 0.7em; color: #00ff00; margin-bottom: 5px; display: block; font-weight: bold; }
+  .blink { animation: c 1s infinite; }
+  @keyframes c { 50% { opacity: 0; } }
+</style>
+<div class="pcw-monitor-interviews">
+  <div class="pcw-header">A:\> ENTREVISTAS<span class="blink">_</span></div>
+  <!-- VIDEO 1: JUNIO 2018 (GRANDE) -->
+  <div class="main-video-box">
+    <span class="status">17 de Junio 2018</span>
+    <div class="video-slot-wrapper">
+</html>
+{{youtube>NyXftUzH8F0?large}}
+<html>
+    </div>
+    <div class="desc-box" style="font-weight:bold; border-top: 1px solid #004400; padding-top: 10px;">
+      Entrevista de Amiga Wave a HabiSoft - Emitido el 17 de Junio 2018 - Habi sobre PCW y desarrollo FPGA
     </div>
-    <a href="https://youtube.com" target="_blank" style="display: inline-block; border: 2px solid #00ff00; padding: 8px 15px; color: #00ff00 !important; text-decoration: none; font-weight: bold; background: #001100;">
-      > EJECUTAR VÍDEO
-    </a>
   </div>
-  <!-- ENTREVISTA 2 -->
+  <!-- GRID SECUNDARIO -->
-  <div style="margin-bottom: 25px; border: 1px solid #004400; padding: 20px; background: rgba(0,20,0,0.3);">
+  <div class="interview-grid">
-    <div style="color: #008800; font-size: 0.8em; margin-bottom: 5px;">[ ARCHIVE_ID: 02-01-2019 ]</div>
-    <div style="margin-bottom: 15px; font-weight: bold;">
+    <!-- VIDEO 2: ENERO 2019 -->
-      Entrevista de Javi Ortíz a HabiSoft - Hoy charlamos con HabiSoft
+    <div class="interview-card">
+      <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>
-    <a href="https://youtube.com" target="_blank" style="display: inline-block; border: 2px solid #00ff00; padding: 8px 15px; color: #00ff00 !important; text-decoration: none; font-weight: bold; background: #001100;">
-      > EJECUTAR VÍDEO
-    </a>
-  </div>
-  <!-- ENTREVISTA 3 -->
+    <!-- VIDEO 3: SEPTIEMBRE 2019 -->
-  <div style="margin-bottom: 10px; border: 1px solid #004400; padding: 20px; background: rgba(0,20,0,0.3);">
+    <div class="interview-card">
-    <div style="color: #008800; font-size: 0.8em; margin-bottom: 5px;">[ ARCHIVE_ID: 07-09-2019 ]</div>
+      <span class="status">7 de Septiembre 2019</span>
-    <div style="margin-bottom: 15px; font-weight: bold;">
+      <div class="video-slot-wrapper">
-      Entrevista de Javi Ortíz a HabiSoft - Nuevo juego Amstrad PCW "Spirits"
+</html>
+{{youtube>VWV23BIII9s?medium}}
+<html>
+      </div>
+      <div class="desc-box">
+        Entrevista de Javi Ortíz a HabiSoft - Emitido el 7 de Septiembre 2019 - Nuevo juego Amstrad PCW "Spirits"
+      </div>
     </div>
-    <a href="https://youtube.com" target="_blank" style="display: inline-block; border: 2px solid #00ff00; padding: 8px 15px; color: #00ff00 !important; text-decoration: none; font-weight: bold; background: #001100;">
-      > EJECUTAR VÍDEO
-    </a>
-  </div>
-  <div style="margin-top: 25px; font-size: 0.8em; color: #008800; border-top: 1px dashed #004400; padding-top: 10px;">
-REGISTROS ENCONTRADOS _
   </div>
 </div>
 </html>