Diferencias

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

--- revistas:sonderheft_joyce [2026/04/28 17:50] – creado jesus
+++ revistas:sonderheft_joyce [2026/04/28 18:03] (actual) – jesus
@@ Línea 3: / Línea 3: @@
 <style>
   /* --- MOTOR VISUAL CRT BASE --- */
-  .pcw-page-container { background-color: #000b00 !important; font-family: 'Courier New', Courier, monospace !important; padding: 15px; color: #00ff00 !important; }
+  .pcw-page-container {
+    background-color: #000b00 !important;
+    font-family: 'Courier New', Courier, monospace !important;
+    padding: 15px;
+    color: #00ff00 !important;
+  }
   .crt-effect { position: relative; overflow: hidden; border: 2px solid #2a2a2a; }
-  .crt-effect::after { content: " "; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.1) 50%), linear-gradient(90deg, rgba(255, 0, 0, 0.02), rgba(0, 255, 0, 0.01), rgba(0, 0, 255, 0.02)); background-size: 100% 3px, 2px 100%; z-index: 100; pointer-events: none; animation: flicker-pcw 0.15s infinite; }
+  .crt-effect::after {
+    content: " "; position: absolute; top: 0; left: 0; bottom: 0; right: 0;
+    background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.1) 50%),
+                linear-gradient(90deg, rgba(255, 0, 0, 0.02), rgba(0, 255, 0, 0.01), rgba(0, 0, 255, 0.02));
+    background-size: 100% 3px, 2px 100%; z-index: 100; pointer-events: none;
+    animation: flicker-pcw 0.15s infinite;
+  }
   @keyframes flicker-pcw { 0% { opacity: 0.97; } 100% { opacity: 1; } }
-  .ficha-libro-crt { border: 10px solid #2a2a2a; border-radius: 15px; padding: 30px; margin-bottom: 20px; display: flex; flex-wrap: wrap; gap: 30px; box-shadow: inset 0 0 50px rgba(0,255,0,0.15), 0 10px 30px rgba(0,0,0,0.7); }
-  .portada-ficha-container { width: 220px; height: 300px; background-color: #111; border: 4px solid #00ff00; padding: 2px; box-sizing: border-box; }
+  /* --- 1. FICHA TÉCNICA --- */
+  .ficha-libro-crt {
+    border: 10px solid #2a2a2a; border-radius: 15px; padding: 30px; margin-bottom: 20px;
+    display: flex; flex-wrap: wrap; gap: 30px;
+    box-shadow: inset 0 0 50px rgba(0,255,0,0.15), 0 10px 30px rgba(0,0,0,0.7);
+  }
+  .portada-ficha-container {
+    width: 220px; height: 300px; background-color: #111; border: 4px solid #00ff00;
+    padding: 2px; box-sizing: border-box;
+  }
   .portada-ficha-container img { width: 100%; height: 100%; object-fit: cover; }
   .datos-ficha { flex: 1; min-width: 300px; }
-  .titulo-linea { display: flex; justify-content: space-between; align-items: center; border-bottom: 2px solid #00ff00; margin-bottom: 20px; padding-bottom: 5px; }
+  .titulo-linea {
+    display: flex; justify-content: space-between; align-items: center;
+    border-bottom: 2px solid #00ff00; margin-bottom: 20px; padding-bottom: 5px;
+  }
   .datos-ficha h2 { margin: 0 !important; font-size: 1.8em !important; color: #00ff00 !important; text-transform: uppercase; text-shadow: 0 0 10px #00ff00; }
   .bandera-pais { height: 30px; border: 1px solid #00ff00; }
   .dato-linea { margin: 8px 0; font-size: 0.95em; display: flex; }
   .dato-etiqueta { color: #008800; font-weight: bold; min-width: 130px; text-transform: uppercase; }
   .dato-valor { color: #00ff00; }
   .link-editorial { color: #00ff00 !important; text-decoration: underline !important; font-weight: bold; }
-  .pcw-section-box { background-color: #000b00; border: 2px solid #00ff00; margin: 20px 0; padding: 20px; }
-  .pcw-section-title { background-color: #00ff00; color: #000; padding: 3px 12px; font-weight: bold; display: inline-block; margin-bottom: 15px; text-transform: uppercase; font-size: 1.1em; }
+  /* --- 2. BLOQUES DE SECCIÓN --- */
-  .magazine-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 20px; margin-top: 20px; }
+  .pcw-section-box {
-  .magazine-item { text-align: center; transition: 0.3s; }
+    background-color: #000b00; border: 2px solid #00ff00;
+    margin: 20px 0; padding: 20px;
+  }
+  .pcw-section-title {
+    background-color: #00ff00; color: #000; padding: 3px 12px;
+    font-weight: bold; display: inline-block; margin-bottom: 15px;
+    text-transform: uppercase; font-size: 1.1em;
+  }
+  /* --- REJILLA DE REVISTAS --- */
+  .magazine-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
+    gap: 20px;
+    margin-top: 20px;
+  }
+  .magazine-item {
+    text-align: center;
+    transition: 0.3s;
+  }
   .magazine-item a { text-decoration: none; display: block; }
-  .magazine-item img { width: 100%; height: auto; border: 2px solid #008800; transition: 0.3s; }
+  .magazine-item img {
-  .magazine-item:hover img { border-color: #00ff00; transform: scale(1.05); box-shadow: 0 0 15px #00ff00; }
+    width: 100%;
-  .magazine-label { display: block; margin-top: 8px; color: #00ff00; font-size: 0.8em; font-weight: bold; }
+    height: auto;
-  @media (max-width: 700px) { .ficha-libro-crt { flex-direction: column; align-items: center; } .dato-linea { flex-direction: column; } .magazine-grid { grid-template-columns: repeat(2, 1fr); } }
+    border: 2px solid #008800;
+    transition: 0.3s;
+  }
+  .magazine-item:hover img {
+    border-color: #00ff00;
+    transform: scale(1.05);
+    box-shadow: 0 0 15px #00ff00;
+  }
+  .magazine-label {
+    display: block;
+    margin-top: 8px;
+    color: #00ff00;
+    font-size: 0.8em;
+    font-weight: bold;
+  }
+  @media (max-width: 700px) {
+    .ficha-libro-crt { flex-direction: column; align-items: center; }
+    .dato-linea { flex-direction: column; }
+    .magazine-grid { grid-template-columns: repeat(2, 1fr); }
+  }
 </style>
 <div class="pcw-page-container crt-effect">
+  <!-- 1. FICHA TÉCNICA -->
   <div class="ficha-libro-crt">
-    <div class="portada-ficha-container"><img src="/lib/exe/fetch.php?media=revistas:portadas:pcw_magazin_de_n1.jpg" alt="PCW Magazin Germany"></div>
+    <div class="portada-ficha-container">
+      <img src="/lib/exe/fetch.php?media=revistas:portadas:sonderheft_joyce_n_1.jpg" alt="Sonderheft Joyce">
+    </div>
     <div class="datos-ficha">
-      <div class="titulo-linea"><h2>TECHNICAL SHEET</h2><img src="/lib/exe/fetch.php?media=botones:alemania.jpg" class="bandera-pais"></div>
+      <div class="titulo-linea">
-      <div class="dato-linea"><span class="dato-etiqueta">MAGAZINE:</span><span class="dato-valor">PCW Magazin</span></div>
+        <h2>FICHA TÉCNICA</h2>
-      <div class="dato-linea"><span class="dato-etiqueta">PUBLISHER:</span><span class="dato-valor"><a href="doku.php?id=editoriales:dmv" class="link-editorial">DMV Daten & Medien</a></span></div>
+        <img src="/lib/exe/fetch.php?media=botones:alemania.jpg" class="bandera-pais">
-      <div class="dato-linea"><span class="dato-etiqueta">PERIOD:</span><span class="dato-valor">1987 — 1989</span></div>
+      </div>
-      <div class="dato-linea"><span class="dato-etiqueta">ISSUES:</span><span class="dato-valor">4 issues</span></div>
+      <div class="dato-linea"><span class="dato-etiqueta">REVISTA:</span><span class="dato-valor">Sonderheft Joyce</span></div>
-      <div class="dato-linea"><span class="dato-etiqueta">PRICE:</span><span class="dato-valor">20 DM</span></div>
+      <div class="dato-linea">
-      <div class="dato-linea"><span class="dato-etiqueta">SYSTEM:</span><span class="dato-valor">Amstrad PCW (Schneider)</span></div>
+        <span class="dato-etiqueta">EDITORIAL:</span>
-      <div class="dato-linea"><span class="dato-etiqueta">LANGUAGE:</span><span class="dato-valor">German</span></div>
+        <span class="dato-valor">
-      <div class="dato-linea" style="flex-direction: column; margin-top: 15px;"><span class="dato-etiqueta">SYNOPSIS:</span><span class="dato-valor" style="margin-top: 5px; text-align: justify; color: #aaffaa;">Specialized German publication for the Schneider/Amstrad PCW series. Released by DMV, it provided high-level technical content, professional software analysis, and hardware expansions for the German market. A rare collection essential for PCW hardware preservation.</span></div>
+          <a href="doku.php?id=editoriales:dmv" class="link-editorial">DMV Daten & Medien Verlagsgesellschaft mbH</a>
+        </span>
+      </div>
+      <div class="dato-linea"><span class="dato-etiqueta">AÑO:</span><span class="dato-valor">1987 — 1989</span></div>
+      <div class="dato-linea"><span class="dato-etiqueta">NÚMEROS:</span><span class="dato-valor">4 ejemplares</span></div>
+      <div class="dato-linea"><span class="dato-etiqueta">PRECIO:</span><span class="dato-valor">20 DM (Marcos Alemanes)</span></div>
+      <div class="dato-linea"><span class="dato-etiqueta">SISTEMA:</span><span class="dato-valor">Schneider PCW (Amstrad)</span></div>
+      <div class="dato-linea"><span class="dato-etiqueta">IDIOMA:</span><span class="dato-valor">Alemán</span></div>
+      <div class="dato-linea" style="flex-direction: column; margin-top: 15px;">
+        <span class="dato-etiqueta">SINOPSIS:</span>
+        <span class="dato-valor" style="margin-top: 5px; text-align: justify; color: #aaffaa; font-style: italic;">
+          Publicación especializada del mercado alemán centrada en la serie Schneider PCW. Editada por DMV, destacó por sus profundos análisis técnicos y soluciones de software profesional para el mercado germano. Su corta andadura comercial la sitúa como una pieza clave para entender la expansión de la plataforma en Centroeuropa.
+        </span>
+      </div>
     </div>
   </div>
+<!-- 2. DESCRIPCIÓN -->
   <div class="pcw-section-box">
-    <div class="pcw-section-title">A> DIGITAL ARCHIVE (PDF)</div>
+    <div class="pcw-section-title">A> DESCRIPCIÓN</div>
+    <div style="text-align: justify; line-height: 1.6; color: #00ff00;">
+      <p style="margin-bottom: 15px;">Fue publicada por DMV Verlag (Data Media Verlag), una de las editoriales técnicas más importantes de Alemania, situada en Eschwege. Esta editorial también era responsable de la prestigiosa revista Schneider Magazin.</p>
+      <p style="margin-bottom: 15px;">En Alemania, el Amstrad PCW no se vendió bajo la marca Amstrad (llamado “Joyce” en Alemania), sino a través de Schneider Rundfunkwerke, de ahí que la revista utilice el nombre del modelo (Schneider Joyce) en lugar de las siglas PCW.</p>
+      <p style="margin-bottom: 15px;">No era una revista mensual convencional, sino que estas ediciones se publicaron como “Sonderhefte” (números especiales) de la revista PC International (también conocida como Schneider CPC International, una revista alemana de informática). Esto significaba que cada ejemplar era una monografía extensa, casi un libro, con una calidad de papel y encuadernación superior a la media. El primer número apareció en 1987 y se conocen al menos cuatro ediciones especiales.</p>
+      <p style="margin-bottom: 5px; color: #00ff00; font-weight: bold;">CONTENIDO TÍPICO</p>
+      <p style="margin-bottom: 10px;">Estas publicaciones especiales incluían:</p>
+      <ul style="list-style-type: none; padding-left: 20px; margin-bottom: 15px;">
+        <li style="margin-bottom: 8px;"><span style="color: #008800;">[#]</span> Programas completos, utilidades, listados y rutinas para el Amstrad PCW (Joyce).</li>
+        <li style="margin-bottom: 8px;"><span style="color: #008800;">[#]</span> Artículos técnicos y trucos sobre programación y uso avanzado del PCW.</li>
+        <li style="margin-bottom: 8px;"><span style="color: #008800;">[#]</span> Tips y trucos que no cabían en la revista mensual regular, dirigidos específicamente a los usuarios de Joyce.</li>
+      </ul>
+      <p style="margin-bottom: 15px;">La revista destacaba por un nivel técnico excepcionalmente alto, superior a muchas revistas inglesas del momento:</p>
+      <ul style="list-style-type: none; padding-left: 20px; margin-bottom: 15px;">
+        <li style="margin-bottom: 8px;"><span style="color: #008800;">[#]</span> <strong>Hardware Schneider:</strong> Al ser la edición alemana, se centraba exclusivamente en los modelos Joyce (8256) y Joyce Plus (8512).</li>
+        <li style="margin-bottom: 8px;"><span style="color: #008800;">[#]</span> <strong>Sistemas Operativos:</strong> Incluía cursos profundos sobre CP/M 3.0 y Mallard BASIC, además de dedicar secciones completas al procesador de textos LocoScript (adaptado al alemán).</li>
+        <li style="margin-bottom: 8px;"><span style="color: #008800;">[#]</span> <strong>Programación y Electrónica:</strong> Fue famosa por publicar esquemas para fabricar periféricos propios, como interfaces para conectar el PCW a otros dispositivos industriales o de radioafición.</li>
+        <li style="margin-bottom: 8px;"><span style="color: #008800;">[#]</span> <strong>Listados (Type-ins):</strong> Los programas para teclear que incluía estaban muy depurados y solían ser utilidades de gestión profesional o herramientas de sistema.</li>
+      </ul>
+      <p style="margin-bottom: 15px;">“Joyce Sonderheft” no fue una revista alemana independiente, sino ediciones especiales (“Sonderhefte”) dedicadas al Amstrad PCW/Joyce publicadas dentro de la revista alemana PC International (también llamada Schneider/Amstrad PC International). Fueron editadas por el DMV Verlag alrededor de 1987–1989, con al menos cuatro números especiales (1, 2, 3 y 4) que recopilaban programas, listados, trucos y artículos técnicos para el PCW/Joyce.</p>
+      <p style="margin-bottom: 5px; color: #00ff00; font-weight: bold;">LEGADO</p>
+      <p>La Sonderheft Joyce fue fundamental para la comunidad alemana porque tradujo y adaptó la compleja terminología técnica del PCW al alemán, permitiendo que la máquina tuviera un éxito masivo en pequeñas empresas y despachos de abogados en Alemania durante la segunda mitad de los años 80.</p>
+    </div>
+  </div>
+<!-- 3. ARCHIVO DE DESCARGAS (REJILLA DE REVISTAS) -->
+  <div class="pcw-section-box">
+    <div class="pcw-section-title">A> ARCHIVO DIGITAL (PDF)</div>
+    <p style="color: #008800; font-size: 0.9em; margin-bottom: 20px;">[ SELECCIONE UN NÚMERO PARA DESCARGAR ]</p>
     <div class="magazine-grid">
-      <div class="magazine-item"><a href="/lib/exe/fetch.php?media=revistas:descargas:pcw_magazin_de_1.pdf"><img src="/lib/exe/fetch.php?media=revistas:portadas:pcw_magazin_de_1.jpg"><span class="magazine-label">ISSUE 01</span></a></div>
+      <div class="magazine-item">
-      <div class="magazine-item"><a href="/lib/exe/fetch.php?media=revistas:descargas:pcw_magazin_de_2.pdf"><img src="/lib/exe/fetch.php?media=revistas:portadas:pcw_magazin_de_2.jpg"><span class="magazine-label">ISSUE 02</span></a></div>
+        <a href="/lib/exe/fetch.php?media=revistas:descargas:sonderheft_joyce_n_1.pdf">
-      <div class="magazine-item"><a href="/lib/exe/fetch.php?media=revistas:descargas:pcw_magazin_de_3.pdf"><img src="/lib/exe/fetch.php?media=revistas:portadas:pcw_magazin_de_3.jpg"><span class="magazine-label">ISSUE 03</span></a></div>
+          <img src="/lib/exe/fetch.php?media=revistas:portadas:sonderheft_joyce_n_1.jpg" alt="Número 01">
-      <div class="magazine-item"><a href="/lib/exe/fetch.php?media=revistas:descargas:pcw_magazin_de_4.pdf"><img src="/lib/exe/fetch.php?media=revistas:portadas:pcw_magazin_de_4.jpg"><span class="magazine-label">ISSUE 04</span></a></div>
+          <span class="magazine-label">NÚMERO 01</span>
+        </a>
+      </div>
+      <div class="magazine-item">
+        <a href="/lib/exe/fetch.php?media=revistas:descargas:sonderheft_joyce_n_2.pdf">
+          <img src="/lib/exe/fetch.php?media=revistas:portadas:sonderheft_joyce_n_2.jpg" alt="Número 02">
+          <span class="magazine-label">NÚMERO 02</span>
+        </a>
+      </div>
+      <div class="magazine-item">
+        <a href="/lib/exe/fetch.php?media=revistas:descargas:sonderheft_joyce_n_3.pdf">
+          <img src="/lib/exe/fetch.php?media=revistas:portadas:sonderheft_joyce_n_3.jpg" alt="Número 03">
+          <span class="magazine-label">NÚMERO 03</span>
+        </a>
+      </div>
+      <div class="magazine-item">
+        <a href="/lib/exe/fetch.php?media=revistas:descargas:sonderheft_joyce_n_4.pdf">
+          <img src="/lib/exe/fetch.php?media=revistas:portadas:sonderheft_joyce_n_4.jpg" alt="Número 04">
+          <span class="magazine-label">NÚMERO 04</span>
+        </a>
+      </div>
     </div>
   </div>
 </div>
 </html>