fr:others:evenements: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>
  /* --- CHÂSSIS DU MONITEUR CRT --- */
  .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; }

  /* --- GRILLES --- */
  .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">
  
  <!-- EN-TÊTE -->
  <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>

  <!-- BLOC TEXTE 01 -->
  <div class="event-description">
    <p>PCWwiki rejoint pour la deuxième année consécutive l'événement <b>RetroMadrid 2018</b>, qui s'est tenu les 28 et 29 avril au centre culturel Daoiz y Velarde (dans le quartier du Retiro à Madrid). Pour plus d'informations, visitez le lien suivant : <a href="http://retromadrid.org" class="pcw-link" target="_blank">RetroMadrid 2018 - Le retour !</a></p>

    <p>RetroMadrid est l'évolution de l'un des plus grands salons d'informatique classique au monde. Depuis 1995, il s'est développé pour accueillir tous les systèmes qui ont rendu possible la révolution de la micro-informatique.</p>

    <p>L'Association des Utilisateurs d'Informatique Classique (AUIC), l'entité à but non lucratif organisatrice de RetroMadrid, vise à travers ce festival à promouvoir et offrir un espace dédié à la connaissance des origines et de l'histoire de l'informatique, ainsi qu'à préserver et favoriser la diffusion de ces systèmes qui furent les protagonistes de la naissance de la société de l'information.</p>
  </div>

  <!-- SECTION 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>

  <!-- BLOC TEXTE 02 -->
  <div class="event-description">
    <p style="text-align:center;"><b><u>PCWwiki repart à l'assaut</u></b></p>

    <p>Une année de plus, notre collègue et "DIEU du PCW", le Maître Habi Soft, présente le projet Amstrad PCW en couleur devant les yeux de centaines de personnes. Les visiteurs sont stupéfaits de voir comment un ordinateur monochrome est converti, via un FPGA, en une machine disposant de 4 modes émulant parfaitement les ordinateurs PC-CGA.</p>

    <p>Un rêve devenu réalité : le vétéran Jon Ritman, l'un des meilleurs programmeurs des années 80, nous fait la surprise d'être présent pour dédicacer les jeux vidéo de sa création trente ans plus tard. Jon, qui n'a rien perdu de sa passion pour les machines 8 et 16 bits, s'étonne des dernières créations de l'exposition, notamment le PCW couleur de notre génie et collègue Habi.</p>
  </div>

  <!-- SECTION 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="Photo vedette">
    </div>
  </div>

  <!-- SECTION AFFICHE -->
  <div class="event-section" style="text-align:center;">
    <span class="section-title retro-glow">AFFICHE</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="Affiche officielle">
    </div>
  </div>

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

</div>

<!-- OVERLAY DE ZOOM -->
<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>