de:others:veranstaltungen: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, 255, 0, 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; }

  /* --- SEKTIONEN --- */
  .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; }

  /* --- BILD-RASTER --- */
  .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>

  <!-- TEXTBLOCK 01 -->
  <div class="event-description">
    <p>Die PCWwiki nimmt im zweiten Jahr in Folge an der <b>RetroMadrid 2018</b> teil, die am 28. und 29. April im Kulturzentrum Daoiz y Velarde (im Madrider Stadtteil Retiro) stattfand. Weitere Informationen finden Sie unter folgendem Link: <a href="http://retromadrid.org" class="pcw-link" target="_blank">RetroMadrid 2018 - Wir sind zurück!</a></p>

    <p>RetroMadrid ist die Weiterentwicklung einer der weltweit größten Messen für klassische Computertechnik. Seit 1995 ist sie gewachsen und bietet allen Systemen Platz, die die Mikrocomputer-Revolution ermöglicht haben.</p>

    <p>Die Asociación de Usuarios de Informática Clásica (AUIC), die gemeinnützige Organisation hinter der RetroMadrid, möchte mit diesem Festival das Wissen über die Ursprünge und die Geschichte der Informatik fördern sowie die Erhaltung und Verbreitung dieser Systeme unterstützen, die eine Schlüsselrolle bei der Entstehung der Informationsgesellschaft spielten.</p>
  </div>

  <!-- SEKTION PROMO -->
  <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>

  <!-- TEXTBLOCK 02 -->
  <div class="event-description">
    <p style="text-align:center;"><b><u>PCWwiki ist wieder im Einsatz</u></b></p>

    <p>Ein weiteres Jahr präsentiert unser Kollege und "PCW-GOTT", der Meister Habi Soft, das Amstrad PCW-Farbprojekt vor den Augen hunderter Besucher. Diese sind erstaunt, wie ein Monochrom-Computer durch ein FPGA in ein System mit 4 Modi verwandelt wird, das PC-CGA-Rechner perfekt emuliert.</p>

    <p>Ein Traum wurde wahr: Der Veteran Jon Ritman, einer der besten Programmierer der 80er Jahre, überrascht uns auf der Veranstaltung und signiert dreißig Jahre später Videospiele aus seiner Feder. Jon, der seine Leidenschaft für 8- und 16-Bit-Rechner nie verloren hat, zeigt sich beeindruckt von den neuesten Exponaten, darunter der Farb-PCW unseres Genies und Kollegen Habi.</p>
  </div>

  <!-- SEKTION GALERIE -->
  <div class="event-section" style="text-align:center;">
    <span class="section-title retro-glow">GALERIE</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="Besonderes Foto">
    </div>
  </div>

  <!-- SEKTION POSTER -->
  <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="Offizielles Poster">
    </div>
  </div>

  <div style="margin-top:50px; text-align:right; font-size:10px; color:#004400;">
    EOF // ÜBERTRAGUNG_BEENDET
  </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>