en:otros:eventos:retromadrid_2018 []

Esta página es de solo lectura. Puedes ver la fuente pero no puedes cambiarla. Pregunta a tu administrador si crees que esto es incorrecto.
~~NOTOC~~
<html>
<style>
  /* --- EVENT MONITOR CHASSIS --- */
  .pcw-event-details {
    background-color: #000b00; border: 10px solid #2a2a2a; border-radius: 12px;
    padding: 30px; margin: 20px 0; font-family: 'Courier New', monospace;
    position: relative; overflow: hidden; color: #00ff00;
    box-shadow: inset 0 0 50px rgba(0,255,0,0.1), 0 10px 25px rgba(0,0,0,0.8);
  }

  .pcw-event-details::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.15) 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: 2; pointer-events: none;
  }

  .retro-glow { text-shadow: 0 0 10px rgba(0, 255, 0, 0.7); text-transform: uppercase; }

  /* --- SECTIONS --- */
  .event-section { border-top: 1px solid #004400; margin-top: 30px; padding-top: 20px; position: relative; z-index: 5; }
  .section-title { font-size: 1.4em; font-weight: bold; margin-bottom: 20px; display: block; color: #00ff00; }
  .section-title::before { content: "[ "; }
  .section-title::after { content: " ]"; }

  .event-description { line-height: 1.6; font-size: 1.1em; color: #aaffaa; text-align: justify; }
  .event-description p { margin-bottom: 20px; } 
  
  .pcw-link { color: #00ff00; text-decoration: underline; font-weight: bold; }
  .pcw-link:hover { background: #004400; color: #fff; }

  /* --- GRIDS --- */
  .grid-3-col { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; margin-bottom: 25px; }
  
  .img-frame { 
    border: 1px solid #004400; padding: 5px; background: #000; 
    transition: 0.3s; cursor: zoom-in; position: relative;
  }
  .img-frame:hover { border-color: #00ff00; box-shadow: 0 0 15px rgba(0, 255, 0, 0.3); transform: scale(1.02); }
  .img-frame img { width: 100%; height: auto; display: block; filter: brightness(0.9); }

  .single-photo { max-width: 450px; margin: 0 auto; }

  /* --- ZOOM OVERLAY --- */
  #pcw-zoom-overlay {
    position: fixed; top: 0; left: 0; width: 100%; height: 100%;
    background: rgba(0, 10, 0, 0.95); z-index: 9999;
    display: none; align-items: center; justify-content: center;
    cursor: zoom-out;
  }
  #pcw-zoom-overlay::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.15) 50%);
    background-size: 100% 3px; z-index: 10000; pointer-events: none;
  }
  #pcw-zoom-content {
    max-width: 90%; max-height: 90%;
    border: 4px solid #00ff00; padding: 10px; background: #000;
    position: relative; z-index: 10001; animation: zoom-in-anim 0.25s ease-out;
  }
  @keyframes zoom-in-anim { from { transform: scale(0.8); opacity: 0; } to { transform: scale(1); opacity: 1; } }
  #pcw-zoom-img { max-width: 100%; max-height: 85vh; display: block; border: 1px solid #004400; }
</style>

<div class="pcw-event-details">
  
  <!-- HEADER -->
  <div style="text-align:center; margin-bottom:40px;">
    <h1 class="retro-glow" style="font-size: 2.5em; margin:0;">RETROMADRID 2018</h1>
    <div style="color:#008800;"></div>
  </div>

  <!-- TEXT BLOCK 01 -->
  <div class="event-description">
    <p>PCWwiki joins for its second consecutive year the <b>RetroMadrid 2018</b> event, held on April 28th and 29th at the Daoiz y Velarde cultural center (located in Madrid's Retiro district). For more information, visit the following link: <a href="http://www.retromadrid.org/retromadrid-2018-volvemos-a-la-carga/" class="pcw-link" target="_blank">RetroMadrid 2018 - We are back!</a></p>

    <p>RetroMadrid is the evolution of one of the world's largest classic computing fairs. Since 1995, it has grown and developed to host all the systems that made the microcomputing revolution possible.</p>

    <p>The Association of Classic Computing Users (AUIC), the non-profit entity organizing RetroMadrid, aims through this festival to promote and provide a space for the knowledge of computing origins and history, as well as to preserve and encourage the dissemination of these systems that were protagonists in the birth of the information society.</p>
  </div>

  <!-- PROMO SECTION -->
  <div class="event-section">
    <span class="section-title retro-glow">PROMO</span>
    <div class="grid-3-col">
      <div class="img-frame" onclick="openPcwZoom(this)"><img src="lib/exe/fetch.php?media=otros:eventos:carteles:batman-sprite-1-700x725.jpg" alt="Promo 1"></div>
      <div class="img-frame" onclick="openPcwZoom(this)"><img src="lib/exe/fetch.php?media=otros:eventos:carteles:banner-rm-2018-frontpage.jpg" alt="Promo 2"></div>
      <div class="img-frame" onclick="openPcwZoom(this)"><img src="lib/exe/fetch.php?media=otros:eventos:carteles:Retromadrid_2017_3.png" alt="Promo 3"></div>
    </div>
  </div>

  <!-- TEXT BLOCK 02 -->
  <div class="event-description">
    <p style="text-align:center;"><b><u>PCWwiki is back in action</u></b></p>

    <p>Once again, our colleague and "PCW GOD", the Master Habi Soft, presents the Amstrad PCW color project before the eyes of hundreds of people. They are amazed at how a monochrome computer is converted through an FPGA into a computer with 4 modes, perfectly emulating PC-CGA computers.</p>

    <p>Our dream came true: the veteran Jon Ritman, one of the best programmers of the 80s, surprises us at the event by signing video games of his creation thirty years later. Jon, who hasn't lost his passion for 8 and 16-bit computers, is astonished by the latest creations in the exhibition, including the color PCW by our genius and colleague Habi.</p>
  </div>

  <!-- GALLERY SECTION -->
  <div class="event-section" style="text-align:center;">
    <span class="section-title retro-glow">GALLERY</span>
    <div class="img-frame single-photo" onclick="openPcwZoom(this)">
      <img src="lib/exe/fetch.php?media=otros:eventos:fotos:jonritman_and_the_pcwwiki_rm2018.jpg" alt="Featured Photo">
    </div>
  </div>

  <!-- POSTER SECTION -->
  <div class="event-section" style="text-align:center;">
    <span class="section-title retro-glow">POSTER</span>
    <div class="img-frame" style="max-width:500px; margin:0 auto;" onclick="openPcwZoom(this)">
      <img src="lib/exe/fetch.php?media=otros:eventos:carteles:cartel_retromadrid_ff_logo4-web-e1523999123683.png" alt="Official Poster">
    </div>
  </div>

  <div style="margin-top:50px; text-align:right; font-size:10px; color:#004400;">
    EOF // TRANSMISSION_TERMINATED
  </div>

</div>

<!-- ZOOM OVERLAY -->
<div id="pcw-zoom-overlay" onclick="closePcwZoom()">
    <div id="pcw-zoom-content">
        <img id="pcw-zoom-img" src="">
    </div>
</div>

<script>
function openPcwZoom(element) {
    const src = element.querySelector('img').getAttribute('src');
    document.getElementById('pcw-zoom-img').setAttribute('src', src);
    document.getElementById('pcw-zoom-overlay').style.display = 'flex';
}

function closePcwZoom() {
    document.getElementById('pcw-zoom-overlay').style.display = 'none';
}
</script>
</html>