Herramientas de usuario

Herramientas del sitio

Traza: • amstrad_pcw • sistema • pcw_9512_rustico_en • rvm • unidades_disco
catalogos:inicio

Diferencias

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

Enlace a la vista de comparación

Próxima revisión		Revisión previa
catalogos:inicio [2026/05/08 05:25] – creado jesuscatalogos:inicio [2026/05/08 05:28] (actual) – jesus
Línea 1: Línea 1:
 ~~NOTOC~~ ~~NOTOC~~
 +
 +====== Listado de Catálogos Comerciales Amstrad PCW ======
 +
 +----
  
 <html> <html>
 <style> <style>
-  /* --- CONTENEDOR PRINCIPAL NEGRO --- */ 
-  .pcw-black-container { 
-    background-color: #000000; 
-    padding: 30px; 
-    border: 3px solid #004400; 
-    border-radius: 8px; 
-    margin: 20px 0; 
-    font-family: 'Courier New', monospace; 
-  } 
- 
-  /* --- TÍTULO TIPO TERMINAL --- */ 
-  .terminal-title { 
-    color: #00ff00; 
-    font-size: 1.5em; 
-    font-weight: bold; 
-    margin-bottom: 25px; 
-    text-transform: uppercase; 
-    text-shadow: 0 0 10px rgba(0, 255, 0, 0.7); 
-  } 
- 
   /* --- 1. ÍNDICE DE NAVEGACIÓN (UNA SOLA FILA) --- */   /* --- 1. ÍNDICE DE NAVEGACIÓN (UNA SOLA FILA) --- */
   .abecedario-nav {   .abecedario-nav {
     display: flex; flex-direction: row; justify-content: space-between; align-items: center;     display: flex; flex-direction: row; justify-content: space-between; align-items: center;
     background-color: #000; padding: 10px 5px; border: 2px solid #00ff00;     background-color: #000; padding: 10px 5px; border: 2px solid #00ff00;
-    margin-bottom: 30px; width: 100%; box-sizing: border-box; overflow-x: auto; white-space: nowrap;+    margin: 20px 0; width: 100%; box-sizing: border-box; overflow-x: auto; white-space: nowrap;
   }   }
   .abecedario-nav img { width: 32px; height: 32px; margin: 0 5px; flex-shrink: 0; }   .abecedario-nav img { width: 32px; height: 32px; margin: 0 5px; flex-shrink: 0; }
Línea 38: Línea 22:
   .abecedario-nav a:hover { background-color: #00ff00; color: #000 !important; }   .abecedario-nav a:hover { background-color: #00ff00; color: #000 !important; }
  
-  /* --- 2. TÍTULOS DE SECCIÓN (CUADRADO MINI) --- */+  /* --- 2. TÍTULOS DE SECCIÓN RETRO --- */
   .abecedario-titulo {   .abecedario-titulo {
-    color: #000000 !important; background-color: #00ff00; +    color: #00ff00; background-color: #000; border-bottom: 2px solid #00ff00; 
-    font-size: 1.2em; font-weight: bold; margin: 40px 0 20px 0;  +    font-family: 'Courier New', monospace; font-size: 2.2em; 
-    width: 32px; height: 32px; line-height: 32px; +    margin: 50px 0 20px 0; padding-left: 15px; display: block; 
-    text-align: center; display: block; scroll-margin-top: 30px; +    scroll-margin-top: 20px;
-    box-shadow: 0 0 8px rgba(0, 255, 0, 0.4);+
   }   }
  
-  /* --- 3. REJILLA DE CATÁLOGOS --- */+  /* --- 3. REJILLA DE LIBROS (4 POR FILA EN PC) --- */
   .letra-seccion {   .letra-seccion {
-    display: grid; grid-template-columns: repeat(4, 1fr);  +    display: grid; 
-    gap: 30px; padding: 20px 0; justify-items: center; margin-bottom: 50px; +    grid-template-columns: repeat(4, 1fr);  
-    border-top: 1px solid #004400;+    gap: 30px; padding: 20px; justify-items: center; margin-bottom: 50px;
   }   }
  
Línea 57: Línea 40:
   .book-container-mini {   .book-container-mini {
     width: 150px; height: 200px; position: relative;      width: 150px; height: 200px; position: relative; 
-    background-color: #fff; border: 8px solid #2a2a2a; +    background-color: #fff; /* Línea blanca interna */ 
 +    border: 8px solid #000; /* Marco negro */
     padding: 2px; box-sizing: border-box;     padding: 2px; box-sizing: border-box;
-    box-shadow: 0 0 15px rgba(0,0,0,0.6); line-height: 0;+    box-shadow: 0 5px 15px rgba(0,0,0,0.6); line-height: 0;
   }   }
 +  .book-link { display: block; width: 100%; height: 100%; text-decoration: none; }
   .portada { width: 100%; height: 100%; object-fit: cover; border: 1px solid #eee; }   .portada { width: 100%; height: 100%; object-fit: cover; border: 1px solid #eee; }
  
Línea 69: Línea 54:
   }   }
   .t-l { top: -10px; left: -10px; } .t-r { top: -10px; right: -10px; }    .t-l { top: -10px; left: -10px; } .t-r { top: -10px; right: -10px; } 
 +  .b-l { bottom: -10px; left: -10px; } .b-r { bottom: -10px; right: -10px; }
  
-  /* --- 6. INFO Y BOTÓN --- */ +  /* --- 6. RESPONSIVO --- */
-  .item-wrapper { display: flex; flex-direction: column; align-items: center; } +
-  .catalog-info { color: #008800; font-size: 10px; margin-top: 10px; text-align: center; line-height: 1.2; } +
-  .download-btn { +
-    display: block; margin-top: 12px; background: #001100; color: #00ff00 !important; +
-    border: 1px solid #00ff00; font-family: 'Courier New', monospace; +
-    font-size: 10px; padding: 6px; text-decoration: none !important; +
-    text-align: center; width: 134px; font-weight: bold; +
-  } +
-  .download-btn:hover { background: #00ff00; color: #000 !important; } +
   @media (max-width: 900px) { .letra-seccion { grid-template-columns: repeat(2, 1fr); } }   @media (max-width: 900px) { .letra-seccion { grid-template-columns: repeat(2, 1fr); } }
 +  @media (max-width: 450px) { .letra-seccion { grid-template-columns: 1fr; } }
 </style> </style>
  
-<div class="pcw-black-container">+<!-- ÍNDICE SUPERIOR COMPLETO --> 
 +<div class="abecedario-nav"> 
 +  <img src="/lib/exe/fetch.php?media=botones:mundo.png"> 
 +  <a href="#NUM">#</a><a href="#A">A</a><a href="#B">B</a><a href="#C">C</a><a href="#D">D</a> 
 +  <a href="#E">E</a><a href="#F">F</a><a href="#G">G</a><a href="#H">H</a><a href="#I">I</a> 
 +  <a href="#J">J</a><a href="#K">K</a><a href="#L">L</a><a href="#M">M</a><a href="#N">N</a> 
 +  <a href="#O">O</a><a href="#P">P</a><a href="#Q">Q</a><a href="#R">R</a><a href="#S">S</a> 
 +  <a href="#T">T</a><a href="#U">U</a><a href="#V">V</a><a href="#W">W</a><a href="#X">X</a> 
 +  <a href="#Y">Y</a><a href="#Z">Z</a> 
 +  <img src="/lib/exe/fetch.php?media=botones:mundo.png"> 
 +</div>
  
-  <!-- TÍTULO TERMINAL --> +<!-- ================= SECCIÓN (T) ================= -->
-  <div class="terminal-title">A:\> CATALOGOS_ENGLISH_PRESERVED.EXE</div>+
  
-  <!-- ÍNDICE DE NAVEGACIÓN --> +<div id="T" class="abecedario-titulo">T</div> 
-  <div class="abecedario-nav"> +<div class="letra-seccion"> 
-    <img src="/lib/exe/fetch.php?media=botones:mundo.png"> +  <!-- Oficial Amstrad User Clubs --> 
-    <a href="#T">T</a> +  <div class="book-container-mini"> 
-    <a href="#W">W</a> +    <img src="/lib/exe/fetch.php?media=botones:reino_unido.jpg" class="corner-flag-mini t-l"> 
-    <img src="/lib/exe/fetch.php?media=botones:mundo.png">+    <img src="/lib/exe/fetch.php?media=botones:reino_unido.jpg" class="corner-flag-mini t-r"> 
 +    <img src="/lib/exe/fetch.php?media=botones:reino_unido.jpg" class="corner-flag-mini b-l"> 
 +    <img src="/lib/exe/fetch.php?media=botones:reino_unido.jpg" class="corner-flag-mini b-r"> 
 +    <a href="/lib/exe/fetch.php?media=catalogos:descargas:oficial_amstrad_user_club.pdf" class="book-link"> 
 +      <img src="/lib/exe/fetch.php?media=catalogos:imagenes:oficial_amstrad_user_club.jpg" class="portada"> 
 +    </a>
   </div>   </div>
 +</div>
  
-  <!-- ================= SECCIÓN (T) ================= --> +<!-- ================= SECCIÓN (W) ================= -->
-  <div id="T" class="abecedario-titulo">T</div> +
-  <div class="letra-seccion"> +
-     +
-    <!-- CATALOGO T1 --> +
-    <div class="item-wrapper"> +
-      <div class="book-container-mini"> +
-        <img src="/lib/exe/fetch.php?media=botones:reino_unido.jpg" class="corner-flag-mini t-l"> +
-        <img src="/lib/exe/fetch.php?media=botones:reino_unido.jpg" class="corner-flag-mini t-r"> +
-        <img src="/lib/exe/fetch.php?media=catalogos:imagenes:oficial_amstrad_user_club.jpg" class="portada"> +
-      </div> +
-      <div class="catalog-info"> +
-        <b>OFFICIAL AMSTRAD USER CLUBS</b><br> +
-        1988-1989 | SOFT & PERIPHERAL +
-      </div> +
-      <a href="/lib/exe/fetch.php?media=catalogos:descargas:oficial_amstrad_user_club.pdf" class="download-btn">DOWNLOAD_PDF</a> +
-    </div>+
  
 +<div id="W" class="abecedario-titulo">W</div>
 +<div class="letra-seccion">
 +  <!-- Whsmith - Digital Research -->
 +  <div class="book-container-mini">
 +    <img src="/lib/exe/fetch.php?media=botones:reino_unido.jpg" class="corner-flag-mini t-l">
 +    <img src="/lib/exe/fetch.php?media=botones:reino_unido.jpg" class="corner-flag-mini t-r">
 +    <img src="/lib/exe/fetch.php?media=botones:reino_unido.jpg" class="corner-flag-mini b-l">
 +    <img src="/lib/exe/fetch.php?media=botones:reino_unido.jpg" class="corner-flag-mini b-r">
 +    <a href="/lib/exe/fetch.php?media=catalogos:descargas:catalogo_whsmith.pdf" class="book-link">
 +      <img src="/lib/exe/fetch.php?media=catalogos:imagenes:catalogo_whsmith.jpg" class="portada">
 +    </a>
   </div>   </div>
 +</div>
  
-  <!-- ================= SECCIÓN (W) ================= --> 
-  <div id="W" class="abecedario-titulo">W</div> 
-  <div class="letra-seccion"> 
- 
-    <!-- CATALOGO W1 --> 
-    <div class="item-wrapper"> 
-      <div class="book-container-mini"> 
-        <img src="/lib/exe/fetch.php?media=botones:reino_unido.jpg" class="corner-flag-mini t-l"> 
-        <img src="/lib/exe/fetch.php?media=botones:reino_unido.jpg" class="corner-flag-mini t-r"> 
-        <img src="/lib/exe/fetch.php?media=catalogos:imagenes:catalogo_whsmith.jpg" class="portada"> 
-      </div> 
-      <div class="catalog-info"> 
-        <b>WHSMITH - DIGITAL RESEARCH</b><br> 
-        1986 | DIGITAL RESEARCH 
-      </div> 
-      <a href="/lib/exe/fetch.php?media=catalogos:descargas:catalogo_whsmith.pdf" class="download-btn">DOWNLOAD_PDF</a> 
-    </div> 
- 
-  </div> 
- 
-</div> 
 </html> </html>
  
catalogos/inicio.1778217908.txt.gz · Última modificación: por jesus