de:locomotive:aplicaciones:otros:family_treemaker_v5 []

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>
  /* --- MOTOR VISUAL CRT BASE --- */
  .pcw-page-container {
    background-color: #000b00 !important;
    font-family: 'Courier New', Courier, monospace !important;
    padding: 15px;
    color: #00ff00 !important;
  }

  .crt-effect { position: relative; overflow: hidden; border: 2px solid #2a2a2a; }
  .crt-effect::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.1) 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: 100; pointer-events: none;
    animation: flicker-pcw 0.15s infinite;
  }
  @keyframes flicker-pcw { 0% { opacity: 0.97; } 100% { opacity: 1; } }

  /* --- 1. TECHNISCHE DATEN --- */
  .ficha-libro-crt {
    border: 10px solid #2a2a2a; border-radius: 15px; padding: 30px; margin-bottom: 20px;
    display: flex; flex-wrap: wrap; gap: 30px;
    box-shadow: inset 0 0 50px rgba(0,255,0,0.15), 0 10px 30px rgba(0,0,0,0.7);
  }

  .portada-ficha-container {
    width: 220px; height: 300px; background-color: #111; border: 4px solid #00ff00;
    padding: 2px; box-sizing: border-box; display: flex; justify-content: center; align-items: center;
  }
  .portada-ficha-container img { width: 100%; height: 100%; object-fit: cover; }

  .datos-ficha { flex: 1; min-width: 300px; }
  .titulo-linea { 
    display: flex; justify-content: space-between; align-items: center; 
    border-bottom: 2px solid #00ff00; margin-bottom: 20px; padding-bottom: 5px; 
  }
  .datos-ficha h2 { margin: 0 !important; font-size: 1.8em !important; color: #00ff00 !important; text-transform: uppercase; text-shadow: 0 0 10px #00ff00; }
  .bandera-pais { height: 30px; border: 1px solid #00ff00; }
  
  .dato-linea { margin: 8px 0; font-size: 0.95em; display: flex; }
  .dato-etiqueta { color: #008800; font-weight: bold; min-width: 150px; text-transform: uppercase; }
  .dato-valor { color: #00ff00; }
  
  .link-editorial { color: #00ff00 !important; text-decoration: underline !important; font-weight: bold; }

  /* --- 2. ABSCHNITTE --- */
  .pcw-section-box {
    background-color: #000b00; border: 2px solid #00ff00;
    margin: 20px 0; padding: 20px;
  }
  .pcw-section-title {
    background-color: #00ff00; color: #000; padding: 3px 12px;
    font-weight: bold; display: inline-block; margin-bottom: 15px;
    text-transform: uppercase; font-size: 1.1em;
  }

  /* --- MULTIMEDIA-RASTER --- */
  .media-grid-center {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
    gap: 15px;
    margin: 15px 0;
    justify-content: center;
  }

  .media-item-center {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
  }

  .media-item-center img {
    border: 2px solid #008800;
    transition: 0.3s;
    cursor: pointer;
    max-width: 100%;
    height: auto;
  }

  .media-item-center img:hover {
    border-color: #00ff00;
    transform: scale(1.05);
    box-shadow: 0 0 15px #00ff00;
  }

  /* Zentrierte und parallele Container */
  .block-center-container {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    align-items: flex-start;
    justify-content: center;
    text-align: center;
    margin: 20px 0;
  }

  .caratula-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 300px;
  }

  .block-center-container img {
    border: 2px solid #008800;
    transition: 0.3s;
    cursor: pointer;
    max-width: 100%;
    height: auto;
  }

  .block-center-container img:hover {
    border-color: #00ff00;
    box-shadow: 0 0 15px #00ff00;
  }

  /* Download-Links im Terminal-Stil */
  .download-list { list-style-type: none; padding-left: 10px; }
  .download-list li { margin: 10px 0; font-weight: bold; }
  .download-list a { color: #00ff00 !important; text-decoration: underline !important; }
  .download-list a:hover { background-color: rgba(0, 255, 0, 0.2); }

  /* --- INTERAKTIVES MODAL-INTERFACING (EINGEPRÄGTE ORIGINALGRÖSSE) --- */
  .crt-modal-overlay {
    display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 7, 0, 0.95); z-index: 9999;
    cursor: pointer; overflow: auto; padding: 20px; box-sizing: border-box;
  }
  .crt-modal-overlay::after {
    content: " "; position: fixed; top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.2) 50%);
    background-size: 100% 4px; pointer-events: none; z-index: 10000;
  }
  .crt-modal-wrapper {
    display: flex; justify-content: center; align-items: center; min-width: 100%; min-height: 100%;
  }
  .crt-modal-content {
    border: 4px solid #00ff00; box-shadow: 0 0 30px #00ff00; background-color: #000;
    max-width: none !important; max-height: none !important; width: auto !important; height: auto !important;
    display: block; margin: auto; animation: zoom-in-crt 0.18s ease-out;
  }
  @keyframes zoom-in-crt { from { transform: scale(0.95); opacity: 0; } to { transform: scale(1); opacity: 1; } }

  @media (max-width: 700px) {
    .ficha-libro-crt { flex-direction: column; align-items: center; }
    .dato-linea { flex-direction: column; }
    .media-grid-center { grid-template-columns: repeat(2, 1fr); }
    .block-center-container { flex-direction: column; align-items: center; }
  }
</style>

<!-- EINZELNES CRT-MODAL FÜR DIE VOLLBILDANSICHT IN ORIGINALGRÖSSE -->
<div id="crtModal" class="crt-modal-overlay" onclick="closeCrtModal()">
  <div class="crt-modal-wrapper">
    <img id="crtModalImg" class="crt-modal-content" src="" alt="Full Screen Retro View">
  </div>
</div>

<script>
  function openCrtModal(imgElement) {
    var modal = document.getElementById("crtModal");
    var modalImg = document.getElementById("crtModalImg");
    modalImg.src = imgElement.src;
    modal.style.display = "block";
    document.body.style.overflow = "hidden"; // Deaktiviert das Scrollen im Hintergrund
  }
  function closeCrtModal() {
    document.getElementById("crtModal").style.display = "none";
    document.body.style.overflow = ""; // Aktiviert das Scrollen wieder
  }
</script>

<div class="pcw-page-container crt-effect">

  <!-- 1. TECHNISCHE DATEN -->
  <div class="ficha-libro-crt">
    <div class="portada-ficha-container">
      <img src="/lib/exe/fetch.php?media=locomotive:aplicaciones:imagenes:Family_Treemaker_inlay_new.JPG" alt="Family Tree Maker v5">
    </div>
    <div class="datos-ficha">
      <div class="titulo-linea">
        <h2>TECHNISCHE DATEN</h2>
        <img src="/lib/exe/fetch.php?media=botones:reino_unido.jpg" class="bandera-pais">
      </div>
      <div class="dato-linea"><span class="dato-etiqueta">ANWENDUNG:</span><span class="dato-valor">Family Tree Maker v5</span></div>
      <div class="dato-linea">
        <span class="dato-etiqueta">HERSTELLER:</span>
        <span class="dato-valor">
          <a href="doku.php?id=de:companias:locomotive_software" class="link-editorial">Locomotive Software</a>
        </span>
      </div>
      <div class="dato-linea">
        <span class="dato-etiqueta">VERTRIEB:</span>
        <span class="dato-valor">
          <a href="doku.php?id=de:companias:locomotive_software" class="link-editorial">Locomotive Software</a>
        </span>
      </div>
      <div class="dato-linea"><span class="dato-etiqueta">JAHR:</span><span class="dato-valor">1992</span></div>
      <div class="dato-linea"><span class="dato-etiqueta">VERPACKUNG:</span><span class="dato-valor">Transparente Plastikhülle</span></div>
      <div class="dato-linea"><span class="dato-etiqueta">KOMPATIBILITÄT:</span><span class="dato-valor">PCW 8256 - PCW 8512 - PCW 9512</span></div>
      <div class="dato-linea"><span class="dato-etiqueta">PERIPHERIE:</span><span class="dato-valor">Tastatur</span></div>
      <div class="dato-linea"><span class="dato-etiqueta">LADEMETHODE:</span><span class="dato-valor">BASIC</span></div>
      <div class="dato-linea"><span class="dato-etiqueta">GENRE:</span><span class="dato-valor">Stammbaum / Genealogie</span></div>
      <div class="dato-linea"><span class="dato-etiqueta">SPRACHE:</span><span class="dato-valor">Englisch</span></div>
      <div class="dato-linea"><span class="dato-etiqueta">PREIS:</span><span class="dato-valor">England: £00,00</span></div>
      <div class="dato-linea">
        <span class="dato-etiqueta">STATUS:</span>
        <span class="dato-valor">
          <a href="doku.php?id=de:preservado" class="link-editorial">Erhalten (Preserved)</a>
        </span>
      </div>
      <div class="dato-linea" style="flex-direction: column; margin-top: 15px;">
        <span class="dato-etiqueta">ZUSAMMENFASSUNG:</span>
        <span class="dato-valor" style="margin-top: 5px; text-align: justify; color: #aaffaa; font-style: italic;">
          Eines der einzigartigsten Datenbank-Werkzeuge für das Amstrad PCW-System (Schneider Joyce). Das direkt von Locomotive Software entwickelte Programm ermöglicht es, komplexe familiäre Ahnenreihen mithilfe von Mallard BASIC zu strukturieren und zu verarbeiten sowie detaillierte Berichte über die Systemroutinen und den nativen PCW-Drucker auszugeben.
        </span>
      </div>
    </div>
  </div>

  <!-- 2. BESCHREIBUNG -->
  <div class="pcw-section-box">
    <div class="pcw-section-title">A> BESCHREIBUNG</div>
    <div style="text-align: justify; line-height: 1.6; color: #00ff00;">
      <p style="margin-bottom: 15px;"><strong>Family Tree Maker v5</strong> ist ein hervorragendes Beispiel für fortschrittliche Software zur häuslichen Nutzung, die Anfang der 1990er Jahre für die <strong>Amstrad PCW-Reihe</strong> entwickelt wurde. Herausgegeben im Jahr <strong>1992</strong> directly von den Architekten des Betriebssystems der Maschine, <strong>Locomotive Software Ltd.</strong>, wurde das Programm in einem kostengünstigen Vertriebsformat (schützende Plastiktüte mit vorderem Einleger) veröffentlicht, was die Verkaufskosten im Vergleich zu traditionellen starren Kartonboxen erheblich senkte.</p>
      
      <p style="margin-bottom: 15px;">Auf technischer Ebene nutzt das Programm die <strong>Mallard BASIC</strong>-Umgebung optimal aus und läuft sowohl auf Basissystemen wie dem PCW 8256 und 8512 als auch auf der späten Modellreihe mit 3,5-Zoll-Diskettenlaufwerken (PCW 9512). Seine Hauptfunktion besteht darin, komplexe genealogische Datenbanken zu verwalten und zu indizieren. Über ein für die Tastatur optimiertes Menüsystem kann der Benutzer kreuzverlinkte Familienbeziehungen, Geburtsdaten, Todesfälle, Ehen und detaillierte biografische Notizen für jede Person eingeben.</p>

      <p style="margin-bottom: 15px;">Die Erhaltung und der historische Wert dieses Titels liegen in seiner Seltenheit und seinem späteren Lebenszyklus: Nach der Einstellung des Großbetriebs von Locomotive Software ging der verbleibende Bestand und die Rechte in das Erbe über, das von <strong>SD Microsystems</strong> (Steve Denson) verwaltet wurde. Dies stellte sicher, dass die Community weiterhin Zugang zu dieser spezialisierten Software hatte, bis sie vollständig digital archiviert werden konnte.</p>

      <p style="margin-bottom: 5px; color: #00ff00; font-weight: bold;">WICHTIGE TECHNISCHE MERKMALE</p>
      <ul style="list-style-type: none; padding-left: 20px; margin-bottom: 15px;">
        <li style="margin-bottom: 8px;"><span style="color: #008800;">[#]</span> <strong>Automatische Generierung:</strong> Fähigkeit, komplexe Abstammungs- und Nachkommenbeziehungen strukturiert im Speicher zu verarbeiten.</li>
        <li style="margin-bottom: 8px;"><span style="color: #008800;">[#]</span> <strong>Druckerausgabe:</strong> Das Programm integriert native Routinen, um Stammbäume und individuelle Datenblätter über die Nadeldrucker von Amstrad/Schneider auf Papier auszugeben.</li>
        <li style="margin-bottom: 8px;"><span style="color: #008800;">[#]</span> <strong>BASIC-Struktur:</strong> Der Kern des Programms nutzt die Verarbeitungsgeschwindigkeit von Mallard BASIC für die Systemaufrufe.</li>
      </ul>
    </div>
  </div>

  <!-- 3. SCREENSHOTS -->
  <div class="pcw-section-box">
    <div class="pcw-section-title">A> SCREENSHOTS</div>
    <div class="media-grid-center">
      <div class="media-item-center"><img src="/lib/exe/fetch.php?media=locomotive:aplicaciones:capturas:Family_Treemaker_Screenshot01.png" onclick="openCrtModal(this)"></div>
      <div class="media-item-center"><img src="/lib/exe/fetch.php?media=locomotive:aplicaciones:capturas:Family_Treemaker_Screenshot02.png" onclick="openCrtModal(this)"></div>
      <div class="media-item-center"><img src="/lib/exe/fetch.php?media=locomotive:aplicaciones:capturas:Family_Treemaker_Screenshot03.png" onclick="openCrtModal(this)"></div>
      <div class="media-item-center"><img src="/lib/exe/fetch.php?media=locomotive:aplicaciones:capturas:Family_Treemaker_Screenshot04.png" onclick="openCrtModal(this)"></div>
      <div class="media-item-center"><img src="/lib/exe/fetch.php?media=locomotive:aplicaciones:capturas:Family_Treemaker_Screenshot05.png" onclick="openCrtModal(this)"></div>
      <div class="media-item-center"><img src="/lib/exe/fetch.php?media=locomotive:aplicaciones:capturas:Family_Treemaker_Screenshot06.png" onclick="openCrtModal(this)"></div>
      <div class="media-item-center"><img src="/lib/exe/fetch.php?media=locomotive:aplicaciones:capturas:Family_Treemaker_Screenshot07.png" onclick="openCrtModal(this)"></div>
      <div class="media-item-center"><img src="/lib/exe/fetch.php?media=locomotive:aplicaciones:capturas:Family_Treemaker_Screenshot08.png" onclick="openCrtModal(this)"></div>
    </div>
  </div>

  <!-- 4. ORIGINALVERPACKUNG -->
  <div class="pcw-section-box">
    <div class="pcw-section-title">A> ORIGINALVERPACKUNG</div>
    <div style="color: #00ff00; margin-bottom: 15px; text-align: center;"> Auf den folgenden Bildern können Sie die Originalverpackung sehen. </div>
    <div class="block-center-container" style="flex-direction: row; gap: 20px;">
      <img src="/lib/exe/fetch.php?media=locomotive:aplicaciones:imagenes:Family_Treemaker_p1.JPG" style="max-width: 240px;" onclick="openCrtModal(this)">
      <img src="/lib/exe/fetch.php?media=locomotive:aplicaciones:imagenes:Family_Treemaker_p2.JPG" style="max-width: 240px;" onclick="openCrtModal(this)">
    </div>
  </div>

  <!-- 5. COVER (INLAY) -->
  <div class="pcw-section-box">
    <div class="pcw-section-title">A> COVER (INLAYS)</div>
    <p style="color: #00ff00; margin-bottom: 5px;">Nachfolgend können Sie die Cover-Inlays der Software untersuchen.</p>
    <p style="color: #008800; font-size: 0.9em; margin-bottom: 20px;">Tatsächliche Cover-Abmessungen: Breite: 14,85 cm x Höhe: 21,10 cm</p>
    
    <div class="block-center-container" style="flex-direction: row; gap: 30px;">
      <div class="caratula-wrapper">
        <p style="color: #00ff00; font-weight: bold; margin-bottom: 10px;">ORIGINAL</p>
        <img src="/lib/exe/fetch.php?media=locomotive:aplicaciones:imagenes:Family_Treemaker_inlay_old.JPG" onclick="openCrtModal(this)">
      </div>
      
      <div class="caratula-wrapper">
        <p style="color: #00ff00; font-weight: bold; margin-bottom: 10px;">RESTAURIERT</p>
        <img src="/lib/exe/fetch.php?media=locomotive:aplicaciones:imagenes:Family_Treemaker_inlay_new.JPG" onclick="openCrtModal(this)">
      </div>
    </div>
  </div>

  <!-- 6. ORIGINAL-DISKETTE -->
  <div class="pcw-section-box">
    <div class="pcw-section-title">A> ORIGINAL-DISKETTE</div>
    <div style="color: #00ff00; margin-bottom: 15px; text-align: center;"> Original-Diskette, die mit Family Tree Maker geliefert wurde. </div>
    <div class="media-grid-center">
      <div class="media-item-center"><img src="/lib/exe/fetch.php?media=locomotive:aplicaciones:imagenes:Family_Treemaker_disk_front.jpg" onclick="openCrtModal(this)"></div>
      <div class="media-item-center"><img src="/lib/exe/fetch.php?media=locomotive:aplicaciones:imagenes:Family_Treemaker_disk_Back.jpg" onclick="openCrtModal(this)"></div>
      <div class="media-item-center"><img src="/lib/exe/fetch.php?media=locomotive:aplicaciones:imagenes:Family_Treemaker_disk_Bottom.jpg" onclick="openCrtModal(this)"></div>
    </div>
  </div>

  <!-- 7. ETIKETTEN -->
  <div class="pcw-section-box">
    <div class="pcw-section-title">A> ETIKETTEN</div>
    <p style="text-align: center; font-style: italic; color: #008800;">Demnächst verfügbar</p>
  </div>

  <!-- 8. DOWNLOADS -->
  <div class="pcw-section-box">
    <div class="pcw-section-title">A> DIGITALES DOWNLOAD-ARCHIV</div>
    
    <p style="color: #00ff00; font-weight: bold; margin-bottom: 5px;">SOFTWARE / PROGRAMM</p>
    <p style="color: #aaffaa; font-size: 0.9em; margin-bottom: 10px; text-align: justify;">
      Die Disketten-Abbilder wurden von der Originalversion von Family Tree Maker extrahiert, erfolgreich geschrieben und verifiziert.
    </p>
    <ul class="download-list" style="margin-bottom: 25px;">
      <li>
        <span style="color: #008800;">[#]</span> 
        <a href="/lib/exe/fetch.php?media=locomotive:aplicaciones:descargas:Family_treemaker.zip">Family Tree Maker v5</a> 
        <span style="color: #008800; font-weight: normal; font-size: 0.85em;">(.DSK-Datei komprimiert im ZIP-Format)</span>
      </li>
    </ul>

    <p style="color: #00ff00; font-weight: bold; margin-bottom: 5px;">DOKUMENTATION / HANDBÜCHER</p>
    <p style="color: #aaffaa; font-size: 0.9em; margin-bottom: 10px; text-align: justify;">
      Nachfolgend können Sie das Programmhandbuch für Family Tree Maker herunterladen oder online ansehen.
    </p>
    <ul class="download-list">
      <li>
        <span style="color: #008800;">[#]</span> 
        <a href="/lib/exe/fetch.php?media=locomotive:aplicaciones:descargas:Manual_Family_Treemaker.pdf">Family Tree Maker v5 Handbuch</a> 
        <span style="color: #008800; font-weight: normal; font-size: 0.85em;">(PDF-Datei)</span>
      </li>
    </ul>
  </div>

</div>
</html>