fr:sistema:discos:descargas:pcw8256de []

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 --- */
  .term { background:#000b00; font-family:'Courier New',monospace; padding:30px; color:#00ff00; border:2px solid #004400; box-shadow:inset 0 0 30px rgba(0,255,0,0.1); }
  .title { font-size:1.8em; text-align:center; text-transform:uppercase; font-weight:900; margin-bottom:25px; text-shadow:0 0 20px #00ff00; letter-spacing:2px; }
  #scr { border:2px solid #00ff00; background:rgba(0,30,0,0.4); margin:20px auto; min-height:110px; width:100%; display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; padding:15px; box-sizing:border-box; }
  .bl-y { color:#ffff00; animation:b-m 1s linear infinite; font-weight:bold; } @keyframes b-m { 50%{opacity:0;} }
  .bay { background:linear-gradient(180deg,#222,#111); border:4px solid #333; width:380px; height:110px; margin:0 auto 30px auto; position:relative; border-radius:6px; }
  .slot { background:#000; width:320px; height:10px; margin:35px auto 0; box-shadow:inset 0 2px 5px #000; border-bottom:1px solid rgba(0,255,0,0.3); }
  .ej-bt { width:45px; height:20px; background:#0a0a0a; position:absolute; bottom:12px; left:30px; border:2px solid #555; border-radius:2px; cursor:pointer; z-index:100; }
  .led { width:16px; height:8px; background:#300; position:absolute; bottom:15px; right:30px; border-radius:2px; }
  .led-ac { background:#f00; box-shadow:0 0 15px #f00; animation:l-f 0.08s infinite; } @keyframes l-f { 50%{opacity:0.3;} }
  
  /* --- STRUCTURE PHYSIQUE ET ROTATION 3D --- */
  .shelf { display:flex; flex-wrap:wrap; gap:40px; justify-content:center; margin-top:30px; perspective:1200px; }
  .d-cont { width:175px; height:225px; position:relative; transition:transform 0.6s cubic-bezier(0.4,0.2,0,1); transform-style:preserve-3d; }
  .face, .back { position:absolute; width:100%; height:100%; backface-visibility:hidden; background:#111 !important; border:1px solid #000; border-radius:4px; overflow:hidden; }
  .face { z-index: 5; }
  .back { transform:rotateY(180deg); z-index: 1; }
  .flipped { transform:rotateY(180deg); }
  .flipped .back { z-index: 10; }

  /* MÉCANIQUE */
  .h-l-r { position:absolute; top:0; left:12px; width:6px; height:12px; background:#fff; border-radius:0 0 1px 1px; z-index:5; } 
  .h-r-c { position:absolute; top:6px; right:14px; width:6px; height:6px; background:#fff; border-radius:50%; z-index:5; } 
  .win-c { position:absolute; top:12px; left:50%; margin-left:-14px; width:28px; height:60px; background:#000; border-radius:14px; z-index:4; box-shadow:inset 0 2px 5px rgba(0,0,0,0.9); overflow:hidden; }
  .shut-m { position:absolute; width:100%; height:100%; background: linear-gradient(90deg, #888 0%, #bbb 45%, #ddd 50%, #bbb 55%, #888 100%); transition:0.45s; z-index:6; }
  .sh-o { transform:translateX(-92.5%); } 
  .mag-s { position:absolute; width:170px; height:170px; background:radial-gradient(circle, #1a1a1a 30%, #050505 100%); top:50%; left:50%; margin:-85px 0 0 -85px; border-radius:50%; z-index:2; }
  .hub-w { position:absolute; top:82px; left:50%; margin-left:-24px; width:48px; height:48px; z-index:5; }
  .hub { background:radial-gradient(circle, #f0f0f0 0%, #a0a0a0 45%, #d0d0d0 50%, #888 70%, #444 100%); border-radius:50%; border:1.5px solid #222; width:100%; height:100%; position:relative; }
  .hub-p { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:10px; height:10px; background:#000; border-radius:50%; border:1px solid #555; z-index:7; }
  .hub-n { position:absolute; top:8px; left:50%; margin-left:-2px; width:4px; height:10px; background:#111; border-radius:1px; box-shadow:inset 0 0 2px #000; } 
  .spin { animation: r-h 0.5s linear infinite !important; } @keyframes r-h { to {transform:rotate(360deg);} }

  /* --- ÉTIQUETTES BLINDÉES (GRIS SCHNEIDER) --- */
  .label { position:absolute; bottom:8px; left:8px; right:8px; height:82px; background:#fff; border-radius:2px; overflow:hidden; display:flex; flex-direction:column; font-family:Arial,sans-serif; z-index:15; cursor:pointer; }
  .l-head, .l-head-rev { background:#bcbcbc !important; border-bottom:1.2px solid #000; height:28px; padding:0 6px; display:flex; align-items:center; justify-content:space-between; }
  .l-head-rev { flex-direction: row-reverse; }

  /* LOGO SCHNEIDER */
  .sch-logo-new { display: flex; align-items: center; gap: 4px; }
  .sch-u-cont { display: flex; gap: 0px; align-items: center; margin-top: 1px; }
  .u-shape { width: 4.5px; height: 6.5px; border: 3px solid #000; box-sizing: border-box; }
  .u-l { border-right: none; border-radius: 1px 0 0 1px; transform: translateY(-2.5px); }
  .u-r { border-left: none; border-radius: 0 1px 1px 0; border-color: #f00; transform: translateY(1.5px); }
  .sch-txt-box { display: flex; flex-direction: column; line-height: 0.8; }
  .sch-brand { font-size: 11.5px; font-weight: 900; color: #000; font-family: "Arial Black", sans-serif; }
  .sch-comp { font-size: 5.2px; font-family: "Courier New", monospace; font-weight: 950; font-style: italic; color: #000; margin-top: 1.2px; letter-spacing: 0.1px; }

  .l-side-box { display:flex; align-items:center; gap:4px; color:#000; font-weight:900; font-size:11px; }
  .l-arr-box { background:#fff; border:1.2px solid #000; display:flex; align-items:center; justify-content:center; height:11px; width:10px; font-size:11px; font-weight:bold; }
  .l-body { flex:1; padding:3px 6px 0 6px; color:#000; text-align:left; position:relative; display:flex; flex-direction:column; }
  .l-ser { position:absolute; border:1px solid #000; background:#fff; z-index:20; display:flex; align-items:center; justify-content:center; text-align:center; box-sizing:border-box; width:44px; height:13px; right:6px; font-size:8px; top:4px; font-weight:900; }
  .l-leg-fix { margin-top: auto; margin-bottom: 2px; display: flex; flex-direction: column; }
  .l-leg-fix span { font-size:3.8px !important; color:#000 !important; font-weight: 950 !important; text-transform: uppercase; line-height: 1.15; display: block; white-space: nowrap; letter-spacing: -0.12px; }
  .l-foot { background:#bcbcbc; height:18px; border-top:1px solid #000; padding:0 4px; display:flex; align-items:center; gap:3px; }
  .l-cs { border: 1.2px solid #000; color: #000; font-size: 7px; font-weight: 950; padding: 0px 2px; background: transparent; line-height: 1; }
  .l-copy-box { display: flex; flex-direction: column; justify-content: center; width: 135px; text-align: left; } 
  .l-copy-txt { font-size: 3.8px !important; color:#000 !important; font-weight:bold !important; line-height: 1.1; text-transform: uppercase; }

  .dl-final-btn { display:none; margin-top:10px; padding:10px 25px; border:2px solid #ff0; color:#ff0 !important; font-weight:bold; text-decoration:none; text-transform:uppercase; background:rgba(255,255,0,0.1); font-family:'Courier New',monospace; transition: 0.1s; cursor:pointer; }
  .f-bt { background:none; color:#0f0; border:1px solid #0f0; font-size:10px; cursor:pointer; padding:5px 12px; margin-top:10px; font-weight:bold; outline:none; transition: background 0.2s; }
  .f-bt:hover { background:#0f0 !important; color:#000 !important; }
</style>

<div class="term">
  <div class="title">SYSTÈME DE DISQUETTES SCHNEIDER PCW 8256 (DE)</div>
  <div class="bay"><div class="slot"></div><div class="ej-bt" onclick="window.location.href='/doku.php?id=fr:software:systeme'"></div><div id="led" class="led"></div></div>
  <div id="scr">
    <div id="msg" style="color:#0f0;font-weight:bold">SYSTÈME PRÊT. VEUILLEZ INSÉRER UN DISQUE_</div>
    <a id="lnk1A" href="/lib/exe/fetch.php?media=sistema:discos:descargas:pcw_8256_de_locoscript_v1.1.zip" class="dl-final-btn" download>TÉLÉCHARGER LOCO SCRIPT ZIP</a>
    <a id="lnk1B" href="/lib/exe/fetch.php?media=sistema:discos:descargas:pcw_8256_de_cpmplus_v1.2.zip" class="dl-final-btn" download>TÉLÉCHARGER CP/M PLUS ZIP</a>
    <a id="lnk2A" href="/lib/exe/fetch.php?media=sistema:discos:descargas:pcw_8256_de_utilidades.zip" class="dl-final-btn" download>TÉLÉCHARGER UTILITAIRES ZIP</a>
    <a id="lnk2B" href="/lib/exe/fetch.php?media=sistema:discos:descargas:pcw_8256_de_drlogo.zip" class="dl-final-btn" download>TÉLÉCHARGER DR.LOGO et HELP ZIP</a>
  </div>
  
  <div class="shelf">
    <!-- DISQUETTE 1 -->
    <div style="text-align:center"><div class="d-cont" id="dk1">
      <div class="face" onclick="load(1,'A','LOCO SCRIPT')">
        <div class="h-l-r"></div><div class="h-r-c"></div><div class="win-c"><div class="shut-m" id="s1A"></div></div><div class="hub-w"><div class="hub" id="h1A"><div class="hub-p"></div><div class="hub-n"></div></div></div>
        <div class="label">
          <div class="l-head">
            <div class="sch-logo-new">
              <div class="sch-u-cont"><div class="u-shape u-l"></div><div class="u-shape u-r"></div></div>
              <div class="sch-txt-box"><span class="sch-brand">Schneider</span><span class="sch-comp">COMPUTER SOFTWARE</span></div>
            </div>
            <div class="l-side-box">1 <div class="l-arr-box">↑</div></div>
          </div>
          <div class="l-body">
            <div class="l-ser">2433345</div>
            <span style="font-size:10px;font-weight:900;text-transform:uppercase">LOCO SCRIPT</span>
            <div class="l-leg-fix">
              <span>L'utilisation de ce logiciel est soumise aux conditions</span>
              <span>du contrat de licence utilisateur final (voir l'annexe</span>
              <span>du manuel d'utilisation).</span>
            </div>
          </div>
          <div class="l-foot"><div class="l-cs">CS</div><div class="l-copy-box"><span class="l-copy-txt">PROGRAMMES COPYRIGHT © 1985 LOCOMOTIVE SOFTWARE LTD &</span><span class="l-copy-txt">AMSTRAD CONSUMER ELECTRONICS plc.</span></div></div>
        </div>
      </div>
      <div class="back" onclick="load(1,'B','CP/M PLUS')">
        <div class="h-l-r"></div><div class="h-r-c"></div><div class="win-c"><div class="shut-m" id="s1B"></div></div><div class="hub-w"><div class="hub" id="h1B"><div class="hub-p"></div><div class="hub-n"></div></div></div>
        <div class="label">
          <div class="l-head-rev">
            <div class="sch-logo-new">
              <div class="sch-u-cont"><div class="u-shape u-l"></div><div class="u-shape u-r"></div></div>
              <div class="sch-txt-box"><span class="sch-brand">Schneider</span><span class="sch-comp">COMPUTER SOFTWARE</span></div>
            </div>
            <div class="l-side-box"><div class="l-arr-box">↑</div> 2</div>
          </div>
          <div class="l-body">
            <div class="l-ser" style="font-size:3.8px;">voir l'autre face</div>
            <span style="font-size:10px;font-weight:900;text-transform:uppercase">CP/M PLUS</span>
            <div class="l-leg-fix">
              <span>L'utilisation de ce logiciel est soumise aux conditions</span>
              <span>du contrat de licence utilisateur final (voir l'annexe</span>
              <span>du manuel d'utilisation).</span>
            </div>
          </div>
          <div class="l-foot"><div class="l-cs">CS</div><div class="l-copy-box"><span class="l-copy-txt">PROGRAMMES COPYRIGHT © 1985 LOCOMOTIVE SOFTWARE LTD &</span><span class="l-copy-txt">AMSTRAD CONSUMER ELECTRONICS plc.</span></div></div>
        </div>
      </div>
    </div><button class="f-bt" onclick="document.getElementById('dk1').classList.toggle('flipped');">⟲ RETOURNER DISQUETTE 1</button></div>

    <!-- DISQUETTE 2 -->
    <div style="text-align:center"><div class="d-cont" id="dk2">
      <div class="face" onclick="load(2,'A','UTILITAIRES')">
        <div class="h-l-r"></div><div class="h-r-c"></div><div class="win-c"><div class="shut-m" id="s2A"></div></div><div class="hub-w"><div class="hub" id="h2A"><div class="hub-p"></div><div class="hub-n"></div></div></div>
        <div class="label">
          <div class="l-head">
            <div class="sch-logo-new">
              <div class="sch-u-cont"><div class="u-shape u-l"></div><div class="u-shape u-r"></div></div>
              <div class="sch-txt-box"><span class="sch-brand">Schneider</span><span class="sch-comp">COMPUTER SOFTWARE</span></div>
            </div>
            <div class="l-side-box">3 <div class="l-arr-box">↑</div></div>
          </div>
          <div class="l-body">
            <div class="l-ser">2433347</div>
            <span style="font-size:7.5px;font-weight:900;text-transform:uppercase;letter-spacing:-0.1px">UTILITAIRES</span>
            <div class="l-leg-fix">
              <span>L'utilisation de ce logiciel est soumise aux conditions</span>
              <span>du contrat de licence utilisateur final (voir l'annexe</span>
              <span>du manuel d'utilisation).</span>
            </div>
          </div>
          <div class="l-foot"><div class="l-cs">CS</div><div class="l-copy-box"><span class="l-copy-txt">PROGRAMMES COPYRIGHT © 1985 LOCOMOTIVE SOFTWARE LTD &</span><span class="l-copy-txt">AMSTRAD CONSUMER ELECTRONICS plc.</span></div></div>
        </div>
      </div>
      <div class="back" onclick="load(2,'B','DR.LOGO et HELP')">
        <div class="h-l-r"></div><div class="h-r-c"></div><div class="win-c"><div class="shut-m" id="s2B"></div></div><div class="hub-w"><div class="hub" id="h2B"><div class="hub-p"></div><div class="hub-n"></div></div></div>
        <div class="label">
          <div class="l-head-rev">
            <div class="sch-logo-new">
              <div class="sch-u-cont"><div class="u-shape u-l"></div><div class="u-shape u-r"></div></div>
              <div class="sch-txt-box"><span class="sch-brand">Schneider</span><span class="sch-comp">COMPUTER SOFTWARE</span></div>
            </div>
            <div class="l-side-box"><div class="l-arr-box">↑</div> 4</div>
          </div>
          <div class="l-body">
            <div class="l-ser" style="font-size:3.8px;">voir l'autre face</div>
            <span style="font-size:7.5px;font-weight:900;text-transform:uppercase;letter-spacing:-0.1px">DR.LOGO et HELP</span>
            <div class="l-leg-fix">
              <span>L'utilisation de ce logiciel est soumise aux conditions</span>
              <span>du contrat de licence utilisateur final (voir l'annexe</span>
              <span>du manuel d'utilisation).</span>
            </div>
          </div>
          <div class="l-foot"><div class="l-cs">CS</div><div class="l-copy-box"><span class="l-copy-txt">PROGRAMMES COPYRIGHT © 1985 LOCOMOTIVE SOFTWARE LTD &</span><span class="l-copy-txt">AMSTRAD CONSUMER ELECTRONICS plc.</span></div></div>
        </div>
      </div>
    </div><button class="f-bt" onclick="document.getElementById('dk2').classList.toggle('flipped');">⟲ RETOURNER DISQUETTE 2</button></div>
  </div>
</div>

<script>
var aCtx=null, mNode=null, mLFO=null, cLoad=null;
function iA(){ if(!aCtx) aCtx=new(window.AudioContext||window.webkitAudioContext)(); }
function pRec(){ iA(); var st=aCtx.currentTime; for(var i=0;i<12;i++){ var t=st+(i*0.045),o=aCtx.createOscillator(),g=aCtx.createGain(); o.type='square'; o.frequency.value=90; g.gain.setValueAtTime(0.18,t); g.gain.linearRampToValueAtTime(0,t+0.03); o.connect(g); g.connect(aCtx.destination); o.start(t); o.stop(t+0.03); }}
function pStp(){ iA(); var n=aCtx.currentTime,o=aCtx.createOscillator(),g=aCtx.createGain(),f=aCtx.createBiquadFilter(); o.type='triangle'; o.frequency.value=130; f.type='bandpass'; f.frequency.value=1100; g.gain.setValueAtTime(0.22,n); g.gain.exponentialRampToValueAtTime(0.001,n+0.035); o.connect(f); f.connect(g); g.connect(aCtx.destination); o.start(); o.stop(n+0.035); }
function sMot(){ iA(); mNode=aCtx.createOscillator(); var g=aCtx.createGain(); mNode.type='sine'; mNode.frequency.value=42; mLFO=aCtx.createOscillator(); var lg=aCtx.createGain(); mLFO.frequency.value=6; lg.gain.value=0.004; mLFO.connect(lg); lg.connect(g.gain); g.gain.value=0.007; mNode.connect(g); g.connect(aCtx.destination); mNode.start(); mLFO.start(); }
function tMot(){ if(mNode){ mNode.stop(); mLFO.stop(); mNode=null; } }

function load(num, side, name) {
  if(cLoad) clearInterval(cLoad);
  var msg=document.getElementById('msg'), l=document.getElementById('led');
  document.querySelectorAll('.dl-final-btn').forEach(el => el.style.display = 'none');
  msg.className="bl-y"; l.className="led led-ac";
  document.querySelectorAll('.hub').forEach(h => h.classList.remove('spin'));
  document.querySelectorAll('.shut-m').forEach(s => s.classList.remove('sh-o'));
  
  var targetHub = document.getElementById('h' + num + side);
  var targetShut = document.getElementById('s' + num + side);
  if(targetHub) targetHub.classList.add('spin');
  if(targetShut) targetShut.classList.add('sh-o');
  
  pRec(); setTimeout(function(){ sMot(); }, 550);
  var trk=0; cLoad=setInterval(function(){
    msg.innerHTML="LECTURE DISQUETTE "+num+" [FACE "+side+"] - PISTE "+trk+"<br>CHARGEMENT : "+name;
    if(trk>0) pStp(); trk++;
    if(trk > 39){ 
        clearInterval(cLoad); tMot(); l.className="led"; 
        if(targetHub) targetHub.classList.remove('spin');
        if(targetShut) targetShut.classList.remove('sh-o');
        msg.innerHTML='<span style="color:#0f0">SYSTÈME PRÊT : '+name+'</span>'; 
        var targetDl = document.getElementById('lnk' + num + side);
        if(targetDl) targetDl.style.display = 'inline-block';
    }
  }, 140);
}
</script>
</html>