Diferencias

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

--- en:tutorials:assembler [2026/05/07 17:47] – jesus
+++ en:tutorials:assembler [2026/05/11 06:13] (actual) – jesus
@@ Línea 2: / Línea 2: @@
 <html>
 <style>
-  /* --- MONITOR DE DESARROLLADOR PCW --- */
   .pcw-monitor-asm {
-    background-color: #000b00;
+    background-color: #000b00; border: 12px solid #2a2a2a; border-radius: 15px;
-    border: 12px solid #2a2a2a;
+    padding: 30px; margin: 25px 0; font-family: 'Courier New', Courier, monospace;
-    border-radius: 15px;
+    position: relative; overflow: hidden;
-    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);
   }
-  /* Efecto CRT Scanlines */
   .pcw-monitor-asm::after {
-    content: " ";
+    content: " "; position: absolute; top: 0; left: 0; bottom: 0; right: 0;
-    position: absolute; top: 0; left: 0; bottom: 0; right: 0;
     background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.15) 50%),
                 linear-gradient(90deg, rgba(255, 0, 0, 0.03), rgba(0, 255, 0, 0.01), rgba(0, 0, 255, 0.03));
-    background-size: 100% 3px, 2px 100%;
+    background-size: 100% 3px, 2px 100%; z-index: 2; pointer-events: none;
-    z-index: 2; pointer-events: none;
     animation: flickering 0.15s infinite;
   }
   @keyframes flickering { 0% { opacity: 0.98; } 100% { opacity: 1; } }
-  .retro-text {
+  .pcw-monitor-asm a, .pcw-monitor-asm a:hover {
-    color: #00ff00 !important;
+    text-decoration: none !important; border: none !important; outline: none !important;
-    text-shadow: 0 0 10px rgba(0, 255, 0, 0.7);
-    text-transform: uppercase;
-    text-decoration: none !important;
   }
-  .pcw-header-asm {
+  /* ESTADO BASE: PÁGINA NO CREADA (Verde Bosque) */
-    font-size: 1.6em;
+  .pcw-monitor-asm a.wikilink2 {
-    font-weight: bold;
+    color: #005500 !important; text-shadow: none !important;
-    margin-bottom: 25px;
+    font-weight: bold; text-transform: uppercase;
-    border-bottom: 2px solid #004400;
-    padding-bottom: 10px;
-    display: flex;
-    justify-content: space-between;
   }
-  .section-label {
+  /* ESTADO ACTIVO: PÁGINA CREADA (Verde Neón) */
-    background: #004400;
+  .pcw-monitor-asm a {
-    color: #000;
+    color: #00ff00 !important; text-shadow: 0 0 10px rgba(0, 255, 0, 0.8) !important;
-    padding: 2px 10px;
+    font-weight: bold; text-transform: uppercase; transition: 0.3s;
-    font-size: 0.7em;
-    margin-bottom: 10px;
-    display: inline-block;
-    font-weight: bold;
   }
-  .pcw-grid-asm {
+  /* HOVER: SIEMPRE NEÓN */
-    display: grid;
+  .pcw-monitor-asm a:hover {
-    grid-template-columns: 1fr;
+    color: #00ff00 !important; text-shadow: 0 0 20px #00ff00 !important;
-    gap: 2px;
+    background: rgba(0, 255, 0, 0.1) !important;
-    position: relative;
-    z-index: 3;
-    margin-bottom: 25px;
   }
-  .asm-link {
+  .pcw-header-asm {
-    display: flex;
+    font-size: 1.6em; font-weight: bold; margin-bottom: 25px; border-bottom: 2px solid #004400;
-    align-items: center;
+    padding-bottom: 10px; display: flex; justify-content: space-between;
-    padding: 8px 12px;
+    color: #00ff00; text-shadow: 0 0 10px rgba(0, 255, 0, 0.7);
-    border: 1px solid transparent;
-    transition: 0.1s;
-    font-weight: bold;
   }
-  .asm-link:hover {
+  .section-label {
-    background-color: rgba(0, 255, 0, 0.15);
+    background: #004400; color: #000; padding: 2px 10px; font-size: 0.7em;
-    border: 1px solid #00ff00;
+    margin: 15px 0 5px 0; display: inline-block; font-weight: bold; position: relative; z-index: 3;
-    padding-left: 20px;
-  }
-  /* Simulación de direcciones de memoria */
-  .mem-addr {
-    color: #006600;
-    font-size: 0.85em;
-    margin-right: 15px;
-    font-family: 'Courier New', monospace;
   }
-  .blink { animation: cursor-blink 1s infinite; }
+  .mem-addr { color: #008800; font-size: 0.9em; margin-right: 15px; font-weight: bold; }
-  @keyframes cursor-blink { 0%, 100% { opacity: 0; } 50% { opacity: 1; } }
+  .asm-row { padding: 2px 0; display: block; border: none !important; }
 </style>
 <div class="pcw-monitor-asm">
-  <div class="pcw-header-asm retro-text">
+  <div class="pcw-header-asm">
-    <span>A:\> AMSTRAD PCW ASSEMBLER COURSE.COM</span>
+    <span>A:\> AMSTRAD PCW ASSEMBLY COURSE.COM</span>
-    <span style="font-size: 0.5em; align-self: center;">PCWWiki [EN]</span>
+    <span style="font-size: 0.5em; align-self: center;">PCWWiki</span>
   </div>
-  <!-- SECCIÓN: LÉXICO -->
   <span class="section-label"> TERMINOLOGY / SYMBOL TABLE </span>
-  <div class="pcw-grid-asm">
+  <div class="asm-row"><span class="mem-addr">0x0000</span> </html>[[en:cursos:ensamblador:diccionario|DICTIONARY - ENGLISH TERMINOLOGY]]<html></div>
-    <a href="doku.php?id=en:cursos:ensamblador:diccionario" class="asm-link retro-text">
-      <span class="mem-addr">0x0000</span> DICTIONARY - ENGLISH TERMINOLOGY
-    </a>
-  </div>
-  <!-- SECCIÓN: CÓDIGO FUENTE (CAPÍTULOS) -->
   <span class="section-label"> MAIN_SOURCE_CODE </span>
-  <div class="pcw-grid-asm">
+  <div class="asm-row"><span class="mem-addr">0x1000</span> </html>[[en:cursos:ensamblador:capitulo_0|CHAPTER 0 - GENERAL INTRODUCTION]]<html></div><div class="asm-row"><span class="mem-addr">0x10A0</span> </html>[[en:cursos:ensamblador:capitulo_1|CHAPTER 1 - SUBROUTINES]]<html></div><div class="asm-row"><span class="mem-addr">0x11F0</span> </html>[[en:cursos:ensamblador:capitulo_2|CHAPTER 2 - CONDITIONAL EXECUTION (I)]]<html></div><div class="asm-row"><span class="mem-addr">0x12E0</span> </html>[[en:cursos:ensamblador:capitulo_3|CHAPTER 3 - CONDITIONAL EXECUTION (II)]]<html></div><div class="asm-row"><span class="mem-addr">0x13D0</span> </html>[[en:cursos:ensamblador:capitulo_4|CHAPTER 4 - BINARY ARITHMETIC (1+1=10)]]<html></div>
-    <a href="doku.php?id=en:cursos:ensamblador:capitulo_0" class="asm-link retro-text">
-      <span class="mem-addr">0x1000</span> CHAPTER 0 - GENERAL INTRODUCTION
-    </a>
-    <a href="doku.php?id=en:cursos:ensamblador:capitulo_1" class="asm-link retro-text">
-      <span class="mem-addr">0x10A0</span> CHAPTER 1 - SUBROUTINES
-    </a>
-    <a href="doku.php?id=en:cursos:ensamblador:capitulo_2" class="asm-link retro-text">
-      <span class="mem-addr">0x11F0</span> CHAPTER 2 - CONDITIONAL EXECUTION (I)
-    </a>
-    <a href="doku.php?id=en:cursos:ensamblador:capitulo_3" class="asm-link retro-text">
-      <span class="mem-addr">0x12E0</span> CHAPTER 3 - CONDITIONAL EXECUTION (II)
-    </a>
-    <a href="doku.php?id=en:cursos:ensamblador:capitulo_4" class="asm-link retro-text">
-      <span class="mem-addr">0x13D0</span> CHAPTER 4 - BINARY ARITHMETIC (1+1=10)
-    </a>
-  </div>
-  <!-- SECCIÓN: BINARIOS DE EJEMPLO -->
   <span class="section-label"> BINARY_EXAMPLES / ASM_SAMPLES </span>
-  <div class="pcw-grid-asm">
+  <div class="asm-row"><span class="mem-addr">0x2000</span> </html>[[en:cursos:ensamblador:ejemplo_1|EXAMPLE 1 - SCREEN CLEARING]]<html></div><div class="asm-row"><span class="mem-addr">0x21B0</span> </html>[[en:cursos:ensamblador:ejemplo_2|EXAMPLE 2 - PERIPHERALS CONFIGURATION]]<html></div>
-    <a href="doku.php?id=en:cursos:ensamblador:ejemplo_1" class="asm-link retro-text">
-      <span class="mem-addr">0x2000</span> EXAMPLE 1 - SCREEN CLEARING
-    </a>
-    <a href="doku.php?id=en:cursos:ensamblador:ejemplo_2" class="asm-link retro-text">
-      <span class="mem-addr">0x21B0</span> EXAMPLE 2 - PERIPHERAL CONFIGURATION
-    </a>
-  </div>
-  <div style="color: #004400; font-size: 0.8em; margin-top: 15px; border-top: 1px dashed #004400; padding-top: 10px;">
+  <div style="color: #004400; font-size: 0.8em; margin-top: 20px; border-top: 1px dashed #004400; padding-top: 10px; position: relative; z-index: 3;">
-    SYSTEM READY. SELECT MODULE TO EXECUTE <span class="blink">_</span>
+    SYSTEM READY. SELECT MODULE TO EXECUTE <span style="animation: cursor-blink 1s infinite;">_</span>
   </div>
 </div>
 </html>